Product bundle settings

Setting	Description
Heading	This field is for adding a heading to the section. The heading will be displayed on the left side of the image. 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:	Heading Body In Theme Settings, you can assign a different font family to headings and body text. This option allows you to customize the visual style of your heading by selecting heading or body styles. For some headings, it might be more effective to apply the body text style instead of the designated heading font. This choice depends on how well the font families harmonize and the overall appearance you want to achieve.
Heading size	The heading size setting offers three options to control the size of your section heading: Small Medium Large
Font weight	Font weight defines the thickness or boldness of text on your store. Available options for heading: Normal (400): The default font weight for body text, which can also be applied to headings. Medium (500): Slightly thicker, suitable for emphasized body text or light headings. Semi-Bold (600): Heavier, ideal for subheadings or highlighted text. Bold (700): Strongest weight for maximum emphasis.
Description	To add a description to the section, simply enter the text in the provided field. In the top menu of the field, you can find options to customize text, such as making its font bold or light, italic, or adding a hyperlink. Additionally, you can use the style of headings from H1 to H6 to the body text. Furthermore, you can click the dynamic source button to insert a dynamic source as the description of the section.
Collection	Choose the collection which products you want to display in a grid layout.
Products	In the previous option, you can add a collection with all products at once, or in this one, add one product at a time, regardless of the collections.
Maximum products to show	Set the maximum number of products that will be displayed in this section. The range is from 2 to 12 products.
Number of columns on desktop	The “Number of columns on desktop” setting allows you to select the number of columns in which your content will be displayed on larger screens, and on tablet Pro. You can select from 1 to 3.
Color scheme	You can apply different color schemes to your store: After creating color schemes in the theme settings under the 'Colors' tab, you can assign them to different sections of your store. In each template, section, or block, you'll find a 'Color Scheme' dropdown. Simply select the appropriate color scheme to maintain consistency and align with your brand's identity.

Bundle

Bundle: The bundle feature lets you group up from 2 to 12 products from a section into one package. You can see the total price as you build your bundle and add products directly to your cart. Use the dropdown to select the size, color, or other variants for each product. It’s simple and convenient!

The bundle has a sticky position, so it stays visible as you scroll through the section, making it easy to manage. You can also apply a discount to all products in the section, and when a customer buys products from the bundle section, they’ll automatically receive the discount.

Setting	Description
Heading	Add a heading to the bundle.
Description	You can add a brief description about functionality and a discount of buying group of products.
Minimum items to require	You can set the minimum number of products customers need to add to the bundle, ranging from 2 to 6 items. This determines the smallest group of products that can be added to the cart.
Maximum items	You can allow up to 12 products in the bundle. Customers will see placeholders for all 12 items, but the actual group they can add depends on the minimum you’ve set.
Color scheme	A color scheme consists of a predefined set of colors you can apply to this block for consistent styling. Learn more about color schemes.

Product card

Setting	Description
Image ratio	Image Ratio controls how your images look based on their shape. Here are the options: Adapt to Image: Keeps the original shape of the image, no cropping. Portrait: Makes the image taller. Square: Makes the image a perfect square. Landscape: Makes the image wider. Custom: Allows to set image height in the next option.
Custom image height	Set a custom image ratio and adjust its height using a convenient slider.
Image shape	You can check and choose from the following shapes for product cards in the dropdown: Default Arch Blob Chevron left Chevron right Diamond Parallelogram Round To view the changes: Select the Standard style in the Theme Settings under the Product Card tab to explore different image shapes. If the style is set to Card, ensure the product background is different from the card background in color scheme.
Heading size	The heading size setting offers four options to control card heading size: Extra small Small Medium Large
Font weight	Font weight defines the thickness or boldness of card heading. Available options: Normal (400): The default font weight for body text, which can also be applied to headings. Medium (500): Slightly thicker, suitable for emphasized body text or light headings. Semi-Bold (600): Heavier, ideal for subheadings or highlighted text. Bold (700): Strongest weight for maximum emphasis.
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 product after product title.
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 such as Shopify Product Reviews, and Metafield definitions for reviews.rating_count and reviews.rating.
Enable quick view button	Activate this option to display a “Quick View” button next to the “Add to Cart” button on product cards with variants. The Quick View button opens a pop-up where customers can: Select desired variants. Add the item to their cart. Use the “Buy it now” option for instant checkout. Click the product title to view full details on the product detail page. If disabled, only the “Add to Cart” button will appear, allowing customers to add products to their cart without the quick checkout or variant selection pop-up.
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 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.