Search results template

Choose an appropriate color scheme for the breadcrumbs from the schemes list. The color scheme includes different colors for the background and text.

*Applying a color scheme 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
• 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.

The heading size setting offers three options to control the size of your site's headings:

• Small
• Medium
• Large

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.

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.

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.

The heading size setting offers four options to control card heading size:

• Extra small
• Small
• Medium
• Large

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.

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.

Enable this option in each block to show color swatches. This option works with Color Variant Name option.

In the Color Variant Name field (Theme settings — Product cards tab), ensure you enter the name of the variant option, such as “Color.” It should match exactly as it appears in the Product Detail Page in the Shopify Admin Variants section.

Directly on the product card, you can preview different product variant colors and even add a selected variant to your cart. Simply click on the desired color swatch, then hover over the product card and click “Add to Cart”.

We have three filter layouts:

• Horizontal
• Vertical
• Drawer

Try each of them and select according to your preferences.

Choose an appropriate color scheme for the filter block from the schemes list. The color scheme includes different colors for the background, heading, checkboxes, and other elements in the filtering.

Please note that this setting only works with vertical and horizontal desktop filter layouts.

Learn more about color schemes.

Choose an appropriate color scheme for the filter block from the schemes list. The color scheme includes different colors for the background, heading, checkboxes, and other elements in the filtering.

Please note that this setting only works with drawer filter layouts.

Learn more about color schemes.

This setting controls the display of blog post excerpts. From the dropdown menu, choose one of the following three options:

• None – Excerpts will not be displayed.
• Show all descriptions – Excerpts will be shown for every blog post.

Select the preferred column layout for mobile devices:

• 1 column
• 2 columns