{"id":2791,"date":"2021-12-23T10:20:03","date_gmt":"2021-12-23T10:20:03","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=2791"},"modified":"2022-12-07T22:29:30","modified_gmt":"2022-12-07T22:29:30","slug":"shop-builder","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2021\/12\/23\/shop-builder\/","title":{"rendered":"Shop Builder"},"content":{"rendered":"\n<h4 class=\"mt-7 mb-3 wp-block-heading\">What is UDesign Shop Builder?<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>UDesign<\/strong>&nbsp;offers you Shop builder elements to build your product archive page simply and easily.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">UDesign is based on reliable page builder \u2013 Elementor and Gutenberg block editor to build your website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So it allows you to build your product archive page with Elementor Elements and Gutenberg blocks.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>UDesign Shop Builder<\/strong>&nbsp;is one of template builders that<strong>&nbsp;UDesign<\/strong>&nbsp;provides.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"> It helps you build any types of shop pages in a faster and easier way with the help of Elementor page builder &amp; <a rel=\"noreferrer noopener\" href=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/elements\/dynamic-content\/\" target=\"_blank\">UDesign Dynamic content feature<\/a>. You can manage your archive templates at <code class=\"code-grey\">Shop Builder<\/code> section in <code class=\"code-grey\">UDesign &gt; Templates<\/code> page.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Shop Builder Elements<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">UDesign offers 7 types of shop elements. Each element is an important part of product archive page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As you probably know, The important components of product archive are products, filter, pagination and etc.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can make any archive page layout which you want by means of drag and drop of archive product elements.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It\u2019s eCommerce revolution like header and footer builder. Ok. Well, let\u2019s see the elements below.<\/p>\n\n\n\n<ul class=\"featured-list wp-block-list\"><li><a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/13\/shop-products-element\/\">Shop Products<\/a><\/li><li><a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/13\/shop-sort-element\/\">Shop Sort<\/a><\/li><li><a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/13\/product-results-element\/\">Product Results<\/a><\/li><li><a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/13\/pagination-element\/\">Pagination<\/a><\/li><li><a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/13\/count-per-page-element\/\">Count Per Page<\/a><\/li><li><a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/13\/grid-list-toggle-element\/\">Grid \/ List Toggle<\/a><\/li><li><a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/13\/filter-toggle-element\/\">Filter Toggle<\/a><\/li><\/ul>\n\n\n\n<h4 class=\"mt-9 mb-3 wp-block-heading\">How to use UDesign Shop Builder?<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1<\/strong>&nbsp;\u2013 Go to UDesign &gt; Template Builder.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2<\/strong>&nbsp;\u2013 Click \u2018Add New\u2019 button on top of page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3<\/strong>&nbsp;\u2013 In New UDesign Builder Modal, select Shop Builder in \u201cTemplate Type\u201d field. And give your block\u2019s name in \u201cTemplate Name\u201d field.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 4<\/strong>&nbsp;\u2013 The next step is to build your part with&nbsp;<strong><em>Elementor<\/em>&nbsp;<\/strong>or&nbsp;<em><strong>Gutenberg<\/strong><\/em>.<\/p>\n\n\n\n<p class=\"alert alert-danger wp-block-paragraph\">*Note: Ahead of creating Shop Builder, you have to install&nbsp;<strong>WOOCOMMERCE PLUGIN<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1320 \/ 720;\" width=\"1320\" controls muted poster=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/01\/poster-shop-builder.jpg\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/12\/shop-builder.mp4\"><\/video><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>What is UDesign Shop Builder? UDesign&nbsp;offers you Shop builder elements to build your product archive page simply and easily. UDesign is based on reliable page builder \u2013 Elementor and Gutenberg block editor to build your website. So it allows you to build your product archive page with Elementor Elements and Gutenberg blocks. UDesign Shop Builder&nbsp;is [&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":[6],"tags":[],"class_list":["post-2791","post","type-post","status-publish","format-standard","hentry","category-template-builder"],"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/2791","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=2791"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/2791\/revisions"}],"predecessor-version":[{"id":8361,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/2791\/revisions\/8361"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=2791"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=2791"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=2791"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}