{"id":50505,"date":"2015-07-13T07:55:30","date_gmt":"2015-07-13T11:55:30","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=50505"},"modified":"2015-07-13T07:55:30","modified_gmt":"2015-07-13T11:55:30","slug":"woocommerce-how-to-manage-tabs-on-the-product-page","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/woocommerce-how-to-manage-tabs-on-the-product-page.html","title":{"rendered":"WooCommerce. How to manage tabs on the product page"},"content":{"rendered":"

This tutorial will show you how to manage tabs on the product page in Woocommerce.<\/p>\r\nWooCommerce. How to manage tabs on the product page<\/a>\r\n

On the product page you can usually find tabs. In order to edit the existing tabs, you can click edit the product<\/strong> button:<\/p>\r\n\r\n\"WooCommerce.-How-to-manage-tabs-on-the-product-page-1\"<\/a>\r\n\r\n

Description tab<\/strong> displays product description that is set in the content section of the product;<\/p>\r\n

Video tab<\/strong> is set with the help of Custom Field called video link – you can find it in the custom fields block;<\/p>\r\n

Reviews tab<\/strong> displays reviews – you can easily find and manage them in the very bottom on the product page in your dashboard:<\/p>\r\n\r\n\"WooCommerce.-How-to-manage-tabs-on-the-product-page-2\"<\/a>\r\n

In order to add new tab, you should do the following:<\/p>\r\n

    \r\n\t

  1. Reach files on the server via FTP or hosting cPanel file manager;<\/p><\/li>\r\n\t

  2. Open custom-function.php<\/strong> file located in wp-content\/themex\/themeXXX\/includes<\/strong> folder;<\/p><\/li>\r\n\t

  3. Add the following code to the bottom of the file right before the closing PHP tag:<\/p>\r\n\t\t\r\n\t\t

     add_filter( 'woocommerce_product_tabs', 'woo_new_product_tab' );\r\n\t\t\tfunction woo_new_product_tab( $tabs ) {\r\n\t\t\t\r\n\t\t\t\/\/ Adds the new tab\r\n\t\t\t\r\n\t\t\t$tabs['test_tab'] = array(\r\n\t\t\t'title'        => __( 'New Product Tab', 'woocommerce' ),\r\n\t\t\t'priority'     => 50,\r\n\t\t\t'callback'     => 'woo_new_product_tab_content'\r\n\t\t);\r\n\t\t        return $tabs;\r\n\t\t}\r\n\t\tfunction woo_new_product_tab_content() {\r\n\t\t        \/\/ The new tab content\r\n\t\tglobal $post;\r\n\t\t        $custom  = get_post_meta( $post->ID, 'custom_text', true );\r\n\t\t\t\r\n\t\techo $custom;\r\n\t\t}<\/pre>\r\n\t\r\n\"WooCommerce.-How-to-manage-tabs-on-the-product-page-3\"<\/a>\r\n<\/li>\r\n\t
  4. Save changes in the file;<\/p><\/li>\r\n\t
  5. Make sure the modified file has been uploaded to the server.<\/p><\/li>\r\n<\/ol>\r\n
    New tab content should be added as a custom filed that was created with the php code we added into custom-function.php<\/strong> file:<\/p>\r\n
    \/\/ The new tab content\r\nglobal $post;\r\n        $custom  = get_post_meta( $post->ID, 'custom_text', true );\r\n\t\r\necho $custom;\r\n}<\/pre>\r\n
    Where ‘custom_text’<\/strong> is custom field title.<\/p>\r\n
    In order to add the text into new product tab, you should do the following:<\/p>\r\n
      \r\n\t
    1. Go to edit the product;<\/p><\/li>\r\n\t
    2. In Add New Custom Field<\/strong> block,  please use Enter new<\/strong> button to add new custom filed:<\/p>\r\n\r\n\"WooCommerce.-How-to-manage-tabs-on-the-product-page-4\"<\/a>\r\n<\/li>\r\n\t
    3. Type the custom field title added in php code – in our case it is custom_text<\/strong>;<\/p><\/li>\r\n\t
    4. You can find it in the drop down:<\/p><\/li>\r\n\t
    5. Type your custom text:<\/p>\r\n\r\n\"WooCommerce.-How-to-manage-tabs-on-the-product-page-4a\"<\/a>\r\n<\/li>\r\n\t
    6. Update the product to save changes:<\/p>\r\n\t\r\n\"WooCommerce.-How-to-manage-tabs-on-the-product-page-5\"<\/a>\r\n<\/li>\r\n<\/ol>\r\n
      Feel free to check the detailed video tutorial below:<\/p>\r\n\r\nWooCommerce. How to manage tabs on the product page<\/a>","protected":false},"excerpt":{"rendered":"
      This tutorial will show you how to manage tabs on the product page in Woocommerce.<\/p>\n","protected":false},"author":60,"featured_media":50513,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1556],"tags":[572,542,977,2418],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/50505"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/60"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=50505"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/50505\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/50513"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=50505"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=50505"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=50505"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}