General Settings for Slideshow

General Settings for Slideshow

In this tab, you will choose collection page to display slideshow and customize slideshow to fit your store.

Name your slideshow 

Type slideshow name in the first box of the tab. 
All your created slideshows will be on dashboard page like this:

Choose collection page (for slideshows created in Collection section)

You can add slideshow on all collections or choose some specific collections from the list. You can also add on 'All products' page. 
A slideshow can be added to several collection pages.

Config & Style

Edit slide size

Edit the height and width of image by entering the number in the boxes. For image width, you can leave empty to display in 100% width. For better responsiveness, you can edit image height on mobile as well.


To autoplay slideshow, enable 'Autoplay' mode. You can customize how fast your slideshow plays by editing autoplay speed. If you want to pause autoplay mode while hovering on slideshow, please switch 'Pause on hover' on.

Text font

Customize text font family and font size at right below 'Autoplay' section.

Overlay opacity 

To make slide text easier to be noticed, there will be a covering overlay on your image. You can customize its opacity for better look. Leave 0% if you don't want covering, or 100% to cover the image completely.


To customize the distance from slideshow border to other elements on your store, edit the number in 'Margin' box. This will make slideshow better fit your store theme.

Dots & Arrows

To show dots and arrows on slideshow, enable 'Show Dots' and 'Show Arrows'. You can choose dots and arrows types from the list, and choose dot position as well. 
To change the color of dots and arrows, please choose from 'Theme' section with 2 options: Dark and Light.

    • Related Articles

    • Submenu settings

      There are 3 types of Submenu: Flyout (tree) menu, Mega menu & Tab menu. Click the pencil button to edit a parent item and choose among the 3 types.   1. Flyout menu settings When selecting Flyout Submenu type, your menu will be displayed as a normal ...
    • All about Item Layout

      Text link By default, item layout of all menu items are set as "Text only" when first created. Click "Edit" button on the menu item you want to modify. Title: enter a title for the menu item. This title will be displayed in the menu. Disable link: ...
    • Display settings

      Open form in  We offer 3 common layouts for your contact form:  Popup Bubble Embed Form (instruction here) The bubble is like a mini version popup form, so it won't contain any images and shouldn't have too many fields.   Template There are 6 ...
    • Add slideshow to other pages

      To add slideshows to other pages outside collection pages, you need to create slideshows in the "Other pages" section.  In your Collection Slideshow app, go to “Other Pages” and create new slideshow For all slideshows in this section, there is only ...
    • Style & Advanced settings

      1. Style Step 2: Add & Design > Style All settings in this section apply globally to all menu items. Animation *Available in Premium plan only. There are 4 animations to appear submenu: fade in, shift up, flip in, zoom in. Note: select "none" if ...