Grouped Product Specifications with Icons

I’m using WoodMart with WooCommerce and would like to display product specifications in grouped sections, each with its own icon, similar to the attached screenshot. Could you please tell me how to create and configure this feature?

Attachments:

You must be logged in to view attached files.

Hello,

If you want to create a specification section like the demo, this demo uses a custom layout for a single product page.

Try creating a custom layout for a single product page and using the predefined layout.
https://postimg.cc/CZ4LVQLC

These are product attributes that can be edited and configured for each product individually.

Here is our documentation on how to use Layouts in our theme: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards

Clarification – Grouped Product Specifications with Icons

Hello,
Thank you for the clarification.

The specification groups in the Electronics 3 demo are created using multiple Product Additional Information elements within the Single Product Layout. They are not separate product attribute groups or custom fields.

For example, for the Overview section:
– Add a Product Additional Information element.
– Set the Element title to Overview.
– Under Icon type, select With image and assign the required icon.
– In the Data source settings, select the product attributes that should be displayed under this specific section.

You can then add another Product Additional Information element for each specification group, such as Processor, Display, RAM, Storage, etc. For each element, set its own title, icon, and select the corresponding attributes under Data source.

This is how the Electronics 3 demo creates the separate specification sections. The attributes themselves are still managed under Products > Attributes and assigned to the products normally; the Data source option in each Product Additional Information element determines which attributes are displayed in that particular group.

Please see the screenshot for a better understanding: https://tinyurl.com/4y3xru69

Best Regards

[Author]

Posts