Overview
The Product Comparison section helps merchants display detailed product specifications and feature differences in a clean comparison table layout.
Customers can quickly compare products based on multiple criteria such as:
- Features
- Specifications
- Compatibility
- Materials
- Performance
- Availability
This section is especially useful for stores selling technical, configurable, or feature-rich products.
Add Products to the Comparison Table
Inside the Product Comparison section, you can add multiple Product blocks.
Each product block represents one product column in the comparison table.
The selected products will appear inside the comparison selector.
Select Featured Products for Each Column
Inside every Product block, you can select the product that will be displayed as the featured product at the top of the comparison column.
This product will appear as the first item in the corresponding comparison column.
You can configure different products for each comparison column.
Comparison Table Structure
The comparison table is designed with a 3-column layout.
- Everytime 3 products will be displayed in one comparison row group.
- Each column represents one product.
- You can individually assign products for each column.
Add Comparison Headings & Values
Each Product block includes:
- Heading fields
- Value fields
There are up to 25 heading fields available for creating comparison rows.
The heading from the first Product block is extremely important because it defines the structure and formatting of the entire comparison table.
Create Large Section Headings Using Markdown
You can use Markdown syntax inside the heading field to create highlighted section titles.
Structure
#### Display
Using the format above will generate a large heading row with an underline separator inside the comparison table.
This is useful for grouping specifications into sections such as:
- Display
- Sound
- Battery
- Connectivity
- Dimensions
Normal Sub Headings
If the heading does not contain Markdown heading syntax (####), it will be displayed as a normal comparison row label.
Example
Charging time
Battery life
Battery size
This creates a standard specification row inside the comparison table.
Boolean Values (True / False Icons)
Inside the Value field, you can enter:
true
or
false
The theme will automatically convert these values into visual True/False icons inside the comparison table.
Need Further Assistance
If you encounter any issues or need additional help with your BeYours theme, please reach out to our support guys via our Ticket System for assistance within 8 hours.
Share:
هل يمكنني الحصول على عدة صور مرتبطة بخيار واحد؟