{"id":4018,"date":"2017-08-30T08:58:14","date_gmt":"2017-08-30T06:58:14","guid":{"rendered":"https:\/\/demos.welaunch.io\/woocommerce-ultimate-tabs\/?post_type=faq&#038;p=179"},"modified":"2020-07-29T13:01:43","modified_gmt":"2020-07-29T11:01:43","slug":"setup-ultimate-tabs","status":"publish","type":"faq","link":"https:\/\/www.welaunch.io\/en\/knowledge-base\/faq\/setup-ultimate-tabs\/","title":{"rendered":"Setup WooCommerce Ultimate Custom Product Tabs"},"content":{"rendered":"<p>Learn how to setup &amp; use our <a href=\"https:\/\/www.welaunch.io\/en\/product\/woocommerce-ultimate-tabs\/\">WooCommerce Ultimate Tabs<\/a> plugin with ease.<\/p>\n<h2>Settings Panel<\/h2>\n<p>You can find the everything inside your Admin Panel below WooCommerce -&gt; Ultimate Tabs.\u00a0 If you can not see the settings panel, make sure you have installed the Redux Framework Plugin.<\/p>\n<h2>General Settings<\/h2>\n<p>In the General settings are you have the following options:<\/p>\n<ul>\n<li><b>Enable:<\/b><br \/>\nEnable ultimate tabs to use the options below<\/li>\n<li><strong>Amount of global Tabs<\/strong><br \/>\nSet the amount of <a href=\"#Global_Category_Tabs\">category \/ global tabs<\/a> you want to use<\/li>\n<li><b>Reorder \/ Disable the general Tabs<\/b><br \/>\nReorder or even disable the general WooCommerce Tabs<\/li>\n<li><b>Enable Tab Rename<\/b><\/li>\n<li><b>Rename Description Tab<\/b><\/li>\n<li><b>Rename Reviews Tab<\/b><\/li>\n<li><b>Rename Additional Information Tab<\/b><\/li>\n<li><strong>Disable Tab Functionality<\/strong><\/li>\n<\/ul>\n<figure id=\"attachment_5440\" aria-describedby=\"caption-attachment-5440\" style=\"width: 1020px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-5440\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/woocommerce-ultimate-custom-tabs-settings-1024x712.png\" alt=\"woocommerce ultimate custom tabs settings\" width=\"1020\" height=\"709\" srcset=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/woocommerce-ultimate-custom-tabs-settings-1024x712.png 1024w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/woocommerce-ultimate-custom-tabs-settings-247x172.png 247w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/woocommerce-ultimate-custom-tabs-settings-510x355.png 510w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/woocommerce-ultimate-custom-tabs-settings-300x209.png 300w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/woocommerce-ultimate-custom-tabs-settings-768x534.png 768w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/woocommerce-ultimate-custom-tabs-settings.png 1331w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/><figcaption id=\"caption-attachment-5440\" class=\"wp-caption-text\">woocommerce ultimate custom tabs settings<\/figcaption><\/figure>\n<h2>Global Styles<\/h2>\n<ul>\n<li><b>Enable:<\/b><br \/>\nEnables global styles.<\/li>\n<li><b>Tab Icon:<\/b><br \/>\nAdd an Icon to the tabs.<br \/>\n<b>Important<\/b>In order to add an icon to your tabs you have to adjust your theme \/ woocommerce template. Please go to your-theme\/woocommerce\/single-product\/tabs\/tabs.php and change <b>esc_html( $tab )<\/b> to <b>$tab<\/b>!<\/li>\n<li><b>Tab Background Image:<\/b><br \/>\nAdd an Background to the tabs.<\/li>\n<li><b>Tab Background Size:<\/b><br \/>\nSet the Size for the Background Image.<\/li>\n<li><b>Tab Background Repeat:<\/b><br \/>\nSet the Repeat for the Background Image.<\/li>\n<li><b>Tab Text Color:<\/b><br \/>\nAdd a text color to the tabs.<\/li>\n<li><b>Tab Background Color:<\/b><br \/>\nAdd a background color to the tabs.<\/li>\n<\/ul>\n<figure id=\"attachment_5439\" aria-describedby=\"caption-attachment-5439\" style=\"width: 1020px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-5439\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/global-product-tab-styles-1024x752.png\" alt=\"global product tab styles\" width=\"1020\" height=\"749\" srcset=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/global-product-tab-styles-1024x752.png 1024w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/global-product-tab-styles-247x181.png 247w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/global-product-tab-styles-510x375.png 510w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/global-product-tab-styles-300x220.png 300w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/global-product-tab-styles-768x564.png 768w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/global-product-tab-styles.png 1150w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/><figcaption id=\"caption-attachment-5439\" class=\"wp-caption-text\">global product tab styles<\/figcaption><\/figure>\n<h2>Global &amp; Category Tabs<\/h2>\n<p>Depending on the amount of\u00a0 tabs you have set in general settings, you can create global or category tabs in each tab setting. Each tab has the same setting options. These are described below.<\/p>\n<ul>\n<li><b>Enable<\/b><br \/>\nEnables this tab.<\/li>\n<li><b>Title:<\/b><br \/>\nTitle of the Tab.<\/li>\n<li><b>Priority:<\/b><br \/>\nPriority of the Tab.<br \/>\n<b>General Tabs have the priority as followed:<\/b><br \/>\nTab Position * 10 (e.g. Product Description is on 1, then you have the priority of 10).<\/li>\n<li><b>Callbacks:<\/b><br \/>\nEach of these callbacks can create optional settings for this callback!<\/p>\n<ul>\n<li>Editor<\/li>\n<li>Contact 7 Form<\/li>\n<li>Show single Products<\/li>\n<li>Show Products by category<\/li>\n<li>Show Product Categories<\/li>\n<li>Show Cart<\/li>\n<li>Show Checkout<\/li>\n<li>Show Order Tracking<\/li>\n<li>Show My Account<\/li>\n<li>Show Recent Products<\/li>\n<li>Show Featured Products<\/li>\n<li>Show Sale Products<\/li>\n<li>Show Best Selling Products<\/li>\n<li>Show Top Rated Products<\/li>\n<li>Show Related Products<\/li>\n<\/ul>\n<\/li>\n<li><b>Amount of products:<\/b><br \/>\nLimit the number of products to be shown on e.g. related products callback.<\/li>\n<li><b>Columns<\/b><br \/>\nConfigure how many columns will be shown on e.g. related products callback.<\/li>\n<li><b>Apply for Product categories:<\/b><br \/>\nOnly add this tab to specific product categories.<\/li>\n<li><b>Apply for Products:<\/b><br \/>\nOnly add this tab to specific products.<\/li>\n<li>Styling\n<ul>\n<li><b>Enable:<\/b><br \/>\nEnables styles.<\/li>\n<li><b>Tab Icon:<\/b><br \/>\nAdd an Icon to this tab.<br \/>\n<b>Important<\/b>In order to add an icon to your tabs you have to adjust your theme \/ woocommerce template. Please go to your-theme\/woocommerce\/single-product\/tabs\/tabs.php and change <b>esc_html( $tab )<\/b> to <b>$tab<\/b>!<\/li>\n<li><b>Tab Background Image:<\/b><br \/>\nAdd an Background to this tab.<\/li>\n<li><b>Tab Background Size:<\/b><br \/>\nSet the Size for the Background Image.<\/li>\n<li><b>Tab Background Repeat:<\/b><br \/>\nSet the Repeat for the Background Image.<\/li>\n<li><b>Tab Text Color:<\/b><br \/>\nAdd a text color to this tab.<\/li>\n<li><b>Tab Background Color:<\/b><br \/>\nAdd a background color to this tab.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<figure id=\"attachment_5438\" aria-describedby=\"caption-attachment-5438\" style=\"width: 1020px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-5438\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/global-and-category-product-tabs-1024x867.png\" alt=\"global and category product tabs\" width=\"1020\" height=\"864\" srcset=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/global-and-category-product-tabs-1024x867.png 1024w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/global-and-category-product-tabs-247x209.png 247w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/global-and-category-product-tabs-510x432.png 510w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/global-and-category-product-tabs-300x254.png 300w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/global-and-category-product-tabs-768x651.png 768w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/global-and-category-product-tabs.png 1151w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/><figcaption id=\"caption-attachment-5438\" class=\"wp-caption-text\">global and category product tabs<\/figcaption><\/figure>\n<h2>Create Custom Product Tabs<\/h2>\n<p>Beside the global &amp; category product tabs you can also create custom products tabs within editing a single product in backend. In product data you will find a new tab called &#8220;Custom Tabs&#8221;. Here you can add up to 7 different tabulators including:<\/p>\n<ul>\n<li>Title<\/li>\n<li>Priority<\/li>\n<li>Content (text \/ shortcode using WYSIWG Editor)<\/li>\n<\/ul>\n<figure id=\"attachment_5437\" aria-describedby=\"caption-attachment-5437\" style=\"width: 1020px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-5437\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/create-a-custom-woocommerce-product-ab-1024x743.png\" alt=\"create a custom woocommerce product ab\" width=\"1020\" height=\"740\" srcset=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/create-a-custom-woocommerce-product-ab-1024x743.png 1024w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/create-a-custom-woocommerce-product-ab-247x179.png 247w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/create-a-custom-woocommerce-product-ab-510x370.png 510w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/create-a-custom-woocommerce-product-ab-300x218.png 300w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/create-a-custom-woocommerce-product-ab-768x558.png 768w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/create-a-custom-woocommerce-product-ab.png 1029w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/><figcaption id=\"caption-attachment-5437\" class=\"wp-caption-text\">create a custom woocommerce product ab<\/figcaption><\/figure>\n<h2>Advanced Settings<\/h2>\n<p>Custom stylesheet \/ javascript.<\/p>\n<ul>\n<li><b>Custom CSS:<\/b><br \/>\nAdd some stylesheet if you want.<\/li>\n<li><b>Custom JS:<\/b><br \/>\nAdd some javascript if you want.<\/li>\n<\/ul>\n","protected":false},"author":1,"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","product_cat":[],"class_list":["post-4018","faq","type-faq","status-publish","hentry","faq_topics-ultimate-tabs-getting-started"],"_links":{"self":[{"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq\/4018","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq"}],"about":[{"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/types\/faq"}],"author":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/comments?post=4018"}],"version-history":[{"count":3,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq\/4018\/revisions"}],"predecessor-version":[{"id":5441,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq\/4018\/revisions\/5441"}],"wp:attachment":[{"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/media?parent=4018"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/product_cat?post=4018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}