Shop similar product
The Shop Similar Product section displays all products that are assigned in the product metafield of the current product. The section will retrieve and show the products configured in that metafield as related product recommendations. Here
.png)
Section settings
General settings
| Setting | Description |
|---|---|
| Section width | 3 options for container |
| Color scheme | Select colors from Theme settings -> Colors |
Section header
| Setting | Description |
|---|---|
| Heading | The primary text element used to introduce or label the content within this section. |
| Enable heading underline animation | Enable heading underline animation |
| Underline style | Select Underline style |
| Underline color | Customize Underline color |
| Description | A text element used to provide additional details or supporting information related to the heading or content of the section. |
| Heading size | The size of the title: |
| Alignment | The position of the heading and description. |
Content settings
| Setting | Description |
|---|---|
| Items per row on desktop | Number of columns to display on desktop computers. Minimum: 2. Maximum: 6. |
| Column gap | 4 options for column gap |
Carousel settings
| Setting | Description |
|---|---|
| Enable carousel | When enabled, the section will be displayed in carousel format |
Mobile settings
| Setting | Description |
|---|---|
| Items per row on mobile | Number of columns to display on mobile devices. |
Section padding
| Setting | Description |
|---|---|
| Top | Customize the top margin of the section |
| Bottom | Customize the bottom margin of the section |
Section divider
| Setting | Description |
|---|---|
| Show divider | Toggles the visibility of a horizontal divider line within the section. |
No comments yet