Return to previous page

Shopping cart and quantity view-product page Problem

This topic has 7 replies, 3 voices, and was last updated 3 years ago ago by Oliver Theiß

Oliver Theiß

Participant

November 29, 2021 at 20:19

hello all,
I have had this problem for a long time and can’t find a solution.
I am optimizing the product page at the moment and it bothers me already…. :((

I had done something with yellow pincel at the beginning of using yout theme and can not find the changes.

I would like to have the view as in the screenshot from your example page. I get it but somehow in the cutomizer not settled.I just need support here.

But this has time… so if someone has time, I would be pleased

Best regards Oliver

Please, contact administrator
for this information.

#310296 Copied Theme version: 8.0.10 WooCommerce version: 5.9.0

6 Answers
Olga Barlow

Support staff

November 30, 2021 at 13:21
Hello,

It’s not related to Yellow Pencil but to Elementor Pro that you used to create product template.
Add the below code to Custom CSS
```
.template-container .product-content .woocommerce-variation-add-to-cart, .product-content form.cart {
    flex-wrap: wrap !important;
}
```
Regards
#310381 Copied
Oliver Theiß

Participant

November 30, 2021 at 13:34

Hallo Olga,

awww…………..

that explains it ….. I had wondered why it does not go… 🙂 Yes, a colleague uses your single product builder.

many thanks

Oliver

#310386 Copied

Rose Tyler

Support staff

November 30, 2021 at 13:41

Hello,

You’re welcome!

Regards

#310388 Copied

Oliver Theiß

Participant

November 30, 2021 at 17:22

Hello Rose

ha…….. shit i was afraid of it.. damn .´/

the new code ….. overwrites the code you created for me for the mobile view…
this is the old code

.variations_form .woocommerce-variation-add-to-cart {
width: 100%;
}

.single-product form.cart table.variations,
.single-product form.cart table.variations td.value select {
width: 100% !important;
}

what is the best thing to do now… :/

see screenshot:

the shopping cart button must also be set to 100% for mobile.

then I think it would be okey…..

best i take out the two cods and you send me a new code snippet? a combination for both ?

lg Oliver

#310416 Copied
Olga Barlow

Support staff

December 1, 2021 at 15:36
Hello,

To make the add to cart button full width
```
@media (max-width: 767px){
    .stretch-add-to-cart-button .single_add_to_cart_button{
        width: 100%;
    }
}
```
Regards
#310546 Copied
Oliver Theiß

Participant

December 6, 2021 at 00:24

Heay Olga ,

Tank You !! 🙂

#310979 Copied
Tagged: problem, product page, quantity view, shopping cart, solution, woocommerce, wordpress
Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘shopping cart and quantity view-product page Problem’' has been successfully resolved, and the topic is now closed for further responses

Shopping cart and quantity view-product page Problem

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection