Display Quantity selector at featured collection?

Store Design
, , , ,

Topic summary

A user migrating from Joomla to Shopify seeks to add quantity selectors to product cards in featured collections, allowing customers to choose quantities before adding items to cart. Currently, customers must add products first, then adjust quantities in the cart.

Current Status:

  • A community member offered assistance and gained collaborator access to the store
  • They demonstrated a visual mockup showing the desired quantity selector on product cards
  • Implementation requires custom code modifications (Liquid, CSS, and JavaScript) to the product-card.liquid file

Key Challenges:

  • The user has limited coding experience
  • Making the quantity selector functional (not just display) requires complex JavaScript
  • Expert developer assistance is recommended for full implementation

Additional Question:

  • User also asked about limiting purchasable quantities per customer/order
  • A third-party app (AVADA Order Limit) was suggested as a solution for setting minimum/maximum quantity restrictions

The discussion remains open, with the user needing to decide whether to pursue custom development or hire an expert.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

Hi guys,

I am new at shopify and currently migrating from Joomla to Shopify. Works good so far but I always run into some deatilled issues and hope someone can help me out. Here’s the thing:

https://yyvz1u-pc.myshopify.com/products/angelikawurzel-wurzig-komplex

As you see, this is a freatured collection with many products. How can I add hier the qty. selectior (like in the product recomm. module) that the customer can directly select the qty. into the cart. Currently the customer would need to click the item into the cart and then adjust the qty. within the cart :disappointed_face:

And btw: how is it possible in shopify to limit the qty. to sell for a product for example from 1 - 3 pieces e.g.? I cannot find any settings in the product itself to limit the sellable quantity per customer/order etc.

Many thanks in advance for your help!

Alex

2

Hi @ginmacher2025 ,

This will require custom code with multiple steps, including liquid, css and js changes.

If you have experience with code, you can explore it yourself at product-card.liquid file.

I hope it helps!

3

Hi Namphan,

unfortunately I am not very familiar with code - so I would definetly need help here :disappointed_face:

4

Hi,

unfortunately I do not have a lot of experience with code and def. Need help here :frowning:

Alex

5

Hi @ginmacher2025 ,

Can I send you a collaborator invitation? It will help me check things better.

6

Sure: 5192

7

Hi @ginmacher2025 ,

I sent it, please check and let me know.

8

granted

1 Like
9

Hi @ginmacher2025

I hope you are well.

You can consider using our Order Limit app to limit the number of quantity purchases per customer for some specific products. Our app will allow you to set product limit based on the minimum and also the maximum quantity.

You can check this app user guide for further information about it: https://docs.avada.io/order-limit-help-center/create-product-limit

Here is the app link: https://apps.shopify.com/avada-order-limit

Our support is 24/7 so feel free to reach out if you need any assistance!

Looking forward to hearing from you soon. Thank you!

Best,

Daisy - Avada Support Team

10

hi @ginmacher2025

yes the task can be done with custom code

11

Hi @ginmacher2025 ,

You want to show this:

Screenshot.png
Screenshot.png1774×596 81.6 KB

12

Wow, exatcly. That should be possible to show on all pages/sites where I use the featured collection module.

1 Like
13

Hi @ginmacher2025 ,

This is just for display, if you want it to work you will need to add JS code and this will be a complex requirement, I recommend you hire expert for it.

Please let me know.