Show the product category in your Wooocommerce store can help to guide users to easily find what they are looking for. It can also organize your store to make its appearance and feel more humane.
This article will show you how to display product categories and labels in Woocommerce.
How to add categories and tags to Woocommerce
It is easy to add categories and tags to WooCommerce. You can add new categories and labels when creating a product list or from the Woocommerce dashboard.
Add Woocommerce product category
Add product category or subclass to WooCommerce according to the following steps:
First, change from your WordPress management area to
Product » Category
. Enter your product category information from there.
You can incl 123] Name
The parent class
Description
- Show type (product/subclass/two)
- Click
- button to add the category list to your list.
- Add woocommerce product label
- You can add product tags to WooCommerce according to the following steps:
Add the new category
First, from your WordPress management area to
Product ] »Tag
. On the next page, you can enter the following label information:
Name
Description
]
Click Add the new tag button to add the label to your list.
How to be in woThe product category in OCOMMERCE
After learning how to add the product category and tags to the Woocommerce, how do you display them in your online store? According to the following methods, the WOOCOMMERCE product category and labels are displayed in different parts of the store.
123]
How to add the category and tags to Woocommerce
- Add the WooCommerce product category
- Add the Woocommerce product label
- How to display the product category in Woocommerce [ 123]
Display the product category on the homepage
Use SEEDPROD to display the product category on the store page
- display the woocommerce subclass on the store page
- on the side The category of WooCommerce product category
- display product category
Use woocommerce to display the category on the store page
in the menu. 123]
First, let’s see how to display the product category on your Woocommerce homepage. Woocommerce does not provide a simple way to display the product category on your homepage.
The current option is:
use WoOOCOMMERCE compatible WordPress themes containing the WoOOCOMMERCE homepage part.
Edit your theme and add a short code of the Woocommerce product category.
Both options involve a large number of tasks, so we recommend using websites such as SEEDPROD to define your Woocommerce store.
SEEDPROD is the best website builder of WordPress. It allows you to create the entire WOOCOMERCE website, login page, and custom WordPress theme without code.
You can choose from hundreds of ready -made templates and easily customize them in the dragging page construct. SEEDPROD provides many blocks and parts. Just click a few times to add the WooCommerce content to your website.
Use SEEDPROD to add the product category to your homepage according to the following steps. Step 1. Install and activate SEEDPROD
To start using, please the SEEDPROD plug -in and install and activate it on your WordPress website. If you need help, you can install the WordPress plug -in according to this guide.
Note: You need one SEEDPROD ELITE program In order to access the WOOCOMMERCE function. Next, turn to
SEEDPROD »settings
, enter your license key, and then click Verify Key . This will unlock the function of your choice.
You can find your license key in the SEEDPROD account area under the \”\” tab.
The next step is to create a custom theme for your WOOCOMMERCE website. This will allow you to use SEEDPROD’s powerful visual editor to customize each part of the website.
For this, please go to
and click the Themes
button.
You will see a professional WordPress theme library on this screen. They are an excellent way to create amazing websites without hiring developers, you don’t need to start from scratch.
Just hang the mouse on the theme you like, then click the check mark icon icon Essence SEEDPROD will automatically create all different templates for your theme, and at theme BuildeListed in the R instrument panel. From there, you can customize each template in the visual editor.
To display the category on your WooCommerce homepage, you need to edit the homepage template. Find the template in your list and click the \”Edit Design\” link to open it in the SEEDPROD page construct.
It is very simple to customize your homepage with SEEDPROD. There are pieces and parts on the left, and there are real -time previews on the right.
There are two ways to use SEEDPROD to display the product category on your homepage:
123] Display the product Add the WoOOCOMMERCE product category component To use the first solution, please find the Products Grid block in the Woocommerce block. Then drag the block to a part or line on the homepage.
- Click the product grid to open the setting panel on the left. In this panel, select \”Custom Query\” from the \”Type\” drop -down menu and enable \”Select Category\” to switch.
You can choose which category product to display in the grid. You can choose multiple categories by holding down the Shift button.
You can only output the product according to similar steps. Just switch the \”Select the Tag\” option and select the label to be included from the option.
You can also use it in the visual editor of SEEDPOD Native Wookommerce components, including product category components.
For this, please transfer to the small part of the component block and find the \”product category\” small components. Next, drag it into your homepage design.
Click the small part to let you:
Select the title of the small component
According to the name of the name
, it is displayed as a drop -down menu
]
Show the hierarchical structure
and more
You can also be in \”advanced\” Control a small component style option in the tab.
Step 4. The remaining parts of the custom WOOCOMMERCE store
Now you can continue to edit other templates of the Woocommerce theme.
The following is some help guide:
How to customize your WordPress header
How to create a custom single post template How to create how to create Custom woocommerce checkout page
How to add the shopping cart to WordPress
You can also read the rest of this article to understand how to display the product category in the side bar and navigation menu in the side bar and navigation menu. Essence
Step 5. Release your WOOCOMMERCE theme
If you are satisfied with the appearance of the theme, please go to
SEEDPROD »Theme Builder,
and then in the upper right corner, switch
enable seedprod theme
switch To \”Open\” position. You can now preview the homepage to view its appearance.
Use SEEDPROD to display the product category on the store page In addition to your homepage, you can also use SEEDPROD to display the category on your Woocommerce store page. For this, please go to
SEEDPROD »Theme Builder
Or, you can create a separate grid for each product category. For example, you can have a grid for drinks, one for hair care.
You can also use the previous method to display your product category on the list or drop -down menu on the homepage. Just add a new list to your store page, and then drag it to the \”product category\” component.
This is an example of real -time display:
[123] Some websites may not want to create new themes to display product labels and categories. In this case, you can use the default store settings of WooCommerce to output categories.
Go to
Exterior »Customized,
and then click Woocommerce and product category.
Under the title of \”Store Page Display\”, select the display class.
Show the WooCommerce subcate on the store page You can also use the default setting of WoOOCOMMERCE to display the sub -category on the store page.
For this, please turn to
Please remember to click the \”
release
\” button to save your change. Display the WooCommerce product category in the sidebar Adding the product category to your website sidebar is an excellent way to help shoppers quickly find the required product. Fortunately, SEEDPROD allows you to easily add the custom sidebar to WordPress. To use SEEDPROD custom sidebar and display your product category, please transfer to
SEEDPROD »Theme Builder
and open the sidebar template.
You can drag the product mesh block and customize the query display option to display a category orLabel products.
In this example, we use two product mesh blocks to display two different categories in the blog sidebar.
Display the product category in the menu adding the product category to your WOOCOMMERCE menu. Turn to
appearance »menu,
Next, turn on the \”Product Category\” tab, select all categories you want to add to the menu, and then click \”
Add to the menu
button.
Then you can drag them to change their position on the menu. For example, you can nested them under your store page to display the drop -down menu.
Now you can visit your website’s homepage and view the product category on your WooCommerce navigation menu.
You have it!
If you are still using your website, you may like this guide to understand how to add the upcoming page to WooCommerce.
Thank you for reading. Please follow us on YouTube, Twitter and Facebook to get more useful content to develop your business.
Product category?