Skip to content
Lapelsdocs

Product comparison

The Lapels Product comparison section: the heading "Three coats, side by side." with the last three words in italic over the line "Same cloth house, three different weights. Read down the column you are drawn to.", above three product columns reading Kensington Wool Overcoat $545.00, Thornbury Trench Coat $495.00 and Ashdown Duffle Coat reduced from $595.00 to $450.00, with a first specification row labeled Cloth reading 21oz melton, 18oz covert and 14oz cavalry twill.

Products as columns, specifications as rows. Each Product block is a column with its own picture, price and colors. Each Spec row block is a line across all of them.

What it does: Answers “which one of these should I buy?” without making the customer open three tabs. It suits a family of pieces that differ in ways a photograph cannot show, such as weight, lining, or where it was made.

Key settings (in the section’s settings):

SettingWhat it doesDefault
Color schemeSection colors.scheme-paper
AlignmentLeft or Center, for the contents of the cells.Center
Freeze row labels on mobilePins the row names to the left edge while the columns scroll sideways under them.Off
Heading widthNarrow, Normal, Wide, or Full width.Wide
Heading alignmentLeft, center, or right.Center
SubheadingAn optional small label.Empty
HeadingThe headline. Italicize a word to set it in the emphasis font.”Three coats, side by side.”
Intro textA line under it.”Same cloth house, three different weights…”
Image ratioTall (2 by 3), Portrait (3 by 4), Square (1 by 1), or Landscape (4 by 3).Square
Show pricePrints each column’s price under its picture.On
Show colorsPrints the color options as dots.On
Button labelThe button at the foot of every column.”View details”

The section also carries a Section spacing group. Pick a Device of Desktop or Mobile, then set Top and Bottom.

Blocks: Product and Spec row, up to 20 between them.

Product settingWhat it doesDefault
ProductThe column’s product. Picture, price and colors are read from it.Empty
Highlight this columnDraws one column out from the others. Use it for the one you recommend.Off
BadgeA short word over the column, such as “Most bought” or “Warmest”.Empty
Spec row settingWhat it doesDefault
Row labelThe name of the line, such as “Cloth”, “Weight” or “Lining”.”Cloth”
IconA mark beside the label, or None.None
ValuesOne value per column, separated by the | (pipe) character, in the same order as the Product blocks above.”21oz melton|18oz covert|14oz cavalry twill”

When to use it: Use it for two to four products a customer is genuinely choosing between. For a comparison that is not about specific products, such as your brand against the alternatives or what each service tier includes, use Spec table. It has no products in it at all.

Related: Spec table · Pricing table · Product bundle · Lapels support replies within 12 hours.