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.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us