Back to contents

JetEngine: How to Create Meta Boxes for WooCommerce Product Categories

In this article, we’ll explain how to add additional data with meta fields of the JetEngine plugin to product categories.

Adjusting meta boxes to the product categories will enlarge the information which is related to them. As a result, it will make the product categories more visually attractive which helps the customers to catch the idea faster and easily. Then the users will be interested in clicking on them and receive access to the products inside each one.

In this tutorial we will add the meta fields of media (gallery and video) type. We are considering that such kind of visual information will reveal the products categories in the most beneficial way.

1 Step — Creating meta fields for the Product Categories

In your WordPress Dashboard proceed to the JetEngine > Meta Boxes and add here a new one.
In the following settings enter the Meta Box title and then attach it to the Taxonomy and in the next field select the Product Categories option.

Meta box for the product categories

Then add one or several meta fields. In our case, it will be one meta field with Media field type.

Meta fields for the product categories

2 Step — Adding the value to the products categories

What you should do next is to hover the Products label on the sidebar and click on Categories.
Now after scrolling down, you will see the newly created meta fields which are ready to be filled with the required information. In our case they are media and gallery type fields where the user can attach the file from the data repository on the computer.

Add values to meta fields for the products categories

In case you have already had the ready list of the categories and want to change them a little, just click the Edit button and fill in the same current meta fields with the files or values.

3 Step — Making a listing for the meta fields of the products categories

This step involves making a listing for the terms displaying. To insert the content, e.g. the title, description, thumbnail, as well as additionally applied information from the meta fields we will use the Dynamic widgets.

So, create a listing for the Terms. In order to perform it kindly proceed to this tutorial.

Then, display the data you added in the meta fields with the help of the Dynamic Field widget (or, use other Dynamic widgets to pull the information you need in your particular case). To know more about each Dynamic widget possibility, go to the JetEngine Dynamic Widgets block and find out the details.

In the screenshot below you can see the settings we used as an example to display video content in our listing.

Listing creating for the products categories

4 Step — Building an archive template for the products categories

Then, we need to showcase all product categories items together on the one page. So that the users could see them and decide which one is the most interesting for them. Such kind of things is especially common in online store websites.

To create an Archive template, go to the step-by-step tutorial.

Take into consideration and check please, if the settings for the Archive template are set right.
Archive settings for the product categories

The finished thing will look like here.

Archive of the product categories on the front-end

As you can see, the final result looks attractive and explains in a visual way the core idea of each clothes category.

Thank you for joining me on this walkthrough on how to attach meta boxes with more information to the product categories and showcase them on the Archive page. We hope you have picked up some tips that will help you to enrich the categories displaying on the shop websites!