Add to cart button and buy now button is not appearing as it should on product page

This topic has 17 replies, 2 voices, and was last updated 1 years, 4 months ago ago by Rose Tyler

  • Avatar: Nicolo
    Nicolo
    Participant
    July 31, 2023 at 15:03

    these two buttons are showing up weird on the page. i don’t know if its something with the settings, some CSS or some default issues. The cart is also not working.

    Please let me know!

    16 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 31, 2023 at 15:41

    Hello, Nicolo,

    Thank you for getting in touch with us.

    https://prnt.sc/tJ-gwqN20oU1 – via the editor, but it looks different on the front end of your site. Please clear all cache, including server cache.

    Kind Regards,
    8theme team

    Avatar: Nicolo
    Nicolo
    Participant
    July 31, 2023 at 16:19

    Thanks for the answer. did the caching.

    But still looking weird. quanitity being on top and not on the side as the screen u showed.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 31, 2023 at 16:41

    Hello, Nicolo,

    “But still looking weird. quanitity being on top and not on the side as the screen u showed.” – it is because we changed some settings (Theme Options > WooCommerce > Single product builder > Add to cart) to see if changes will be visible.

    Kind Regards,
    8theme team

    Avatar: Nicolo
    Nicolo
    Participant
    July 31, 2023 at 16:49

    I see

    So what the solution here to place quantity and button besides eachother instead of on top of eacother?

    Shall i pass you the admin and login extra user on mail?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 31, 2023 at 16:59

    Hello, Nicolo,

    1/ Go to Theme Options > WooCommerce > Single product builder > Add to cart and set settings according to your needs.
    2/ Clear all cache, including server cache (contact your hosting provider) and check the single product on the frontend.

    Let us know what problem is left after that (in detail, please).

    Kind Regards,
    8theme team

    Avatar: Nicolo
    Nicolo
    Participant
    July 31, 2023 at 17:41

    Avatar: Nicolo
    Nicolo
    Participant
    July 31, 2023 at 17:43

    This is the issue:

    left edit is not showing up on the frontend.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 31, 2023 at 19:52

    Hello, Nicolo,

    Thank you for your response.

    We’ve added custom CSS code, please check now – https://gyazo.com/c12ea4db2f901874dc4efe5d484122f1
    Let us know what would you like to change?

    Kind Regards,
    8theme team

    Avatar: Nicolo
    Nicolo
    Participant
    July 31, 2023 at 20:19

    I would like it to be default, just like it is here on the quick view. look at screenshot

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 31, 2023 at 20:28

    Hello, Nicolo,

    Thank you for your response.
    We will have another specialist review your inquiry in greater detail and will be in touch with you.

    Kind Regards,
    8theme team

    Avatar: Nicolo
    Nicolo
    Participant
    July 31, 2023 at 20:32

    Thanks alot

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 1, 2023 at 07:48

    Hello, Nicolo,

    Please check now.

    Kind Regards,
    8theme team

    Avatar: Nicolo
    Nicolo
    Participant
    August 1, 2023 at 10:15

    Hello

    It is working on tablet, but not on phone screen

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 1, 2023 at 15:39

    Hello, Nicolo,

    We modified our previous custom CSS to the next one:

    body .single-product-builder form.cart,
        body .single-product-builder form.cart .woocommerce-variation-add-to-cart {
            flex-direction: row !important;
        }
    .single-product-builder .et_product-block form.cart .quantity-wrapper:before {
        display: none;
    }
        body .single-product-builder .et_product-block .quantity-select,
        body .single-product-builder .et_product-block .quantity-select select,
        body .single-product-builder .et_product-block .single_add_to_cart_button {
            min-width: unset;
            margin: 0;
        }
    
        body .single-product-builder .et_product-block .cart .quantity {
            margin: 0 var(--single-add-to-cart-button-spacing, 15px) 0 0;
        }

    Please, check now!
    Result → https://prnt.sc/6xEiSRwklxQk

    Kind Regards,
    8theme team

    Avatar: Nicolo
    Nicolo
    Participant
    August 2, 2023 at 11:53

    its working great,thanks

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 2, 2023 at 12:07

    Hello, Nicolo,

    You’re welcome!

    Kind Regards,
    8theme team

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