Bug - Add to cart button and quantity selector on same line (in Dawn)

Store Design
, ,
1

Hi,

I wish to get the “quantity selector” and the “add to cart” button on the same line.

In this forum, I get a solution with the code below, which seemed to work at the first sight.

In theme.liquide, before the “”

<style>
     .button--full-width {
        width: calc(100% - 150px) !important;
        margin-top: -72px;
        margin-left: 150px;
     }
</style>

but I noticed 2 bugs :

  • the widget “add to cart” is destoyed (see image)
  • Product page with variant are not good (button is covering options), see image

Do you have proper solution to put it on a same line ?

My web site : https://www.barreclandestine.com/

Many thanks for your help !

Capture d’écran 2023-08-08 à 10.48.47.png
Capture d’écran 2023-08-08 à 10.48.47.png1186×774 63.2 KB

Capture d’écran 2023-08-08 à 10.48.59.png
Capture d’écran 2023-08-08 à 10.48.59.png1274×764 88.3 KB

Capture d’écran 2023-08-08 à 10.49.19.png
Capture d’écran 2023-08-08 à 10.49.19.png1054×698 45.5 KB

2

Please use this code instead of
3

Many thanks Dan !

It looks great for the widget “add to cart” :+1:

But the variant is still covering the 4 options (30€, 50€, 75€ and 100€) :

Capture d’écran 2023-08-08 à 11.08.47.png
Capture d’écran 2023-08-08 à 11.08.47.png1158×692 43.4 KB

4

Recommend you enable quantity option for that product template

5

it work great many thanks for your time !

6

Happy I could help :heart:

7

This works amazing, Tho I am just wondering would their be a way I could exclude subscription products? as it now sits ontop of my subscription box products. - Works amazing for all other products. Thank you appeciate if you could reply. :slightly_smiling_face: