All things Shopify and commerce
Hi, I'd like to add the quantity item next to the checkout button on the same line like so on my product page:
This is my page: https://www.jickie.co/products/pince-a-cheveux-bff-rose-blossom
Thanks for your help !
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>
Terence
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 :
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025