Prestige theme: add quantité next to add to cart / buy button

Prestige theme: add quantité next to add to cart / buy button

carlajickie
Excursionist
53 0 8

Hi, I'd like to add the quantity item next to the checkout button on the same line like so on my product page:

 

Screenshot 2024-05-27 at 13.41.46.png

This is my page: https://www.jickie.co/products/pince-a-cheveux-bff-rose-blossom

 

Thanks for your help !

Replies 2 (2)

TerenceKEANE
Shopify Partner
512 86 80

Hi,

 

The following code will do what you want. You can change the values as you like. If you encounter any issues again, feel free to write, I'll help.

 

1) Navigate to the 'Edit Code' option in your theme settings, then search for 'theme.liquid' in the search bar.

2) Paste the following code below the '<head>' tag. Please refer to the attached screenshot for guidance.

 

<style>


[data-block-type="buy-buttons"] {
    display: inline-block;

}


[data-block-type="quantity-selector"] {
      display: inline-block;
          margin-right: 10px;
}
  
</style>

 

shopify.head.jpg

 

 

TerenceKEANE_0-1716904918415.png

 

Terence

 

★ Looking for Dedicated Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 MONTH!
★ Get skilled Shopify developers at BUDGET-FRIENDLY RATES — explore Novajetsoft.com for a rapid quote!
If my support was a lifeline for you, The COFFEE  
would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites
carlajickie
Excursionist
53 0 8

Thanks Terence thats very helpful however do you know why theres a slight size difference in height between the add to bag block and the quantity selector block ? see :Screenshot 2024-05-29 at 16.49.48.png