{"id":1879,"date":"2021-11-03T06:24:45","date_gmt":"2021-11-03T06:24:45","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=1879"},"modified":"2024-03-21T06:39:16","modified_gmt":"2024-03-21T06:39:16","slug":"setup-sidebars-in-layout-builder","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2021\/11\/03\/setup-sidebars-in-layout-builder\/","title":{"rendered":"Setup sidebars in Page Layouts Panel"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>UDesign Page Layouts Panel<\/strong> provides an easy way to display sidebars in any pages. To display sidebar in page, please see the following guide.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Please go to <code class=\"code-grey\">UDesign > Page Layouts<\/code> in admin menu.<\/li>\n\n\n\n<li>Please select a layout which you want to display sidebar. You can also create a layout and set display condition. Please see about <a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2021\/10\/26\/layout-builder-options\/\" data-type=\"URL\" data-id=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2021\/10\/26\/layout-builder-options\/\">Page Layouts Panel.<\/a><\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large screen-capture\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"630\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/page-layout-sidebar-1024x630.png\" alt=\"\" class=\"wp-image-9545\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/page-layout-sidebar-1024x630.png 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/page-layout-sidebar-768x472.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Setup sidebar in Page Layouts Panel<\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li><\/li>\n\n\n\n<li><\/li>\n\n\n\n<li>please select the sidebar you have been made, and set your sidebar width in pixels or rem, or %, etc. The sidebar can be displayed in <strong>classic<\/strong> or <strong>off-canvas<\/strong> mode.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"487\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/sidebar-3-1024x487.jpg\" alt=\"\" class=\"wp-image-3622\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/sidebar-3-1024x487.jpg 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/sidebar-3-768x365.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Select shop sidebar to display<\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li><\/li>\n\n\n\n<li><\/li>\n\n\n\n<li><\/li>\n\n\n\n<li>By setting options of layout\u2019s display condition, you can display the sidebar anywhere you want.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Please select &#8220;<strong>All shop pages<\/strong>&#8221; if you want to display the sidebar in shop page, or select specific product categories if you want.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"488\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/sidebar-4-1024x488.jpg\" alt=\"\" class=\"wp-image-3630\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/sidebar-4-1024x488.jpg 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/sidebar-4-768x366.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Select &#8220;all shop pages&#8221; in display condition.<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>UDesign Page Layouts Panel provides an easy way to display sidebars in any pages. To display sidebar in page, please see the following guide. Please select &#8220;All shop pages&#8221; if you want to display the sidebar in shop page, or select specific product categories if you want.<\/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":[10],"tags":[],"class_list":["post-1879","post","type-post","status-publish","format-standard","hentry","category-sidebar-widgets"],"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/1879","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=1879"}],"version-history":[{"count":1,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/1879\/revisions"}],"predecessor-version":[{"id":9547,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/1879\/revisions\/9547"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=1879"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=1879"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=1879"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}