Product grid
.png)
How to add a Product grid section?
How to customize your Product grid section
General Settings
| Setting | Description |
|---|---|
| Section width | 3 options for section width
|
- Show filter counts: Display the quantity of products when filtering
- Desktop filter layout: 3 options for desktop filter layout
Note: Mobile layout will be automatically optimized.
Product grid
| Setting | Description |
|---|---|
| Products per page | Limit the display of the number of page. Minimum: 4. Maximum: 24 |
| Column per row on desktop | Number of columns to display on desktop computers. Minimum: 2. Maximum: 5. |
| Column gap | 4 options for column gap
|
Pagination type
Section padding
- Top padding: Customize the top margin of the section
- Bottom padding: Customize the bottom margin of the section
Block settings
Promotion
| Setting | Description |
|---|---|
| Banner image | Upload banner promotion image |
| Button link | The link URL you want to add |
| Banner position | The banner will display if its position is equal to or less than the number of products in the collection; otherwise, it won't be shown. |
No comments yet