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?
Topic summary
A user seeks to add a quantity selector and optional pack size dropdown to product cards on their homepage/featured collection, enabling direct add-to-cart functionality.
Current Situation:
- Using the Radical Theme (paid theme)
- Theme lacks native quantity selector on homepage collection sections
- User has no CSS/coding experience
Solutions Proposed:
Custom Code Approach:
- Requires editing Shopify’s Liquid templating language (beyond just CSS)
- Needs collaborator access to the store since paid themes have unique codebases
- One responder offered direct assistance via personal contact
App-Based Solution:
- Easify Product Options app recommended for pack size dropdowns
- No coding required; beginner-friendly interface
- Can display options on homepage and collection pages through app settings
- Screenshots provided showing implementation and configuration
Status: Discussion remains open with two viable paths—either custom development requiring technical expertise, or using a third-party app for a no-code solution focused primarily on the pack size feature.
1 Like
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
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
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
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! 