Installing+Views+Slideshow

Required Modules:
[|- Views] [|- Views slideshow] [|- Libraries] [|- Link field]

**1- Download Modules**
Download all the modules from Drupal site and install then to your site, you go in and enable all these modules.

**2- Create an image style**
We need to create two image styles one for the full image and one for the thumbnail image. Go into '__**Administration**__' then '__**Configuration**__' and under media click '__**Image styles**__" Next click on __**Add a Style**__.



• Give an Image style name and click on create new style button • On the next screen __**select new style (Resize)**__ and then click __**add**__ button • On the next screen set the __**width and height**__ and click on the __**add effect**__ button.I set width as 935 and height as 600 pixels. Do this same thing for the thumbnail image too. (I set width as 210 and height as 100 pixels.)



3- Set New Content Type
• From the menu click on __**Structure**__ and then __**content types**__ then click on the __**add new content type**__. • Give it a name and description ( I named it **slider**) • Submission form settings, leave as the default • Publishing options, check __**only published**__ (all other settings __unchecked__) • Display settings, I have __**unchecked**__ the author and date info. • Comment settings,I set __**hidden**__ (disabled) • Menu settings, leave as default • Click **__Save and add fields__** Button



4- Create New Fields
We have to create two fields, Image field and Link field • Label- Slider Image • Field- slider_image • Field type- image • Widget (form element)- image
 * Image Field Settings**

Click __**Save**__ button, and on the field settings page leave default settings and click on __**Save field settings**__ button.

Next, in the same way, add the link field.

• Label- Slider Link • Field- slider_link • Field type- link • Widget (form element)- link Click __**Save**__ button, and on the field settings page leave default settings and click on __**Save field settings**__ button.
 * Link Field Settings**



• Click on the **Manage Display** tab; I have set the __**link field**__ as **__hidden__** and I have also set __**image label**__ as __**hidden**__

5- Create Slider Content
• Click on __**add content**__ link • Create Slider content • Give it a title name • Upload your slider image • Give a link __**title and url**__ where you want the slider to be linked • Leave all other settings as default • Save the content.

__In the same way add more content__

**6- Create a New View**
From the __**Dashboard**__ menu click on the __**Structure**__ and then click on the __**Views**__. • Click add new view link • Give view name, I have named as __**Slider**__ • Choose Show __**Content**__ of type __**Slider**__ • Uncheck __**Create a Page**__ and check **__Create a block__** • Type in Block title and choose display format as __**"Slideshow"**__ of "**fields**" items per page 5 (you can enter the number of items you want to display) • Click the button "**__Continue & edit__**"

Now click add icon under the fields tab and add the ' **link field'** & similarly '**image field'** and click **__apply.__**

**__7- Enable Block__**

 * •** Under **__Structure__** click **__Blocks__** and drag the image link file up to under the content heading to enable it.


 * Go back to your main page and your slideshow should be up & running!**