Display a tab system in that each tab shows a grid/slider of products.
Section settings
Setting |
Description |
Heading |
The title of the section. Click the dynamic source button to insert a dynamic source as the title of the section. |
Subheading |
The subtitle of the section. Click the dynamic source button to insert a dynamic source as the title of the section. |
Heading size |
Change the size of the heading and subheading. Choose between small, medium, or large. |
Make products full width |
Display products in the full width of the window, regardless of the page width setting. |
Enable carousel on desktop |
Display products in a carousel on screens wider than 989 pixels wide. |
Color scheme |
Pick a color scheme. |
Section padding |
Add spacing to the top or bottom of the featured collection section. Use the range slider to add between 0px and 100px of space above or below the featured collection section. |
MOBILE LAYOUT |
|
Number of columns on tablet |
Set a specific column layout on a widescreen between 751 pixels and 989 pixels. |
Number of columns on mobile |
Set a specific column layout on screens less than 750 pixels wide. Choose between 1 and 2 columns. |
Enable swipe on tablet and mobile |
Changes the mobile and tablet displays from a column to a row, where customers can swipe sideways to see more products. |
Product card settings
For product card settings, you can refer to this article for more details.
Featured products tab block
Setting |
Description |
Title |
The title of the tab. |
Featured products |
Pick products you want to show. |
Maximum products to show |
The number of products that you selected to display. Minimum: 2. Maximum: 12. |
Number of columns on desktop |
Set a specific column layout on screens wider than 989 pixels. Choose between 1 and 2 columns. Minimum: 1. Maximum: 5. |
Featured collection tab block
Setting |
Description |
Title |
The title of the tab. |
Collection |
Pick a collection you want to display products from. Click Change to remove or change the collection. |
Maximum products to show |
The number of products that you selected to display. Minimum: 2. Maximum: 12. |
Number of columns on desktop |
Set a specific column layout on screens wider than 989 pixels. Choose between 1 and 2 columns. Minimum: 1. Maximum: 5. |
Enable "View all" button if collection has more products than shown
|
If the collection has more products than set in the Maximum products to show field, then this displays a "View all" button that takes the customers to the collections page. |
"View all" style |
Choose the style of the view all button. |
Comments
0 comments
Article is closed for comments.