Smart comparison
Overview:
The Smart Comparison section is designed to create advanced product, feature, or service comparison layouts using multiple predefined comparison views. It supports customizable comparison cards, rows, layouts, color schemes, responsive spacing, and comparison-focused visual structures to help merchants highlight differences, advantages, or feature breakdowns between products, plans, or competitors.
Blocks Configuration
The Smart Comparison section includes multiple predefined comparison layouts that can be used depending on the comparison style required.
| Block Type | Description |
|---|---|
| Smart Comparison View 1 | Displays the first predefined comparison layout structure. |
| Smart Comparison View 2 | Displays the second predefined comparison layout structure with comparison rows. |
| Smart Comparison View 3 | Displays the third predefined comparison layout structure. |
| Smart Comparison View 4 | Displays the fourth predefined comparison layout structure. |
Comparison Rows
The comparison row blocks are used inside comparison views to display individual feature rows, specifications, or comparison details between products or services.
| Setting | Description |
|---|---|
| Comparison Row | Displays individual comparison content inside the selected comparison layout. |
Layout:
| Setting | Description |
|---|---|
| Container Layout | Determines whether the section uses a contained, contained content, or full-width layout. |
Color Scheme:
| Setting | Description |
|---|---|
| Section Color Scheme | Applies a predefined color palette to the smart comparison section background and content. |
| Inverse Color Scheme | Inverts the selected color scheme styling for contrast variations. |
| Gradient Mode | Enables gradient styling for the section background, widgets, or both. |