Home page sections
Comparison table
Compare your product with others, row by row, with ticks and crosses.
Settings
Section width
| Setting | What it does |
|---|---|
| WidthDropdown | Full widthDefaultCustom width |
| Custom widthSlider | Shown only when it applies to the options chosen above. |
Color scheme
| Setting | What it does |
|---|---|
| Use the store's default color schemeToggle | Toggle |
| Color schemeColour scheme | Shown only when it applies to the options chosen above. |
Image and text
| Setting | What it does |
|---|---|
| Leave every field below empty to show the table on its own. | |
| ImageImage | Image |
| Image aspect ratioDropdown | OriginalSquare (1:1)Portrait (3:4)Landscape (16:9) Shown only when it applies to the options chosen above. |
| Image widthSlider | A share of the column the image sits in.Shown only when it applies to the options chosen above. |
| SubheadingText | Text |
| HeadingText | Text |
| Heading sizeDropdown | H1 — largestH2 — mediumH3 — small |
| DescriptionRich text | Rich text |
| Image and text positionDropdown | LeftRight |
| Image and text column widthSlider | Applies on desktop. Below that the two stack. |
Table columns
| Setting | What it does |
|---|---|
| Your column headingText | Text |
| Comparison column headingText | Text |
| Highlight your columnToggle | Adds a tinted panel behind your column so it reads first. |
Spacing
| Setting | What it does |
|---|---|
| Top paddingSlider | Slider |
| Bottom paddingSlider | Slider |
Blocks
Blocks are the pieces you add, remove and reorder inside the section, under Add block.
Feature
| Setting | What it does |
|---|---|
| Feature nameText | Text |
| IconDropdown | NoneAward / medalBottleBoxBubblesCalendarChat bubbleCheck markand 42 more |
| Custom SVG codeText | Paste an SVG. It takes the text color and fills the icon box.Shown only when it applies to the options chosen above. |
Your column heading
| Setting | What it does |
|---|---|
| ValueDropdown | Check markCrossCustom text |
| TextText | Shown only when it applies to the options chosen above. |
Comparison column heading
| Setting | What it does |
|---|---|
| ValueDropdown | Check markCrossCustom text |
| TextText | Shown only when it applies to the options chosen above. |