Product List: Row

The section is designed to display products in a single horizontal row or multiple horizontal rows, emphasizing a linear and streamlined layout.

The design focuses on presenting products side by side, making it easy for customers to scan through items quickly and efficiently. This section is particularly effective for highlighting featured products, new arrivals, or recommended items in a visually continuous manner. Product List: Row emphasizes a horizontal, streamlined presentation of products, designed to create a continuous visual line that encourages quick browsing and draws attention to selected items within the product list.

Location: Sections -> Templates -> Products: Product List: Row

---

Product List: Row – Options Overview

Option Group / Option	Explanation
Collection	Select the collection that will supply the products shown in this section.
Heading	Section title and alignment settings.
Subheading	Optional small text displayed above the main heading.
Heading	The primary title for this section.
Description	Optional descriptive text below the heading.
Heading alignment: Left / Center	Aligns the heading content horizontally.
Layout	Controls spacing and container width.
Top spacing: None / Small / Medium / Normal	Adjusts spacing before the section.
Width: Default / Boxed / Wide	Sets how wide the section layout spans across the screen. (Wide uses screens ≥ 1440px.)
Section desktop internal width: 50–100%	Controls inner content width in desktop view.
Link	Optional link to collection or page.
Link name	Text label for the link (e.g., “View All”).
Products	Controls the visual layout and hover effect of product cards.
Image hover effect	Selects hover animation for product images.
Image ratio	Defines the shape of the product images.
Products	Choose which products to display.
Image action: Only image / Show second image on hover / Gallery	Determines what happens when hovering over product images.
Customize	Opens more product card settings if the theme supports them.
Dividing line	Controls whether a visual separator line is shown.
Show	Turns the dividing line on or off.
Background	Allows a background style behind the entire section.
Background: Hide / Color / Gradient / Image	Selects the background type.
Colors	Base color styling for general section elements.
Base	Primary text color.
Accent	Highlight and detail color.
Lines	Line and thin border color.
Product card color	Colors for product card text content.
Vendor, type	Vendor and product type text color.
Vendor, type hover	Vendor/type hover color.
Product name	Product title color.
Product name hover	Product title hover color.
Regular Price	Default product price color.
Sale Price	Discounted price color.
Old price	Strikethrough price color.
Description	Short description color.
Badges	Styles for product labels like "Sale" or "Sold out."
Sale badge	Background color for sale badge.
Sale badge text	Text color of sale badge.
Featured badge	Background color for featured badge.
Featured badge text	Text color for featured badge.
Sold out badge	Background color for sold-out indicator.
Sold out badge text	Text color for sold-out badge.
Countdown background	Background color for countdown timer.
Countdown text	Text color for countdown timer.
Interface buttons	Styling for Wishlist, Compare, Quickview, Slider controls.
Interface button background	Button background color.
Interface button icon	Icon color.
Interface button background hover	Background on hover.
Interface button icon hover	Icon color on hover.
External interface button background	Background color for externally positioned buttons.
External interface button icon	Icon color for external buttons.
External interface button background hover	Hover background for external buttons.
External interface button icon hover	Hover icon color for external buttons.
Variants buttons	Style controls for option/variant selectors.
Background	Base background color.
Border	Border color.
Text	Text color.
Background hover	Background on hover.
Border hover	Border on hover.
Text hover	Text on hover.
Background sold out	Background for unavailable variants.
Border sold out	Border for unavailable variants.
Text sold out	Text for unavailable variants.
Input	Styles input elements such as quantity fields.
Background	Input background.
Border	Border color.
Text	Text color.
Icon	Icon color.
Background hover	Background on hover.
Border hover	Border on hover.
Outline hover	Outline glow on hover.
Text hover	Text color on hover.
Icon hover	Icon color on hover.
Add to cart button	Controls the main action button styling.
Show background	Enables or removes solid background.
Background	Base background color.
Background gradient	Gradient background style.
Border	Border color.
Text	Button text color.
Icon	Button icon color.
Show background on hover	Enables background change when hovering.
Background hover	Hover background color.
Background gradient hover	Hover gradient.
Border hover	Hover border color.
Text hover	Text hover color.
Icon hover	Icon hover color.
Enable shadow	Enables button shadow depth.
Shadow	Shadow settings.
Shadow hover	Shadow behavior on hover.
Link button	Styles a secondary link-style button.
Show background	Toggles background.
Background	Background color.
Background gradient	Gradient background.
Border	Border color.
Text	Button text color.
Show background on hover	Enables hover styling.
Background hover	Hover background color.
Background gradient hover	Hover gradient.
Border hover	Hover border color.
Text hover	Hover text color.
Enable shadow	Shadow styling toggle.
Shadow	Shadow appearance.
Shadow hover	Shadow effect when hovered.
Review stars	Controls the appearance of product rating stars.
Stars active	Color of filled (active) stars.
Stars base	Color of the empty/star background.