Product page changes - by Ekta Mathur - on WordPress WooCommerce support

This topic has 9 replies, 3 voices, and was last updated 4 years, 9 months ago ago by Olga Barlow

  • Avatar: Ekta_Mathur
    Ekta Mathur
    Participant
    July 17, 2019 at 15:09

    Hello,

    This is my product page: https://nisargnutritions.com/revised/product/ragilicks-400-gms/. I want:

    1) Add to cart to be just below the title in mobile view. Is that possible?
    2) Also, can the reviews and custom tab be right below the product description?
    3) Can we add more custom tabs?

    Please, contact administrator
    for this information.
    8 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 17, 2019 at 15:22

    Hello,

    1) By default, there is no such possibility.
    2) Theme Options > Single product page > Tabs Settings > change “Location of product tabs”.
    3) Theme Options > Single product page > Tabs Settings > Custom Tab.
    Custom tab content on a separate product page > [8theme] Product Options https://xstore.helpscoutdocs.com/article/68-single-product-page
    If you want to add more tabs, use the code from this article in fucntions.php of your child theme – https://docs.woocommerce.com/document/editing-product-data-tabs/

    Regards

    Avatar: Ekta_Mathur
    Ekta Mathur
    Participant
    July 17, 2019 at 15:31

    Thank you!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 17, 2019 at 15:31

    To get this result http://prntscr.com/ogc27z
    add code in Theme Options > Custom CSS > Custom CSS for mobile:

    .single-product .product-information .fixed-content {
        display: flex;
        flex-direction: column;
    }
    .single-product .product-information .product_title {
        order: 1;
    }
    .single-product .product-information .cart{
        order: 2;
        margin-top: 15px;
    }
    .single-product .product-information .price,
    .single-product .product-information .short-description,
    .single-product .product-information .product_meta,
    .single-product .product-information .product-share {
        order: 3;
    }

    Regards

    Avatar: Ekta_Mathur
    Ekta Mathur
    Participant
    July 17, 2019 at 15:34

    Can I move the reviews tab after the custom tab?

    Avatar: Ekta_Mathur
    Ekta Mathur
    Participant
    July 17, 2019 at 15:35

    Figured it out! Thanks again

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 17, 2019 at 15:36

    You’re welcome!

    Regards

    Avatar: Ekta_Mathur
    Ekta Mathur
    Participant
    July 17, 2019 at 15:37

    oops, if I change the review tab after tabs, then it no longer remains an accordion. How can I just shift the review tabs after my custom tab?

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 17, 2019 at 16:16

    Hello,

    There is no such option, unfortunately.

    Regards

  • Viewing 9 results - 1 through 9 (of 9 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.