How to create a slideshow in Drupal?

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.

Is it better to use Lightroom or Photoshop?

Is it better to use Lightroom or Photoshop?

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.

/sites/all/libraries/jquery.cycle/jquerycycle.all.js

Step 2: Create a style for the image

To add a photo style, as in the photo, go to: Configuration—> Image styles—> Add style.

Is it better to use Lightroom or Photoshop?

Click on Add new style. On the next page, you should select a name for your style, which we have here: testimonial_thumbnail.

Is it better to use Lightroom or Photoshop?

Now you have to select an effect for your style, which we choose Resize.

Is it better to use Lightroom or Photoshop?

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.

Is it better to use Lightroom or Photoshop?

Is it better to use Lightroom or Photoshop?

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.

Is it better to use Lightroom or Photoshop?

Step 5: Add a link to the content field

Just add the link to your content exactly like the previous step.

Is it better to use Lightroom or Photoshop?

Step 6: Manage Field Display

Click on the Manage Display.

Is it better to use Lightroom or Photoshop?

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.

Is it better to use Lightroom or Photoshop?

After adding the style to the field, we save this section, of course, we can do other changes to other fields.

Is it better to use Lightroom or Photoshop?

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:

Is it better to use Lightroom or Photoshop?

Is it better to use Lightroom or Photoshop?

But let’s talk a bit about the options above.

1 – In this section, you can choose a name for your views.

  1. Your views may be many, so by enabling this option, write an explanation about your views. You will be confused later.
  2. In this section, you can determine which views are limited to which content, in fact, it is the filter.
  3. If you want to create a page for your views, you must enable this option.

5- To add blocks to views.

  1. 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.

Is it better to use Lightroom or Photoshop?

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.

Is it better to use Lightroom or Photoshop?

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.

How to create a slideshow in Drupal?
4.3 (85.33%) 15 votes

1 reply

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *