Product List: Table

The section is designed to display products in a structured tabular layout, emphasizing clarity and comparability of product information.

The design focuses on presenting products in rows and columns with a grid-like structure, allowing customers to easily scan, compare, and analyze multiple items at once. This format is especially effective for stores that sell products with multiple attributes or specifications, where customers benefit from seeing details in a consistent, organized way.

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

---

Product List: Table – Options Overview

Option Group	Option	Explanation
	Collection	Select which collection will be used for listing products.
Heading	Subheading	Add an optional short text displayed above the main heading.
	Heading	Main title of the section.
	Description	Optional descriptive text placed under the heading.
	Heading alignment: Left / Center	Controls text alignment within the section.
Layout	Top spacing: None / Small / Medium / Normal	Adjust vertical spacing above the section.
	Width: Default / Boxed / Wide	Controls the content width; Wide applies on screens ≥1440px.
Link	Link name	Sets a button/link label directing users to another page (e.g., "View all").
Products	Image ratio: Auto / 3:4 / 4:3 / 1:1 / Round / 9:16 / 16:9	Defines the shape of product images.
	Products	Select specific products to display (instead of a collection).
	Show vendor	Show or hide product vendor text.
	Show price	Show or hide product price.
	Truncate product name	Shortens long product names to maintain visual alignment.
	Underline on hover	Adds underline to product name on hover for interactive emphasis.
Dividing line	Show	Displays a horizontal separator line above the section.
Background	Background: Hide / Color / Gradient / Image	Choose the background style behind the section.
Colors	Base	Sets the primary text color for the section.
	Accent	Color for highlighted elements (e.g., active states or accent texts).
	Lines	Color of borders and separators.
Product card color	Vendor, type	Color of vendor and product type text.
	Vendor, type hover	Hover color for vendor/type.
	Product name	Color of product title.
	Product name hover	Hover color of product title.
	Regular price	Color of standard product price.
	Sale Price	Color of discounted price.
	Old price	Color of struck-through old price.
Link button	Show background	Enable/disable button background.
	Background	Set background color of the link button.
	Background gradient	Apply gradient background style.
	Border	Set border color of the button.
	Text	Set button label/text color.
	Show background on hover	Enable a different background style when hovering.
	Background hover	Hover background color.
	Background gradient hover	Hover gradient style.
	Border hover	Border color when hovering.
	Text hover	Text color when hovering.
	Enable shadow	Adds shadow to the button for depth.
	Shadow	Normal shadow color.
	Shadow hover	Button shadow color during hover.