Add item quantity selector

Tourist
24 0 2

Hello All,

 

I'm trying to fix the Item quantity selector on my product page https://ciaooo.today/products/complement-alimentaire-on#FeaturedProduct-featured-product-on

 

The agency that worked on it has hidden the display, that is currently above the add to cart button. 

 

I would like to move the quantity selector to be on the same line as the add to cart button and get ride of the name placeholder, so that there is just a dropdown button with the number of products to select. 

 

Could anyone advise on how to fix the code?

 

Cheers,

 

Lisa

0 Likes

Hello please add below css in theme.scss

label.product-form__quantity-label {
    display: none;
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Tourist
24 0 2

Thank you, that has worked for the quantity selector! 

 

Would you know how I could make this appear on the same line as the add to cart button, so that they are next to each other?

 

Kind Regards,

 

Lisa


@oscprofessional wrote:

Hello please add below css in theme.scss

label.product-form__quantity-label {
    display: none;
}

 

0 Likes

Add below css 

.featured-product__content-column .product-form__item:last-of-type {
    margin-top: 64px;
}
.featured-product__content-column .product-form__item.product-form__quantity-selector {
    float: left;
    margin-right: 2%;
}

@Lisa_Dudley wrote:

Thank you, that has worked for the quantity selector! 

 

Would you know how I could make this appear on the same line as the add to cart button, so that they are next to each other?

 

Kind Regards,

 

Lisa


@oscprofessional wrote:

Hello please add below css in theme.scss

label.product-form__quantity-label {
    display: none;
}

 


 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes