Product card slider
This section allows you to configure a dedicated image to showcase a set of products as a slider. It can be displayed in two formats: as two cards separated from the main content and slider, or as a unified layout containing both types of content.
- You can customize the entire section's Color Scheme.
- Set the text content using the Heading, Subheading, and Description fields, and adjust the Text Alignment.
- You can choose between two layout options: Cards, which resembles a grid of two cards, or Overlay, which is presented as a solid layout.
- For the Overlay layout, you can enable the Full Width option.
- You also have the option to enable a unique scroll animation if desired.
After configuring the general fields, you can proceed to the settings for the Text content block settings and the Products block settings.
Text content block settings:
- Similar to the general section settings, you can choose a specific Color Scheme for this part.
- You can set the text content for the Heading, Subheading, and Description.
- Additionally, you can add a Button linked to a specific page or URL.
- The Vertical Alignment and Horizontal Alignment options allow you to adjust the content's position within the block.
- This section also provides the option to add a Background Image, customize the Desktop Aspect Ratio (for the mobile devices it will be calculated automatically), and modify an optional overlay with a customizable Overlay opacity (it may be displayed as a gradient by enabling the Show overlay as gradient option).
Products block settings:
- This part also has a customizable Color Scheme.
- You can specify a Heading for this section using the Heading field, but only if you previously selected the Cards layout.
- The Select Products option allows you to choose and edit the list of products displayed in the slider.
- Customize the appearance of product cards using the Card Ratio and Card Image Fit options.
- You can also enable autoplay and set the speed for the sliding animation.
