Your users will need to configure their products adding attributes, tags, and categories to them.

Let’s see how to display the attributes, categories, and tags on the frontend. Each of these pages will be integrated into the main menu of your front-end dashboard.

We’ll do this using the WP Frontend Admin plugin. Just follow these simple steps:

1- Open the wp-admin panel of the front-end dashboard site

Go to Network Settings > Sites and open the wp-admin panel on the dashboard site.

Now go to Pages and click Add New to create a new page.

2- Enter the page title and content

Once you’ve opened the page creation form, you need to enter the page Title and then enter the following shortcode as the page Content:

[vg_display_admin_page page_url="edit-tags.php?taxonomy=product_cat&post_type=product"]

Once you enter the page title and shortcode correctly, click Preview to configure the page on the frontend.

Note: Once you finish creating the categories page, you will need to do the same with the attributes and tags pages.

Shortcode for the attributes page:

[vg_display_admin_page page_url="edit.php?post_type=product&page=product_attributes"]

Shortcode for the tags page:

[vg_display_admin_page page_url="edit-tags.php?taxonomy=product_tag&post_type=product"]

3- Edit the page on the frontend

The Quick Settings panel shows the settings of WP Frontend Admin. You can start configuring the page by selecting the following values:

  • Page Title: Enter the page title in this field.
  • URL Slug: Enter the page slug on this page.
  • Page Template: Default
  • Add page to this menu: Select the Main Menu.

After selecting these basic settings, you can simplify the categories list and forms.

As you see, WooCommerce creates long texts to give explanations to the user; however, we can hide these texts or edit them in the next step.

To hide unnecessary elements, you need to simply click Hide element and then click the element you want to hide. For example, you may want to hide the explanatory texts, the search form, the note below the list of categories, etc. You decide which elements you want to hide.

After hiding the unnecessary elements, you can also edit the texts on the list and forms. For that, you need to:

  1. Click Edit texts.
  2. Edit all the texts you want.
  3. Click Stop editing texts.

Once you’ve edited the texts and hidden all the unnecessary elements, you can select the WP Ultimo Plans for which this page will be available. Just tick the plans or leave all unmarked to make this page available for all plans.

Finally, you can click Save to apply the changes to the categories page and publish it.

4- Configure the edit category form

To configure the Edit category form, you need to open an existing category or create one. Normally, WooCommerce adds the Uncategorized category, so you can open that category to edit the form.

You can hide all unnecessary elements of this form and edit the texts just as you did with the categories list. This is really useful because it allows you to simplify the form and make it more intuitive for users of the front-end dashboard.

Once you’re done editing the form, click Save to apply the changes.

5- Create the attributes and the tags page

Once the page has been created, you can continue to create the Attributes and the Tags pages.

These are the steps you need to take:

  1. Create a new page.
  2. Enter the title and shortcode with the right wp-admin URL (attributes, tags).
  3. Click Preview and edit the front-end page as we’ve shown you in this entry.
  4. Save changes to publish the page.
This is how the pages will look once they are published and integrated into the front-end dashboard