Return to previous page

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 9 months ago ago by Rose Tyler

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!

#363329 Copied Theme version: 9.1.11 WooCommerce version: last

16 Answers

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

#363346 Copied

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.

#363351 Copied

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

#363352 Copied

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?

#363355 Copied

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

#363359 Copied

Nicolo

Participant

July 31, 2023 at 17:41

#363364 Copied

Nicolo

Participant

July 31, 2023 at 17:43

This is the issue:

left edit is not showing up on the frontend.

`

#363365 Copied

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

#363370 Copied

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

#363374 Copied

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

#363375 Copied

Nicolo

Participant

July 31, 2023 at 20:32

Thanks alot

#363377 Copied

Rose Tyler

Support staff

August 1, 2023 at 07:48

Hello, Nicolo,

Please check now.

Kind Regards,
8theme team

#363393 Copied

Nicolo

Participant

August 1, 2023 at 10:15

Hello

It is working on tablet, but not on phone screen

#363409 Copied
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
#363437 Copied
Nicolo

Participant

August 2, 2023 at 11:53

its working great,thanks

#363482 Copied

Rose Tyler

Support staff

August 2, 2023 at 12:07

Hello, Nicolo,

You’re welcome!

Kind Regards,
8theme team

#363484 Copied
Tagged: add to cart, buy now, issues, product page, templates, woocommerce, wordpress
Viewing 17 results - 1 through 17 (of 17 total)