Comment ares and buy now button - by Recep

This topic has 17 replies, 3 voices, and was last updated 2 years, 6 months ago ago by Olga Barlow

  • Avatar: Recep
    Recep
    Participant
    October 1, 2021 at 09:27

    Hello there,

    The more I used the theme, the more I started to like it. We need a little help adapting it ourselves…

    I have a few questions:
    1- I need to put the comments section at the top, how do I do it? (it’s very important to us that customers see reviews right away!)
    https://snipboard.io/V8Ie6Q.jpg

    2- Can I just add a buy now button instead of add to cart on mobile?

    3- Is there a way to keep the buy now button on the screen in the mobile version? (I’m using the sticky feature, I want it to be there all the time)

    thanks.

    Please, contact administrator
    for this information.
    16 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 1, 2021 at 17:09

    Hello,

    1) We don’t have special option to show it before the tabs. So you need additional customization. Choose tabs in the single product tas settings https://prnt.sc/1udhny6 and then add the below code to your child theme functions.php

    add_action( 'woocommerce_after_single_product_summary', 'comments_template', 1 );
    /**
     * Remove reviews from tabs
     */
    add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tabs', 98 );
    function woo_remove_product_tabs( $tabs ) {
        unset( $tabs['reviews'] ); 			// Remove the reviews tab
        return $tabs;
    }

    2) , 3) You can only hide add to cart button on mobile using custom CSS if you don’t want to have that (Theme Options > Custom CSS)

    @media only screen and (max-width:480px){
        .cart .single_add_to_cart_button:not(.et-single-buy-now), .cart .et-or-wrapper {
            display: none;
        }
    }

    Regards

    Avatar: Recep
    Recep
    Participant
    October 1, 2021 at 19:46

    Hi,

    thank you for your help.

    I added the codes but,

    On mobile, the basket hand button is gone, only the pieces remain. https://snipboard.io/T6PDzF.jpg

    My footer field disappeared, why could this be? :/ I don’t know how this is happening and how to fix it.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 1, 2021 at 19:59

    Hello,

    Provide us with WP Dashboard access to your site to check the mentioned issues.

    Regards

    Avatar: Recep
    Recep
    Participant
    October 1, 2021 at 20:13

    Hi,
    I am sending an attachment

    Please contact administrator
    for this information.
    Avatar: Recep
    Recep
    Participant
    October 2, 2021 at 10:48

    I’m waiting for your answer.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 2, 2021 at 11:08

    Hello,

    Reply times can vary from time to time and be up to 24 hours Monday – Friday and up to 48 hours on weekends, Sat-Sun. But is usually faster than that.
    Olga will be back to work after the weekend. Meanwhile, I will try to assist you. After adding the code, have you checked from real device or emulator?
    “My footer field disappeared” what do you mean by this? Go to Appearance > Widgets > set the desired content into the Footer area.

    Regards

    Avatar: Recep
    Recep
    Participant
    October 2, 2021 at 13:28

    Hi,

    I solved the footer issue, but I need help with the mobile buy now button.

    I added the codes but,

    On mobile, the basket hand button is gone, only the pieces remain.
    https://snipboard.io/T6PDzF.jpg

    @media only screen and (max-width:480px){
    .cart .single_add_to_cart_button:not(.et-single-buy-now), .cart .et-or-wrapper {
    display: none;
    }
    }

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 2, 2021 at 15:57

    Hello,

    Change the code to:

    @media only screen and (max-width:480px){
        .single-product .product-information .single_add_to_cart_button:not(.et-single-buy-now), .cart .et-or-wrapper {
            display: none;
        }
    }

    3- Is there a way to keep the buy now button on the screen in the mobile version? (I’m using the sticky feature, I want it to be there all the time)

    – there is no such possiblity

    Regards

    Avatar: Recep
    Recep
    Participant
    October 3, 2021 at 13:57

    Unfortunately this code hides all buttons. (add to cart and buy now)

    It shows up in the theme editor but when I publish it and check it on my iphone 8, the buttons are missing. Please try the code in your demo.

    Regards,

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 4, 2021 at 14:54

    Hello,

    Check now, please.

    Regards

    Avatar: Recep
    Recep
    Participant
    October 4, 2021 at 15:14

    Hello,

    It’s working. thanks.

    Regards

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 4, 2021 at 18:04

    Hello,

    You are welcome.

    Regards

    Avatar: Recep
    Recep
    Participant
    October 7, 2021 at 19:11

    Hi,
    Can you send me the code you added? The code was deleted while making some edits.

    Attached is what we are trying to do. how can we do this? this is really important to us. :/

    Regards,

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 11, 2021 at 12:17

    Hello,

    I checked your child theme and the code is there https://prnt.sc/1vp8drl
    But you disabled the Buy now button in the product settings https://prnt.sc/1vp8fhp + I added the below custom CSS https://prnt.sc/1vp8kra
    Check now.

    You can enable percentage discount in the Theme Options > WooCommerce > Shop elements > Sale and Out off stock > https://prnt.sc/1vp8x6k If you want to place it directly like on the screenshot it requires additional customization. You can submit customization request here because additional customization is not included in theme support https://themeforest.net/page/item_support_policy .

    Regards

    Avatar: Recep
    Recep
    Participant
    October 11, 2021 at 12:52

    Hi,

    I understood everything you said. We will ask for offers for additional customization from the site or similar you forwarded.

    I’m constantly having a cache problem to preview the changes I’ve made. Is the cache plugin you recommend here, w3 total cache? What can I do to immediately see the changes I’ve made?

    https://xstore.helpscoutdocs.com/article/100-how-to-speed-up-my-website

    Should I disable the settings here if I am using a caching plugin?

    Thanks for all your help.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 11, 2021 at 14:54

    Hello,

    Cache plugin created to cache pages CSS, JS etc. So, if you keep cache plugin enabled then you need to clear the plugin cache and browser cache to apply your style, js changes.
    If your site is under development then it would be better to disabled the cache plugin. Enabled that once you finish the development process.

    Regards

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

The issue related to '‘Comment ares and buy now button’' has been successfully resolved, and the topic is now closed for further responses

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