How do I add a quantity selector field (and optionally a pack size dropdown)?

[HighTide_Ceylon]

How do I add a quantity selector field (and optionally a pack size dropdown) to each product card on the homepage or featured collection section so users can select a quantity and add it directly to the cart?

[Shadab_dev]

A lot of themes have this feature to let you add the quantity selector on the product cards from the customizer and some of them let you add variant selection as well.

If your theme does not allow any of these or any one of them you will need to modify/edit theme code to include them on the products.

Best

Shadab

[HighTide_Ceylon]

Hey! 

Thanks for reaching out. I'm using the Radical Theme and it seems like the theme doesn't natively include a quantity selector button within the homepage's featured collection section. Unfortunately, I don't have any experience in CSS and don't understand to customize the theme code. Is there any way you or anyone could help with this please?

My URL is www.hightideceylon.com

[Shadab_dev]

Okay, just so you know this is more than just css. Actually it's more liquid templating language which Shopify uses in the backend. 

So to do this me or anyone will require Collab access to your store to better understand the code since it's a paid theme and code bases are different for different themes. If this was any free theme by Shopify we could have tried this on our end but the development store doesn't let us modify a paid theme.

Please reach out via personal links below for a convenient conversation and collaboration. 

Best

Shadab

[Easify-Jolie]

Hi @HighTide_Ceylon 

Shopify’s quantity selector on collection pages usually requires custom code to enable, which can be tricky if you're not familiar with coding.

But for the pack size dropdown, you can simply use an app like Easify Product Options – it doesn’t require any coding, so it’s a great option if you’re not comfortable editing theme files. The app lets you add pack size selections right on the homepage or collection page, making it easier for customers to choose and add to cart quickly.

• This is the result

• This is the app setting:

To display the option on the homepage and collection page, simply select them under the 'Other pages' section in the App Settings.

This app is very beginner-friendly, I hope you will try it. If you need any further assistance setting this up, please let me know or reach out to Easify! 🤗