{"id":34083,"date":"2023-02-01T10:47:43","date_gmt":"2023-02-01T10:47:43","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=features&#038;p=34083"},"modified":"2024-02-02T12:54:20","modified_gmt":"2024-02-02T12:54:20","slug":"taxonomy-tiles-widget-overview","status":"publish","type":"features","link":"https:\/\/crocoblock.com\/knowledge-base\/features\/taxonomy-tiles-widget-overview\/","title":{"rendered":"Taxonomy Tiles Widget"},"content":{"rendered":"\n<p>With the <strong>Taxonomy Tiles <\/strong>widget from the<em> JetWooBuilder<\/em> 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.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"add-tags\">Add Tags<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Open your WordPress Dashboard and navigate to the <strong><em>Products<\/em><\/strong><em> &gt; <\/em><strong><em>Tags<\/em><\/strong>. Here you\u2019ll see existing tags (if you have some) with <strong>Name<\/strong>, <strong>Description<\/strong>, <strong>Slug<\/strong>, and <strong>Count<\/strong>.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/tags.png\" alt=\"Product tags\">\n\n\n\n<p>Also, you can <strong>Add a new tag <\/strong>here.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/add-new-tag.png\" alt=\"Add new tag\">\n\n\n\n<p>Add as many tags as you need for the store and let&#8217;s move to the next step.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"add-taxonomy-tiles-widget\">Add Taxonomy Tiles Widget<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Open the page to which you want to add the <strong>Taxonomy Tiles<\/strong> widget in the Elementor page builder and drag the widget to the needed section.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/taxonomy-tiles-widget.png\" alt=\"Taxonomy Tiles widget>\n\n\n\n<p>The first thing you\u2019ll see in the<strong> General<\/strong> settings tab is<strong> <\/strong>the<strong> Layout<\/strong> section. Here you can choose the type of layout, define how to <strong>Show Count<\/strong>, select <strong>Title HTML Tag<\/strong>, <strong>Min Height<\/strong>, and<strong> Main Box Width<\/strong>. The last two options can be set to any desired device. This feature is compatible with Elementor Custom Breakpoint.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/layout-settings.png\" alt=\"Taxonomy Tiles General settings\">\n\n\n\n<p>Also, there\u2019s an option to choose whether you want to <strong>Show <\/strong>Tags or Categories. You\u2019re able to<strong> Hide Empty <\/strong>tags,<strong> Show products by ID<\/strong>s, <strong>Exclude taxonomy<\/strong> from the tiles grid, and choose how to order the tiles.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/taxonomy-tiles-general-settings.png\" alt=\"Taxonomy Tiles General settings\">\n\n\n\n<p>The next thing you can do here is to<strong> Show Counts<\/strong>, choose the <strong>Title Max Length (Words)<\/strong>,  <strong>Description Length,<\/strong> and what to put before and after the text.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/taxonomy-tiles-general-settings-2.png\" alt=\"Taxonomy Tiles General settings\">\n\n\n\n<p>When you are done with the <strong>Content<\/strong> settings &#8211; navigate to the <strong>Style<\/strong> tab and change the appearance of the Taxonomy Tiles according to your preferences.<\/p>\n\n\n\n<p>The last thing you need to do is to click on the &#8220;<strong>Publish<\/strong>&#8221; button and preview the result.<\/p>\n<\/div><\/div>\n\n\n\n<p>These easy steps are all you have to do to showcase your products with the <strong>Taxonomy Tiles<\/strong> widget. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>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. Add Tags Open your WordPress Dashboard and navigate to the Products &gt; [&hellip;]<\/p>\n","protected":false},"author":12,"template":"","format":"standard","builder-category":[],"feature-category":[539],"article-category":[525],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Taxonomy Tiles Widget Overview - Help Center<\/title>\n<meta name=\"description\" content=\"Find how easy it is to display your WooCommerce Products Categories in the form of Taxonomy Tiles. Explore JetWooBuilder opportunities!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/taxonomy-tiles-widget-overview\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Taxonomy Tiles Widget Overview - Help Center\" \/>\n<meta property=\"og:description\" content=\"Find how easy it is to display your WooCommerce Products Categories in the form of Taxonomy Tiles. Explore JetWooBuilder opportunities!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/features\/taxonomy-tiles-widget-overview\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-02T12:54:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/tags.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/taxonomy-tiles-widget-overview\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/taxonomy-tiles-widget-overview\/\",\"name\":\"Taxonomy Tiles Widget Overview - Help Center\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2023-02-01T10:47:43+00:00\",\"dateModified\":\"2024-02-02T12:54:20+00:00\",\"description\":\"Find how easy it is to display your WooCommerce Products Categories in the form of Taxonomy Tiles. Explore JetWooBuilder opportunities!\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/taxonomy-tiles-widget-overview\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/features\/taxonomy-tiles-widget-overview\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/taxonomy-tiles-widget-overview\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Features\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Taxonomy Tiles Widget\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Taxonomy Tiles Widget Overview - Help Center","description":"Find how easy it is to display your WooCommerce Products Categories in the form of Taxonomy Tiles. Explore JetWooBuilder opportunities!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/features\/taxonomy-tiles-widget-overview\/","og_locale":"en_US","og_type":"article","og_title":"Taxonomy Tiles Widget Overview - Help Center","og_description":"Find how easy it is to display your WooCommerce Products Categories in the form of Taxonomy Tiles. Explore JetWooBuilder opportunities!","og_url":"https:\/\/crocoblock.com\/knowledge-base\/features\/taxonomy-tiles-widget-overview\/","og_site_name":"Help Center","article_modified_time":"2024-02-02T12:54:20+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/tags.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/taxonomy-tiles-widget-overview\/","url":"https:\/\/crocoblock.com\/knowledge-base\/features\/taxonomy-tiles-widget-overview\/","name":"Taxonomy Tiles Widget Overview - Help Center","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2023-02-01T10:47:43+00:00","dateModified":"2024-02-02T12:54:20+00:00","description":"Find how easy it is to display your WooCommerce Products Categories in the form of Taxonomy Tiles. Explore JetWooBuilder opportunities!","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/taxonomy-tiles-widget-overview\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/features\/taxonomy-tiles-widget-overview\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/taxonomy-tiles-widget-overview\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Features","item":"https:\/\/crocoblock.com\/knowledge-base\/features\/"},{"@type":"ListItem","position":3,"name":"Taxonomy Tiles Widget"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/features\/34083"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/features"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/features"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/12"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=34083"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=34083"},{"taxonomy":"feature-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/feature-category?post=34083"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=34083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}