How to display product category and labels in Wookommerce

Product category?

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

蛞蝓 Add woocommerce product category

The parent class

Description

  • Show type (product/subclass/two)
  • Click
  • Add the new category

  • 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:

First, from your WordPress management area to

Product ] »Tag

. On the next page, you can enter the following label information:

Name

Description

Add woocommerce product tags

]

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.

Catalog

[

123]

How to add the category and tags to Woocommerce

    Add the WooCommerce product category

  1. 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

  2. Use woocommerce to display the category on the store page

  3. display the woocommerce subclass on the store page
      on the side The category of WooCommerce product category

    • display product category

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.

SeedProd WordPress website builder 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.

Step 2. Create a custom WOOCOMMERCE theme enter your license key

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

SEEDPROD »Theme Builder Find your SeedProd license key 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.

add a theme template

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.

Step 3. Custom your WooCommerce homepage choose a woocommerce theme

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.

woocommerce theme templates

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.

Add content blocks to the page is as simple as dragging and drop. You can then click any elements to edit its content and style settings. edit woocommerce homepage design

Customize WooCommerce homepage

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.

  1. 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.

Only the products in the category you choose are displayed on your homepage. SeedProd products grid block

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.

how to display product category in woocommerce

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:

WooCommerce display product tags

Select the title of the small component

According to the name of the name

, it is displayed as a drop -down menu

]

Display the number of products WooCommerce product categories widget

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

Product categories widget settings 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

, and then click the editing design on the\” Store Page \”template. Enable seedprod theme

This page will now be opened in the visual editor, you can customize your store page design in it. According to the steps in the previous method, your product is displayed according to the category. how to display product category in woocommerce homepage

edit woocommerce shop page

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.

display woocommerce product category on shop page This is an example of real -time display:

Use woocommerce to display categories on the store page display product grid by category on woocommerce shop page [

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.

Product category widget woocommerce shop page Under the title of \”Store Page Display\”, select the display class.

Display woocommerce product categories on shop page 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

appearance »Custom» WooCommerce »Product Catalog, [[[product catalog 123] Then under the title of \”Category Display\”, select \”Display Subcate\” from the drop -down menu. Show categories shop page woocommerce

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.

Show subcategories shop page woocommerce 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,

and then click the screen option tab in the upper right corner. edit sidebar template

In this panel, click the \”Product Category\” check box. This will display all your Woocommerce categories on the menu screen. Show WooCommerce Product Categories in the Sidebar

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.

Show WooCommerce Product Categories in the Sidebar

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.

Please remember to save your menu before continuing. WordPress menu screen options

Now you can visit your website’s homepage and view the product category on your WooCommerce navigation menu.

You have it!

We hope that this article can help you understand how to display product categories, display product labels and custom product pages in WooCommerce. Add product categories to WooCommerce navigation menu

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.

Re-order woocommerce menu items

Author:

Leave a Reply

Your email address will not be published. Required fields are marked *