Subtotal template
| Setting | Description |
| Color scheme | You can apply a color scheme for the entire section to highlight the checkout container, making the section a different color. |
| Gift wrapping color scheme | You can apply a separate color scheme to the gift wrapping. |
Promoted collection
| Setting | Description |
| Collection | Choose the collection of products that you want to display in the “You may also buy these products” sidebar to promote a specific collection. |
| Heading | For example, you can enter the heading “Buy this with” to clearly indicate additional products that customers might buy. |
| Product color scheme | Choose an appropriate color scheme for the product card from the schemes list. The color scheme includes different colors for the background, heading, and other elements in the banner. |
| Button style | In Shopify, the Button style can be customized by using the primary and secondary button color sets, which are defined in the theme settings. These color sets allow you to style buttons consistently across your store. |
| Button outline | None: The button has no outline. It appears flat, with just the background color and text, giving it a clean, minimal look. Outline: The button has a visible border around it, but the background is transparent. Outline on Hover: The button appears flat without a border or background initially. However, when the user hovers over it, a visible border appears, and the button's background remains transparent. |
Section padding
| Setting | Description |
| Top padding | The "Top padding" setting allows you to adjust the amount of space at the top of the content section using a slider. |
| Bottom padding | The "Bottom padding" setting functions similarly to the “Top padding” setting, but controls the space at the bottom of the content section using a slider. |
| Top padding mobile | The "Top padding mobile" setting allows you to adjust the amount of space at the top of the content section for mobile devices using a slider. |
| Bottom padding mobile | The "Bottom padding mobile" setting functions similarly to the “Top padding mobile” setting, but controls the space at the bottom of the content section for mobile devices using a slider. |