Price and Quantity stay on the same line / Brooklyn Theme

Store Design
1

Hi, can you please help me get the product price and quantity picker to stay on the same line?

Thank you in advanced.

https://pawbun.myshopify.com/

Unti2tled.png
Unti2tled.png419Ă—181 11.4 KB

2

Hi, @Tom1000 ,

May I ask as to why you are wanting to display the price and quantity on the same line? Upon visiting your site, I appreciate where the price is displayed now. Where it is placed now, it differentiates the price to the rest of the information provided in this particular page from my experience.

However, we all have our reasons. I currently cannot find any public resources about editing the Brooklyn theme price and quantity picker. It does seem it may require some coding so I am keeping that option open to any other folks in our Community to provide for us.

As an alternative however, since you are using a Shopify-made theme and if you are on a paid plan, you qualify for 60 mins of design time from our Themes team. This goes for anything you are not able to do within the theme editor. You can push this to our Support Team and they can see if we can help you out with your requests. Feel free to head over this link for more information about this design policy.

You can also consider hiring a Shopify Expert if these alternatives do not work for you.

1 Like
3

Hello @Tom1000

I have created a tutorial video for you on how you can show price and quantity stay on the same line in Brooklyn theme. Please follow the video and paste the code on the showed place. (video tutorial)

Tutorial link: https://somup.com/c3VfeYZhXf

Code:

.price-container{display:inline-block !important;}

I hope it will be helpful for you.
Thanks

Did it solve your issue?

  • If yes, Like & Mark As Solution to help the community
  • If not, let me know. also share a screenshot of the code that you added.
2 Likes
4

Hi @Daniel_41 ,

Thank you for your concern.

I trying to add a lot of sale copy above the “add to cart” button while keeping the button above the fold as well.

That’s why I want to get the Price and Quantity to stay on the same line to save more space as much as possible.

5

Hey @eFoli-Marvic ,

Thank you so much, I’ve done it now.

Anyone who’s looking for this can easily follow your simple tutorial.

6

What a great video!

I just wanted to thank you on behalf of the Community for your contributions. I am sure that merchants/partners going through similar issues will appreciate your input and feedback. I hope you can continue adding value and helping out our group here.

Feel free to also checkout our Store Feedback Board. I am sure your feedback will also be appreciated in these forums.

7

Hi @Daniel_41

Thanks for your appreciation. Your reply makes me more energetic to contribute to the Shopify forum community. I will definitely try my best to keep on helping the community. Thanks again.