Shopify themes, liquid, logos, and UX
i want tot have the quantity selector next tot the variant picker like this:
Solved! Go to the solution
This is an accepted solution.
@tijs
Please add this code in body class
<body class="{% if template == 'product' %} {{ product.collection.first }} {% endif %}">
Then class will be added use that body class parent
.neckless .product variant-selects, .product-form__input.product-form__quantity {
display: inline-block !important;
vertical-align: top;
width: 49%;
}
.neckless .product variant-selects .product-form__input.product-form__input--dropdown {
max-width: 100% !important;
}
It will work only for that class
Hi @tijs
Please use this css
.product variant-selects, .product-form__input.product-form__quantity {
display: inline-block !important;
vertical-align: top;
width: 49%;
}
.product variant-selects .product-form__input.product-form__input--dropdown {
max-width: 100% !important;
}
If this solution is worked, then please Like this and Mark this as accepted solution!
Laddi
hi, this works but is there any possibility to only apply this to a certain product template? For example only applying this to my necklace collection?
This is an accepted solution.
@tijs
Please add this code in body class
<body class="{% if template == 'product' %} {{ product.collection.first }} {% endif %}">
Then class will be added use that body class parent
.neckless .product variant-selects, .product-form__input.product-form__quantity {
display: inline-block !important;
vertical-align: top;
width: 49%;
}
.neckless .product variant-selects .product-form__input.product-form__input--dropdown {
max-width: 100% !important;
}
It will work only for that class
User | RANK |
---|---|
183 | |
169 | |
77 | |
56 | |
45 |
Transform this holiday season into a shopping spree. Plus, learn how to effortlessly open ...
By Jasonh Dec 8, 2023Make the shift from discounts to donations, and witness your business not only thrive fina...
By Holly Dec 4, 2023On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023