Product Specification Table for WooCommerce allows you to easily create and display product details in a table on the product page.
- Download the .zip file from your WooCommerce account.
- Go to WordPress Admin > Plugins > Add New and Upload Plugin > Choose FileĀ (for the file that was downloaded).
- Install Now and Activate the extension.
General Settings
- To configure and display the product specification table, enable the āEnable Product Specification Tableā checkbox.
- Customize the single product page specification table section name using the āSingle Product Page Product Specification Tab Labelā option.
- To hide the WooCommerce Specification Table when the pluginās specification table is configured for the product, enable the āHide the WooCommerce Specification Table display when the plugin’s Specification Table available in the Productā checkbox.
- Customize the look and feel of the Product Specification table using the āCustom CSSā option.
The first step in creating a Product Specification Table is Groups. With Groups, you can bundle multiple table elements(attributes) to a Group. Later, this Group can be used to create any number of tables. To create a new Group go to:
- Product Specification Table > Groups and click on āAdd New Groupā.
- Enter the Name for the Group. The slug will be automatically prefilled.
- Optionally, you can provide a description for the Group.
Note: Without Creating Groups, you cannot create Attributes or Tables.
Attributes are elements displayed in the Table. One or more attributes can be linked to a Group. To create a new Attribute, go to:
- Product Specification Table > Attribute and click on āAdd New Attribute.”
- Enter the Name for the Attribute. The slug will be automatically prefilled.
- In the āAssociated Groupā option, select the Group for which you want to link this attribute.
- In the Field Type, select the Field Type for this attribute. The attribute name will be used as the Label and the Value is fetched from the Field Type. As of now, the following input types are supported:
- Text – Displays the text displayed as the value
- Select – The admin will have to select a value from the list of available options.
- Radio – The admin will have to select a value from the list of available options.
- Text Area – Displays the text displayed as the value.
- Checkbox – Displays a Yes/No image as the value.
Note: The Attribute value can be modified on the product page during table selection.
Within this section, you can create Tables using Groups and attributes. To create a new Table, go to:
- Product Specification Table > Table and click on āAdd New Tableā.
- Enter the Table Name. The slug will be automatically prefilled.
- Optionally, you can provide a description for the Table.
- The previously created Groups will be listed. You will have to select the Groups to be displayed in the table.
- You can also rearrange the groups as per your preference.
- Once you have completed the configuration, save the changes.
Once you have created the Groups, Attributes, and Tables, you will have to assign the Table to the Product.
- Create a new product or edit an existing product.
- Within Products > General, under Select a Table, choose the Table you want to display for this product.
- Once the Table is selected, all the attributes linked to the Table will be displayed in the same order you have configured.
- You can change the Attribute Values for this product and Publish it.
- To create a second table, click on the āAdd Ruleā button and repeat the process.
- Once the changes have been saved, the Product Specification Table will be displayed on the single product page under the āProduct Specificationsā section.
Product Specification Table for WooCommerce is translation ready meaning you can edit the po files and translate the text to any language.
The steps to do the translation are as follows. For example, if we were to translate to French:
- Download and install Poedit
- Open the file product-specification-table-for-woocommerce > languages > product-specification-table-for-woocommerce.pot using Poedit.
- Create a new translation file by clicking Create new translation button.
- Choose the Source text and set its corresponding French text in Translation Text Area.
- Save the changes.
- Save the file name as product-specification-table-for-woocommerce-fr_FR.po.
- If you are using WordPress Version 3.9.13 or below, then in wp-config.php define the WPLANG as French. Syntax is define(āWPLANGā, āfr_FRā);
- If you are using WordPress Version 4.0 or above, then go to WordPress dashboard > Settings > General and select the Site Language as French.