debut theme/put quantity selector and add to cart on the same line

debut theme/put quantity selector and add to cart on the same line

Calisto
New Member
8 0 0

hi,

how can i put the quantity selector and add to cart on the same line in debut theme?

 

now, it looks like this

Screenshot 2024-04-04 at 06.05.04.png

i would like to have the following result

Screenshot 2024-04-04 at 06.06.09.png

 thanks

Replies 3 (3)

Dan-From-Ryviu
Shopify Partner
10792 2133 2250

Hi @Calisto 

Could you share your store URL so I can check and give you the solution?

 

Best Regards,

Dan from Ryviu

 

 

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Calisto
New Member
8 0 0

hi,

 

thanks for your help.  

https://www.laboutiquedecalisto.com/

Calisto
New Member
8 0 0

Sorry , i am not good at the code edit. I just copy the code here, please tell me what i should change. Thank you

 


{% unless product == empty %}
<script type="application/json" id="ProductJson-{{ section.id }}">
{{ product | json }}
</script>
<script type="application/json" id="ModelJson-{{ section.id }}">
{{ product.media | where: 'media_type', 'model' | json }}
</script>
{% endunless %}

<div id="backToCollection"></div>

<script>
// Override default values of shop.strings for each template.
// Alternate product templates can change values of
// cartcart button, sold out, and unavailable states here.
theme.productStrings = {
addToCart: {{ 'products.product.add_to_cart' | t | json }},
soldOut: {{ 'products.product.sold_out' | t | json }},
unavailable: {{ 'products.product.unavailable' | t | json }}
};