How to Display Product Attributes and Custom Fields
How to Use Product Additional Information #
The Product Additional Information widget allows you to display extra product details in a structured format on your WooCommerce Single Product page. This is useful for showing important information such as product specifications, materials, dimensions, care instructions, or any custom details that help customers better understand the product.
How to Activate Product Additional Information #
To use this  Spexo Addons element, find the ‘Product Additional Information’ element from the search option under the ‘ELEMENTS’ tab.
Simply Drag & Drop the ‘Product Additional Information’ widget into the ‘Drag widget here’ section or click the ‘+’ icon to add it to your layout.
Once added, the widget allows you to manually add and manage additional product information items.
How to Configure the Product Additional Information Content Settings #
To configure the Product Additional Information widget, click on the ‘Content’ tab in the Elementor panel. Here you will find the Extra Info section.
Extra Info #
This section allows you to add multiple additional information items for your product.
Enter the title of the information in the Label field, such as Material, Dimensions, Weight, or Warranty.
In the Value field, add the details related to the label. You can use the Visual or Code editor to format the content if needed.
Click Add Item to create multiple information entries. You can also reorder or duplicate items to manage them easily.
How to Style Product Additional Information #
To customize the appearance of the Product Additional Information, click on the ‘Style’ tab.
Additional Information #
Here you will find several options:
- Show or hide product brand, disable attribute links, and toggle extra info display.
- Set text and background colors, adjust typography, alignment, and width for labels.
- Customize text and background colors, plus typography for values.
- Adjust padding for each side with option to link values together.
- Configure divider color and width.
- Enable or disable table borders.
Getting stuck? Feel to Contact Our Support for further assistance.
Navigation:
