Order and Creation of Customs Tabs in Product Page

This topic has 15 replies, 4 voices, and was last updated 8 years, 5 months ago ago by Brian Johnson

  • Avatar: Astara
    Astara
    Participant
    November 16, 2015 at 09:31

    Hi All!

    I wanted to create more custom tabs in the product pages, as those seen in this page “DESCRIPTION, REVIEW, INGREDIENTS” ETC.

    However I am unable to create any more, than those available, please assist urgently!

    Also, I would like to order the particular tabs in a specific arrangement.
    And this one I am unable to edit accordingly.

    Would love a quick reponse!
    Thanks and all the best,
    Nirvan.

    Please, contact administrator
    for this information.
    14 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    November 16, 2015 at 11:15

    Hello,

    Please read here how to create custom tabs and how to re-order them:
    https://docs.woothemes.com/document/editing-product-data-tabs/

    Regards,
    Eva Kemp.

    Avatar: Astara
    Astara
    Participant
    November 17, 2015 at 09:36

    Hi Eva,
    thanks for your reply.

    I have read through this, however I do not know where to insert those codes.

    Where do I apply those codes?

    Thanks,
    Nirvan.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    November 17, 2015 at 09:42

    Hello,

    You need add the code in wp-content/themes/royal/functions.php file.
    If you’re using child theme then add it to your child functions.php.

    Regards,
    Eva Kemp.

    Avatar: Astara
    Astara
    Participant
    November 18, 2015 at 09:11

    Hi Eva,

    I tried to insert those codes, however it does not appear in the backend of the products.

    Also the codes to reorder the custom tabs in the products are not doing anything because it does not have any indication of the current custom tabs…

    Could you please help to fix this, it is getting a bit frustrating.

    I appreciate your assistance.
    Regards

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    November 18, 2015 at 09:21

    Hello,

    Please clarify how exactly you want the tabs to be displayed.
    Show us on screenshots.

    Thank you.

    Regards,
    Eva Kemp.

    Avatar: Astara
    Astara
    Participant
    November 18, 2015 at 10:14

    Hi Eva,

    Here is the SCREENSHOT .

    Thanks for your help.
    Best wishes.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    November 18, 2015 at 16:47

    Hello,

    Pleas take our apologies, but you can only re-order default Woocommerce tabs (description, reviews, additional information), unfortunately custom tabs can’t be re-ordered.

    Regards,
    Eva Kemp.

    Avatar: Astara
    Astara
    Participant
    November 20, 2015 at 00:36

    Hi Eva,

    That’s fine then, so how do I do that at least?

    Avatar: Eva
    Eva Kemp
    Support staff
    November 20, 2015 at 10:10

    Hello,

    You can reorder the tabs Description, Reviews adding the code from Woocommerce documentation in functions.php file.

    Regards,
    Eva Kemp.

    Avatar: Astara
    Astara
    Participant
    November 21, 2015 at 05:20

    Okay, I bought this Theme with a reasonable expectation of straightforward customization, I am not a professional in these matters.

    This issue is getting a bit frustrating, Your colleague Jack always replied with straightforward solutions that helped in an instant. You keep on sending me 10 links of blogs, of which I do not really know what to do with. Also most of those blogs I have read before even advising you, if I knew what to do I would not contact you.

    Regarding the issue of Adding and Reordering the tabs in the order that I have showed you, could you please give me a at least ‘doable’ solution. As I said before, I am not a professional…

    I appreciate your assistance, but this is getting a little bit frustrating.
    Regards

    Avatar: Astara
    Astara
    Participant
    November 21, 2015 at 05:25

    Hi All!

    I have a little, but really apparent Issue!
    The “browse Wishlist” tab on the products is out of position as you can see here.
    http://www.enara.com.au/wp-content/uploads/2015/11/Tab.png

    How can I fix this?
    Appreciate your help!

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Support staff
    November 21, 2015 at 09:31

    Hello,

    I’ve already answered you in this topic:
    https://www.8theme.com/topic/browse-wishlist-out-of-position/#post-100626

    Regards,
    Robert Hall.

    Avatar: Astara
    Astara
    Participant
    November 25, 2015 at 07:28

    Hi All!

    Please disregard my previous post, please assist with the inquiries with the creation and customisation of tabs as stated before. That was a mistake on my side.

    Looking forward,
    Best wishes.

    Avatar: Brian Johnson
    Brian Johnson
    Member
    November 25, 2015 at 08:18

    Hello

    You may reorder tabs with following snippet.:

    add_filter( 'woocommerce_product_tabs', 'sb_woo_move_description_tab', 98);
    function sb_woo_move_description_tab($tabs) {
    
    $tabs['description']['priority'] = 10;
    $tabs['additional_information']['priority'] = 5;
    $tabs['reviews']['priority'] = 20;
    
    return $tabs;
    }

    Please add ths code into the themes/royal/functions.php or to the Child Theme.
    There are a lot of other customizations can be done for with *.php snippets. You may rename, delete adjust tabs as described in Woocommerce docs: https://docs.woothemes.com/document/editing-product-data-tabs/

    Regards,
    Brian Johnson

  • Viewing 15 results - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.