Sticky products settings
| Setting | Description |
| Color scheme | Apply Color Scheme:
|
Heading settings
| Setting | Description |
| Heading | This field is for adding a heading to the section. In the top menu of the field, you can find options to customize the heading. Furthermore, you can click the dynamic source button to insert a dynamic source as the heading of the section. |
| Heading font family: |
In Theme Settings, the heading can have a different font family from the body text. You can apply one of these styles to the heading in Before & After section. |
| Heading size | The heading size setting offers three options to control the size of your section heading:
|
| Font weight | Font weight defines the thickness or boldness of text on your store. Available options for heading:
|
| Button label | Decide whether the section includes a button:
|
| Button link (paste a link or search) | Add a URL or page link for the button, directing customers to a specific destination. In this section, you can add a link to the collection to show customers all products. |
Grid settings
| Setting | Description |
| Large item position | This setting allows you to select the optimal placement for the large product image within the grid. You can select either “Left” or “Right” alignment based on your preference and design layout. |
Product card
| Setting | Description |
| Image ratio | Sets the image ratio for the product images:
|
| Show second image on hover | Check this option to display a second image on hover. This will only apply if the product page includes more than one image. |
| Show vendor | Show the vendor of the products under the image. |
| Show product rating | Displays the average product rating in stars with the number of reviews in parenthesis, for example: ★★★★★ (8). Also requires a product review app, and metafield definitions forreviews.rating_count and reviews.rating. |
| Enable quick view button | Enable this option to display a "Quick View" button on product cards that have variants. When the "Quick View" button is clicked, a pop-up window appears where customers can:
Behavior when the option is disabled: If this option is turned off, product cards that have more than one variant will appear without any action buttons. In that case, customers need to visit the product detail page to choose and add a variant to their cart. Note: If a product has only color variants and color swatches are displayed directly on the product card. In this case, instead of the "Quick View" button, an "Add to Cart" button will be shown — allowing customers to:
|
| Show type | You can show or hide the product type (e.g., headphones) added on the product detail page using this button. |
Section padding
| Setting | Description |
| Top padding | The 'Top padding' setting allows you to adjust the amount of space at the top of the section using a slider. |
| Bottom padding | The 'Bottom padding' setting functions similarly to the “Section top padding” setting, but controls the space at the bottom of the section. |
| Top padding mobile | The “Top Padding mobile" setting allows you to adjust the space at the top of the section on mobile devices using a slider. |
| Bottom padding mobile | The “Bottom Padding mobile” setting works similarly to the “Top Padding mobile” setting, but it controls the space at the bottom of the section. |