Align Price to Left and put "Quantity" and number selector on same line

Store Design
1

I want the price aligned to the left and the “Quantity” and the number on the same line. Can you help? Thanks!

brian2021_0-1640912682371.png
brian2021_0-1640912682371.png571×552 16.2 KB

1 Like
2

@brian2021

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Hi @brian2021 ,

Please follow the steps below:

  • Step 1: Go to sections/main-product.liquid, find “when ‘quantity_selector’” and remove code:

Screenshot.png
Screenshot.png1441×506 61.7 KB

  • Step 2: Find “when ‘price’” and change code:

Screenshot.png
Screenshot.png1497×597 71 KB

Code:


              

                {%- render 'price', product: product, use_variant: true, show_badges: true, price_class: 'price--large' -%}

Screenshot.png
Screenshot.png1599×533 70.2 KB

Hope it helps!

4

May i ask you if i can do this things on my site too?

i’m using sense 2.0 but the code part is different from the one you have written.

I would like to have

on the left quantity picker on the right the price

Thanks if u can