Products
Block Products displays selected products inside the search module. It allows merchants to define which collection to show and customize the appearance of product elements.
Products — Options Overview
Option
Description
Collection
Selects the collection from which products will appear in the search results. Useful for showing featured, trending, or sale items.
Heading
Adds a custom title above the product list, helping to identify the section (e.g., “Popular products”).
Vendor
Sets the text color for the vendor name displayed below each product.
Vendor hover
Changes the vendor name color when hovered.
Product name
Defines the default color of the product title text.
Product name hover
Sets the color of the product title when hovered.
Regular price
Determines the text color for the regular (non-discounted) price.
Sale price
Defines the color for the sale or discounted price.
Old price
Sets the color for the old/original price (usually shown crossed out beside the sale price).
Interface buttons
Controls the color of general interface icons or action buttons within the product block.
Slider buttons
Sets the color for navigation buttons if the product block uses a slider or carousel layout.
Interface button background
Defines the background color for product interface buttons (e.g., “Add to cart,” “Quick view”).
Interface button icon
Changes the color of the icon or symbol inside the button.
Interface button background hover
Sets the button background color when hovered.
Interface button icon hover
Changes the button icon color when hovered.
Review stars
Toggles the display of product rating stars if product reviews are enabled.
Stars active
Sets the color for the filled (active) portion of the rating stars, representing the given rating.
Stars base
Defines the color for the unfilled (base) portion of the rating stars, showing the unrated area.
Last updated