{"id":4933,"date":"2022-02-13T19:48:06","date_gmt":"2022-02-13T19:48:06","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=4933"},"modified":"2022-12-07T19:12:21","modified_gmt":"2022-12-07T19:12:21","slug":"product-categories","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/13\/product-categories\/","title":{"rendered":"Product Categories"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">You can show product categories by using this element. But for your information, we recommend you should use <a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/12\/07\/post-grid\/\">post grid widget<\/a> instead in new version.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"411\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/product-category-1024x411.jpg\" alt=\"\" class=\"wp-image-8274\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/product-category-1024x411.jpg 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/product-category-768x308.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">How to create product categories element?<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1<\/strong> &#8211; Please create, or choose the Column into which you want to add your element.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2<\/strong> &#8211; Select UDesign Product Categories Element from the Element List.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3<\/strong> &#8211; Configure the  UDesign Product Categories Element to some place into your content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 4<\/strong> &#8211; After you finish your configuration, don\u2019t forget to save all changes..<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Element Content Options<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Categories Selector:<\/strong> You can choose product categories to show and set product count and so on.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Categories Layout:<\/strong> You can choose products layout type \u2013 Grid, Slider and Creative Grid.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Image Size:<\/strong> You can select product category image size.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Columns:<\/strong> You can select the number of columns to display product categories on desktop, tablet and mobile mode.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Column Spacing:<\/strong> You can select the amount of spacing between items.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Filter Products:<\/strong> You can filter products by categories. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Filter Products in Shop:<\/strong> You can filter products by categories in shop page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Show Subcategories:<\/strong> Show subcategories of selected categories.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Hide Empty:<\/strong> Toggle to hide empty categories.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Category Count:<\/strong> You can defines whether to show or hide category filters above products. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Follow Theme Option:<\/strong> You can set category type, which is set in Theme Option.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Category Type:<\/strong> You can select category type.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can show product categories by using this element. But for your information, we recommend you should use post grid widget instead in new version. How to create product categories element? Step 1 &#8211; Please create, or choose the Column into which you want to add your element. Step 2 &#8211; Select UDesign Product Categories [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[32],"tags":[],"class_list":["post-4933","post","type-post","status-publish","format-standard","hentry","category-udesign-elements"],"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4933","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/comments?post=4933"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4933\/revisions"}],"predecessor-version":[{"id":8275,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4933\/revisions\/8275"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=4933"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=4933"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=4933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}