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