Catalog showcase
The catalog showcase allows multiple slides to display with images and optional text. This section allows you to add a catalog slideshow in Full Width , Grid or Full width on right.
You can add a catalog showcase section to display a carousel of images on a page in your store.
Layout
Customization of the "Layout" in the Slideshow section is as follows:
Full width
Grid
Full width on right
Slider
Layout Customization of the "Layout" in the Catalog showcase section is as follows:
Adaptive view
Grid outlet
Height Customization of the "Height" in the Slideshow section is as follows:
Adapt to first image
Small
Medium
Large
Auto rotate slides Enable this checkbox to automatically rotate through the images in the catalog showcase. Change slides every Use the bar to set the auto-rotate time of the catalog showcase. You can set a minimum of “3” seconds and a maximum of “9” seconds.
Controller location "Controller location" defines slide controller position.
Inline
Outside
Controller style "Controller style" defines slide controller style.
Button
Outline
Icon
Pagination
Foreground
You can modify the foreground color in the pagination settings to change both the color of the pagination arrows and the accompanying text.
Background
This option allows you to change the background color within the pagination of the catalog slideshow section.
Color scheme
In this section, you can change the background and foreground color of a section using the color scheme.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6
Add Catalog showcase
To add slides to the catalog showcase section, click on the 'Add Catalog showcase'.
Heading
Text Enter text to display as a title in the section.
Note: Use the slash "/" "/" to highlight words. The following example: /Text/. Size Following is the font size customization of the heading of the section:
Small
Medium
Large
Extra large
Subheading Enter text to display as a subheading in the section.
Image
Use "Image" to add the main image to the block.
Slider grid outlet
Use "Second image" to add the second image to the block. this image show when layout set to grid outlet.
Grid outlet content
Background shape You can select shape to display content background with unique shape. Shape list given below:
None
Default
Arch
Blob
Chevron left
Chevron right
Diamond
Parallelogram
Round
Square
Background shape color By selecting background color for shape, you can see background for shape.
Button
Label Use "Label" to add a label to the Button in the section. Link Use "Link" to add a link to the Button in the section. Style
Customization of the "Style" in the Catalog showcase section is as follows:
Link
Outline
Button
Desktop content alignment
Customization of "Desktop content alignment" in desktop devices is as follows:
Left
Center
Right
Color scheme
In this section, you have the option to modify the background and foreground colors of a slide's content container using the provided color scheme.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6
Mobile layout
Mobile image If you want to add a separate image for mobile devices, add a image here. Mobile second image If you want to add a separate second image for mobile devices, add a image here. this image show when layout option grid outlet is selected. Content alignment
Customization of "Content alignment" in mobile devices is as follows:
Left
Center
Right
Last updated