Return to previous page

Button Buy Now and Add to cart position - by Maddlena

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

Maddlena

Participant

October 4, 2021 at 08:48

Hi, how can I change the design of the product, namely the Buy Now and Add to Cart buttons, so that they are all positioned in a only row.

Screen: https://ibb.co/KmBw529

#304388 Copied Theme version: 1.0

9 Answers

Olga Barlow

Support staff

October 4, 2021 at 16:35

Hello,

Could you, please, provide us with link to your single product page? We’ll check and give you custom code to align that.

Regards

#304470 Copied

Maddlena

Participant

October 5, 2021 at 10:07

Hello,
https://site.amadeuste.com/produs/set-lenjerie-de-pat-delux-satin-2/

#304553 Copied
Olga Barlow

Support staff

October 5, 2021 at 18:32
Hello,

Edit the single product add to cart button min-width to 170px. After that go to Theme Options > Custom CSS
```
div.quantity ~ .et-or-wrapper {
    display: none;
}
.et_product-block .et-single-buy-now.single_add_to_cart_button.button, .product-content .et-single-buy-now.single_add_to_cart_button.button {
    flex: 0;
}
.single-product-builder .single_add_to_cart_button.button {
    margin-right: 15px;
}
```
Regards
#304655 Copied
Maddlena

Participant

October 6, 2021 at 15:51

Thank you!
1. How can I make the buttons the same size? https://ibb.co/zsFLzdP
2. How can I optimize buttons on mobile? https://ibb.co/Qvf15kT

#304796 Copied

Olga Barlow

Support staff

October 7, 2021 at 11:21

Hello,

Provide us with temporary WP Dashboard access to your site, please. It will help to implement this faster.

Regards

#304863 Copied

Maddlena

Participant

October 7, 2021 at 11:36

Thank you,

PLEASE TELL ME, I CAN SET THESE ITEMS ( https://ibb.co/80g4QCf – page https://site.amadeuste.com/product-category/lenjerie-de-pat/ ) ON ANOTHER PAGE, (https://ibb.co/B4y8WjX – on this page https://site.amadeuste.com/lenjerie-de-pat/) MAY BE A CODE OR A WAY

Thank you very much!

Please contact administrator
for this information.

#304865 Copied

Olga Barlow

Support staff

October 8, 2021 at 13:34

Hello,

Check the single product buttons now, please.
Grid/list switcher displays only on the WooCommerce archive pages (shop page, product categories, product tags, product brands pages). https://site.amadeuste.com/lenjerie-de-pat/ is a simple page and there is no option to display switcher there, unfortunately.

Regards

#304954 Copied

Maddlena

Participant

October 12, 2021 at 10:46

Hi, these buttons are not working properly. It is switched only once, but it brakes very hard. And when I choose the first button again, it doesn’t react at all.

https://ibb.co/tHG5wS1

I want to erase the sort by and show.

#305240 Copied
Olga Barlow

Support staff

October 13, 2021 at 09:50
Hello,

1) I added below code to Theme Options > Custom CSS to hide mentioned selects
```
.filter-wrap .products-per-page, .filter-wrap .woocommerce-ordering {
    display: none;
}
```
2) What do you mean that buttons do not work properly? It switches between layouts https://gyazo.com/1bab5a0067d9a33ad3c6050debe1a98a So, could you, please, provide us with the screenshot for better understanding.
If you want to set grid only you can do this in Theme Options > WooCommerce > Shop > Shop page layout > Products View Mode.

Regards
#305330 Copied
Tagged: cart, templates, woocommerce, wordpress
Viewing 10 results - 1 through 10 (of 10 total)