{"id":8645,"date":"2023-07-05T15:23:17","date_gmt":"2023-07-05T12:23:17","guid":{"rendered":"https:\/\/creativethemes.com\/blocksy\/?post_type=documentation&#038;p=7291"},"modified":"2024-11-30T11:03:44","modified_gmt":"2024-11-30T09:03:44","slug":"custom-tabs","status":"publish","type":"documentation","link":"https:\/\/creativethemes.com\/blocksy\/docs\/woocommerce\/custom-tabs\/","title":{"rendered":"Custom Tabs"},"content":{"rendered":"\n<p>Wouldn&#8217;t it be nice if you could present additional information about a specific product or group of products, in a clean, concise and compact way? With the <strong>Custom Tabs<\/strong> sub-extension, you can!<\/p>\n\n\n\n<p>The <strong>Custom Tabs<\/strong> sub-extension will let you add new product information tabs on the single product page. These can be created using the Gutenberg editor and can incapsulate any kind of information that you might want to present to your visitors. They are also subject to our powerful <strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/modules\/conditions-module\/\" data-type=\"URL\" data-id=\"https:\/\/creativethemes.com\/blocksy\/docs\/modules\/conditions-module\/\" target=\"_blank\" rel=\"noreferrer noopener\">Conditional Module<\/a><\/strong>, which lets you select wherever you may want these tabs to appear, such as a specific product or a specific group of products.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Activating Custom Tabs<\/h2>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay loop muted src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2023\/07\/Screen-Recording-2023-07-05-at-17.25.36.mov\"><\/video><figcaption class=\"wp-element-caption\">Activating the <strong>Custom Tabs<\/strong> Shop Extra sub-extension.<\/figcaption><\/figure>\n\n\n\n<p>Activating the <strong>Custom Tabs<\/strong> module is simple. You just need to go to your main <strong>Blocksy Dashboard -&gt; Extensions -&gt; Shop Extra -&gt; Custom Tabs<\/strong>. Once activated, you should find a new <strong>Product Tabs<\/strong> sub-menu under the main <strong>Products<\/strong> menu of the WooCommerce Dashboard.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e1ac18057ad&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e1ac18057ad\" class=\"wp-block-image size-full has-lightbox wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2023\/07\/Screenshot-2023-07-05-at-17.29.35.png\" alt=\"\" class=\"wp-image-7309\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\"><strong>Product Tabs<\/strong> view.<\/figcaption><\/figure>\n\n\n\n<p>Creating a new custom tab is easy. Just click the <strong>Add New<\/strong> button at the top and edit away, using your favourite editor. The view should look something like this &#8211;<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e1ac1805e4a&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e1ac1805e4a\" class=\"wp-block-image size-full has-lightbox wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2023\/07\/Screenshot-2023-07-05-at-17.40.19.png\" alt=\"\" class=\"wp-image-7312\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p>Notice a couple of interesting options in the sidebar. First, you&#8217;ll notice the <strong>Display Conditions<\/strong> which enables you to assign this new custom tab to whatever products or group of products you may wish.<\/p>\n\n\n\n<p>The second option is the <strong>Tab Order<\/strong>. This lets you order the tabs in a specific way, if more than one has been assigned to a specific product.<\/p>\n\n\n\n<p>And finally, this is how a custom tab might look like &#8211;<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e1ac1806302&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e1ac1806302\" class=\"wp-block-image size-full has-lightbox wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2023\/07\/Screenshot-2023-07-05-at-17.54.10.png\" alt=\"\" class=\"wp-image-7315\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\"><strong>Custom Tabs<\/strong> in action.<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Wouldn&#8217;t it be nice if you could present additional information about a specific product or group of products, in a clean, concise and compact way? With the Custom Tabs sub-extension, you can! The Custom Tabs sub-extension will let you add new product information tabs on the single product page. These can be created using the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_categories":[117],"class_list":["post-8645","documentation","type-documentation","status-publish","hentry","doc_categories-woocommerce"],"blocksy_meta":{"docs_item_badge":"PRO"},"acf":[],"_links":{"self":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/8645","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/types\/documentation"}],"author":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/comments?post=8645"}],"version-history":[{"count":2,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/8645\/revisions"}],"predecessor-version":[{"id":12010,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/8645\/revisions\/12010"}],"wp:attachment":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media?parent=8645"}],"wp:term":[{"taxonomy":"doc_categories","embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/doc_categories?post=8645"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}