One of the most popular Drupal modules to build slideshows is the View Slideshow module that has been popular among Drupal users. In this article, I’ve tried to teach you how to create a slideshow in Drupal 7 from the beginning, then go ahead. Stay with us.
Step 1: Install the views slideshow
Install this module first.
Go to Extend—> Install new module for the new version of Drupal.
To install this module, we also need a series of modules.
But it’s not finished yet and you need to download another file, go to this address. After downloading this file, place it on the following path.
Step 2: Create a style for the image
To add a photo style, as in the photo, go to: Configuration—> Image styles—> Add style.
Click on Add new style. On the next page, you should select a name for your style, which we have here: testimonial_thumbnail.
Now you have to select an effect for your style, which we choose Resize.
Well, now we have to choose a size for our photo that we have chosen here for 75×75.
Step 3: Create a new Content type
Go to this path: Structure—> Content types and add a new content type, exactly like the image below.
Step 4: Add a photo field to the content
Act exactly like the below photo and add a field of your photo type to your own content.
Step 5: Add a link to the content field
Just add the link to your content exactly like the previous step.
Step 6: Manage Field Display
Click on the Manage Display.
In this section, you can create different modes for the fields for the two default and teaser display. In this section, for the photo field, we select the styles we created by clicking on the section marked in the image below.
After adding the style to the field, we save this section, of course, we can do other changes to other fields.
Step 7: Create views
In this step, we need to create views. We need to go to Structure—> Views—> Add a new view to create views. Create your own views as you see in below image:
But let’s talk a bit about the options above.
1 – In this section, you can choose a name for your views.
- Your views may be many, so by enabling this option, write an explanation about your views. You will be confused later.
- In this section, you can determine which views are limited to which content, in fact, it is the filter.
- If you want to create a page for your views, you must enable this option.
5- To add blocks to views.
- Block name.
7 – Block display style we have chosen here slideshow.
8 – Number of visible items in the block.
Finally, save and continue working.
Step 8: Edit views
At this point, we can make more adjustments to our own views.
First of all, enter a name for your block so you can find it more easily in blocks. Then, go to the slideshow settings section and apply your own custom settings.
You can do different things in this section, for example, change the type of image movement, or enable/disable widgets for the bottom or top. Finally, after applying your preferences, save the views.
Well, we’ve come to the end of How to create a slideshow in Drupal article. With the help of this module, you can create beautiful and different slideshows. You can make its appearance more beautiful with CSS.