Back to contents

JetWooBuilder. Taxonomy Tiles Widget Overview

 

This tutorial uncovers the way of displaying WooCommerce categories in a tiles layout with the help of Taxonomy Tiles widget.

With the Taxonomy Tiles widget from the JetWooBuilder plugin, you can display WooCommerce product categories and tags in the form of tiles and customize them according to your vision. This tutorial will help you create a Taxonomy Tiles layout for your shop easily.

1 Step — Add tags

Open your WordPress Dashboard and navigate to the Products > Tags. Here you’ll see existing tags (if you have some) with Name, Description, Slug, and Count.

Product tags

Also, you can Add a new tag here.

Add new tag

Add as many tags as you need for the store and let’s move to the next step.

2 Step — Add Taxonomy Tiles widget

Open the page to which you want to add the Taxonomy Tiles widget in the Elementor page builder and drag the widget to the needed section.

Taxonomy Tiles widget

The first thing you’ll see in the General settings tab is the Layout section. Here you can choose the type of layout, define how to Show Count, select Title HTML Tag, Min Height, and Main Box Width. The last two options can be set to any desired device. This feature is compatible with Elementor Custom Breakpoint.

Taxonomy Tiles General settings

Also, there’s an option to choose whether you want to Show Tags or Categories. You’re able to Hide Empty tags, Show products by IDs, Exclude taxonomy from the tiles grid, and choose how to order the tiles.

Taxonomy Tiles General settings

The next thing you can do here is to Show Counts, choose the Title Max Length (Words), Description Length, and what to put before and after the text.

Taxonomy Tiles General settings

When you are done with the Content settings – navigate to the Style tab and change the appearance of the Taxonomy Tiles according to your preferences.

The last thing you need to do is to click on the “Publish” button and preview the result.

These easy steps are all you have to do to showcase your products with the Taxonomy Tiles widget. Good job!