How to Use PageFly Slideshow Element?

1. About Slideshow ElementClick to copy

1.1. What is PageFly Slideshow Elements?Click to copy

Slideshow Element is designed to present a series of content items in a single compact view to help increase your conversion rate. You can use the Slideshow element to display featured products, sales campaigns, customer testimonials, etc.

1.2. Where I can find the Slideshow Element?Click to copy

To access the slideshow element, click on the Add icon element on the left toolbar.

slideshow

1.3. PageFly Slideshow TypesClick to copy

The Slideshow element comes with multiple variations covering most needs. But we will continue to add more variations to help you save time.

Currently, the Slideshow element comes with 6 types of slide:

  • Blank

slideshow

  • Single image

slideshow element

  • Image list

slideshow element

  • Text overlay image background 1

slideshow element

  • Text overlay image background 2

slideshow element

  • Video

slideshow element

You can add more elements into the slide to customize it to the form you want.

1.4. Slideshow Element’s StructureClick to copy

All slideshow types follow this structure:

Slideshow element > Slide element > Row > Column > Slide content

slideshow element

2. Slideshow ConfigurationClick to copy

2.1. Slideshow Element General SettingsClick to copy

Content

2.1.1. SlidesClick to copy

Show the number of slides of a slideshow. You can duplicate, add or remove a slide.

slideshow

2.1.2. Item(s) Per Show

Set the number of slides display on your banner (the maximum number is the amount of Slider you have set in the Slides parameter)

2.1.3. Item(s) To Scroll

Set the number of slides will show up additionally after you click the navigation button (the maximum number depends on the amount of number of Items Per Show you’ve set above)

2.1.4. Items Spacing

Set the spacing between two slides

2.1.5. Display Partial Items

Show partial of the previous and the next slide

2.1.6. NavigationClick to copy

There are 5 different styles for the left/right arrow navigation button on the slide. You can choose None and navigate between slides by clicking on the pagination.Please note that some navigation options only appear on mouseover.

slideshow

2.1.7. PaginationClick to copy

There are 3 different styles for pagination.

slideshow

2.1.8. Set Max Height

If turned on, the slideshow height will max out to the height of the tallest slide in the slideshow including invisible ones.

slideshow element

2.1.9. Enable Auto Rewind

You will be able to return back to the first slide when you click the next button in the last slide.

slideshow element

2.1.10. Enable Autoplay

Enable / Disable autoplay of slides in the Slideshow.

This works on the live page only.

If you turn on Auto Rewind and Autoplay, your slide will auto-play to the end and turn back to the first slide.

If you turn off Auto Rewind and turn on Autoplay, your slide will auto play from the beginning slide and stop in the last one.

slideshow element

2.1.11. Slide Delay

Adjust the speed of your slide when you turn on Enable Autoplay.

The minimum speed is 1 second and the maximum is 20 seconds.

slideshow

2.1.12. Pause on hover

When turning on Enable Autoplay, you can select to pause the autoplay by hovering on a slide.

slideshow element

You can get further information about VISIBILITY, ATTRIBUTES, ANIMATION parameters here

2.2. Slideshow Styling SettingsClick to copy

You can check more information about the Styling tab here

2.3. Slide Element – General SettingsClick to copy

The Slideshow element is the combination of multiple slides and you can edit and settings for each slide.

Content

2.3.1. No. of SlidesClick to copy

Show the number of slides of a slideshow. You can duplicate, add or remove a slide.

slide element

2.3.2. Name

Change the name for each slide by adding text in the placeholder

slide element

2.3.3. Content Position

Set up for the position of the content inside the slide.

slide element

You can get further information about ACTION, ATTRIBUTES, TRACKING parameters here

2.4. Styling settingsClick to copy

You can check more information about the Styling tab here.

3. Key TakeawaysClick to copy

Slideshow element is a perfect way to display product items, best for campaigns and also to present customer testimonials…

4. Frequently Asked QuestionsClick to copy

4.1. What is PageFly Slideshow Element?Click to copy

SlideShow is a tool to gather all types of contents together in one slides, as it present a single compact view, to help increase conversion rate.

4.2. What types of contents can I add to PageFly Slideshow Element?Click to copy

On a single element, you could add slides and items, as types of items are single image, image list, text overlay image and video. Then, you can freely edit the settings of each item, including: to show, to scroll, space and to navigate.

Sparkle this #IWD2024! ✨ Design a dazzling Shopify page to celebrate women (and your brand) with PageFly:

Navigate this category

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
Discover essential strategies and tips to boost your sales in all ecommerce events. Check now!