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.
Then add one or several meta fields. In our case, it will be one meta field with Media field type.
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.
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.
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.
The finished thing will look like here.
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!