Image with products slideshow

The section is managed through:

Customize Theme → Sections → Template → Image with products slideshow

Introduction:

In the world of e-commerce, visually appealing product displays are paramount to capturing the attention of potential customers and driving sales. An image slideshow featuring products offers a dynamic and engaging way to showcase merchandise, highlighting key features, promotions, or seasonal offerings. In this section, we'll explore the various settings and customization options available for creating and managing image slideshows with product integration on a Shopify store. With these tools, merchants will be able to craft compelling slideshows that effectively showcase products and entice visitors to explore further.

Settings Overview:

The Settings Overview provides a comprehensive look at all the customization options available within the 'Image with products slideshow' section, empowering merchant to create captivating slideshows that seamlessly integrate product images and drive engagement.

Make section full width: Allows the user to use the full width of the screen (small gaps are left at both ends that cannot be absorbed).
Swap image and content: With that setting, the user can swap the image and the slideshow position. By default, the image is on the left, and accordingly, the slideshow is on the right.
Media ratio on mobile: Gives control over the media ratio for the mobile version.
Enable loop mode: A setting that enables a loop mode. It means that if the user goes to the last slide, the next slide will be the first one, which forms the continuous infinity loop.
Enable autoplay: It enables or disables the setting for autoplaying the slideshow mode.
Change slides every: Give the user the control to modify the interval in seconds for every slide to stand on the screen. It can vary from 3 to 10 seconds. A loop mode is automatically enabled.
Maximum products to show: Gives the user the option to choose how many products to be visible on the slideshow part of the section. They can vary from 2 to 12.
Image on desktop: Select an image for the desktop version.
Image on mobile: Select an image for the mobile version.
Color scheme: With that setting, the user can choose the color scheme of the section. For more information on setting up the color schemes, refer to Theme settings → Colors → Schemes.
Collection*: Gives the user the option to select a collection to present on the slideshow part.
Product*: Gives the user the option to select a product to present on the slideshow part.
* Note: If collection and product are both selected, the collection will appear as a preferred setting.
Heading: Enter a heading for the section.
Caption: Enter a caption for the section.
Heading size: Gives control over the heading font size. One of three possibilities is to be chosen: Small, Medium or Large.
Horizontal content alignment: Gives control over the horizontal positioning of all the content. One of three possibilities is to be chosen: Left, Center or Right.
Button label: Enter a label for the button.
Button link: With that setting, the user can choose one of the store links or enter an external link for the button.
Use outline button style: An additional setting to control the button presentation. The button becomes transparent, and a border in label color appears.

PreviousCollage NextFeatured cards grid

Last updated 6 months ago

Introduction:

Settings Overview:

Make section full width: Allows the user to use the full width of the screen (small gaps are left at both ends that cannot be absorbed).

Swap image and content: With that setting, the user can swap the image and the slideshow position. By default, the image is on the left, and accordingly, the slideshow is on the right.

Media ratio on mobile: Gives control over the media ratio for the mobile version.

Enable loop mode: A setting that enables a loop mode. It means that if the user goes to the last slide, the next slide will be the first one, which forms the continuous infinity loop.

Enable autoplay: It enables or disables the setting for autoplaying the slideshow mode.

Change slides every: Give the user the control to modify the interval in seconds for every slide to stand on the screen. It can vary from 3 to 10 seconds. A loop mode is automatically enabled.

Maximum products to show: Gives the user the option to choose how many products to be visible on the slideshow part of the section. They can vary from 2 to 12.

Image on desktop: Select an image for the desktop version.

Image on mobile: Select an image for the mobile version.

Color scheme: With that setting, the user can choose the color scheme of the section. For more information on setting up the color schemes, refer to Theme settings → Colors → Schemes.

Collection*: Gives the user the option to select a collection to present on the slideshow part.

Product*: Gives the user the option to select a product to present on the slideshow part.

* Note: If collection and product are both selected, the collection will appear as a preferred setting.

Heading: Enter a heading for the section.

Caption: Enter a caption for the section.

Heading size: Gives control over the heading font size. One of three possibilities is to be chosen: Small, Medium or Large.

Horizontal content alignment: Gives control over the horizontal positioning of all the content. One of three possibilities is to be chosen: Left, Center or Right.

Button label: Enter a label for the button.

Button link: With that setting, the user can choose one of the store links or enter an external link for the button.

Use outline button style: An additional setting to control the button presentation. The button becomes transparent, and a border in label color appears.