Collection with product quantity and add to cart option inside a table

Technical Q&A
,

Topic summary

A developer is customizing a Shopify collection page (using Dawn theme v12.0.0) to display products in a table format with quantity selectors and an add-to-cart button for each row.

Current Progress:

  • Successfully created a table layout with product headers
  • Struggling to implement quantity selection functionality
  • Needs help adding a fixed add-to-cart bar at the bottom of the browser window

Goal:
Achieve a table-based product display similar to their reference example, where customers can select quantities directly within table rows and add items to cart.

Note: The post contains reversed/garbled text in several sections, making some URLs and details difficult to parse, but the core request remains clear.

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

Hi guys,

Please help me add a quantity selector to a table row and add a fixed add to cart bar at the bottom of the browser window.

I’ve been trying to achieve a collection page that puts each product in a collection into a table with an option to select quantity and add to cart (please see example). I have been able to put each of the products into a table with headers although I am struggling to achieve the quantity selector and add to cart option (please see my shopify collection).

For reference: I’m using version 12.0.0 of the Dawn Theme.

Any help is appreciated. Thank you!

My shopify collection page (Password: StrawberryJAM) :

My Shopify Site

Example of what I’m trying to achieve:

Example Site