Items
| Setting | Description |
| Color scheme | Applying a color scheme to an items block automatically updates all associated colors set in the theme settings according to the created color schemes. You can edit colors in this block, but it will impact the other sections and blocks in which the same color scheme is used. Learn more about color schemes. |
| Heading size |
The heading size setting offers three options to control the size of your heading:
|
| Show continue shopping | Enable “Continue shopping” that will lead to all products. |
| Continue shopping button style |
Choose the button’s appearance:
|
Empty cart
| Setting | Description |
| Show continue shopping | Enable “Continue shopping” that will lead to all products when cart is empty. |
| Show customer accounts | Show a custom account block: heading and a link for login page. |
| Collections list | You can add collections that will be displayed in a grid format when the cart is empty. |
| Custom color scheme | Enable this option to apply a custom color scheme to the collection cards. |
| Collection cards color scheme | Applying a color scheme to the сollection cards automatically updates all associated colors set in the theme settings according to the created color schemes. You can edit colors in this block, but it will impact the other sections and blocks in which the same color scheme is used. Learn more about color schemes. |
| Collection text | You can add text that will be displayed before collections. |
|
Image style
|
This option allows you to choose how the image is displayed. Available options:
|
| Image ratio |
The Image ratio setting allows you to control how collection images are displayed based on their width-to-height proportion. This helps ensure a consistent and visually appealing layout across devices. You can choose from the following options:
|
| Show description | Swipe the button to the right to show collection description added on collection page (Shopify admin). |
| Number of columns on desktop | Set how many columns will be displayed in the grid on desktop screens. |
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 amount of space at the top of the section specifically for mobile devices, using a slider. |
| Bottom padding mobile | The “Bottom padding mobile” setting works similarly to the “Top padding mobile” setting, but controls the space at the bottom of the section for mobile devices. |