#21
Quantity stepper
- Lather
- Beauty
- Shopify-ready
Increment and decrement purchase control.
0.6 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 1 Theme Editor setting · category purchase
Top 99 Purchase Blocks for Shopify (Updated Oct 2026)
Blocko has 99 free purchase blocks for Shopify Online Store 2.0, from 15 themes across beauty. 98 ship as Shopify Liquid with merchant settings; 14 need no JavaScript at all. Each one has a live demo and a one-line prompt for your coding agent.
The list is ranked with Shopify-ready items first, then by the least JavaScript. Open any item to see its sections, settings and prompt, or use all blocks by type to compare other kinds. Not affiliated with Shopify. Showing items 21 to 40.
Compare at a glance
| # | Name | Theme | Industry | Shopify | JavaScript | Settings |
|---|---|---|---|---|---|---|
| 21 | Quantity stepper | Lather | Beauty | Liquid + HTML | 0.6 KB | 1 |
| 22 | Quantity stepper | Prism | Beauty | Liquid + HTML | 0.6 KB | 1 |
| 23 | Quantity stepper | Shelf | Beauty | Liquid + HTML | 0.6 KB | 1 |
| 24 | Quantity stepper | Stubble | Beauty | Liquid + HTML | 0.6 KB | 1 |
| 25 | Quantity stepper | Tide | Beauty | Liquid + HTML | 0.6 KB | 1 |
| 26 | Quantity stepper | Tint | Beauty | Liquid + HTML | 0.6 KB | 1 |
| 27 | Quantity stepper | Twist | Beauty | Liquid + HTML | 0.6 KB | 1 |
| 28 | Quantity stepper | Veil | Beauty | Liquid + HTML | 0.6 KB | 1 |
| 29 | Shade swatch picker | Balm | Beauty | Liquid + HTML | 0.7 KB | 2 |
| 30 | Variant picker | Balm | Beauty | Liquid + HTML | 0.7 KB | 2 |
| 31 | Shade swatch picker | Bare | Beauty | Liquid + HTML | 0.7 KB | 2 |
| 32 | Variant picker | Bare | Beauty | Liquid + HTML | 0.7 KB | 2 |
| 33 | Shade swatch picker | Blush | Beauty | Liquid + HTML | 0.7 KB | 2 |
| 34 | Variant picker | Blush | Beauty | Liquid + HTML | 0.7 KB | 2 |
| 35 | Color swatch picker | Clip | Beauty | Liquid + HTML | 0.7 KB | 2 |
| 36 | Variant picker | Clip | Beauty | Liquid + HTML | 0.7 KB | 2 |
| 37 | Shade swatch picker | Dew | Beauty | Liquid + HTML | 0.7 KB | 2 |
| 38 | Variant picker | Dew | Beauty | Liquid + HTML | 0.7 KB | 2 |
| 39 | Scent swatch picker | Isle | Beauty | Liquid + HTML | 0.7 KB | 2 |
| 40 | Variant picker | Isle | Beauty | Liquid + HTML | 0.7 KB | 2 |
Purchase blocks
#22
Quantity stepper
- Prism
- Beauty
- Shopify-ready
Increment and decrement purchase control.
0.6 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 1 Theme Editor setting · category purchase
#23
Quantity stepper
- Shelf
- Beauty
- Shopify-ready
Increment and decrement purchase control.
0.6 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 1 Theme Editor setting · category purchase
#24
Quantity stepper
- Stubble
- Beauty
- Shopify-ready
Increment and decrement purchase control.
0.6 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 1 Theme Editor setting · category purchase
#25
Quantity stepper
- Tide
- Beauty
- Shopify-ready
Increment and decrement purchase control.
0.6 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 1 Theme Editor setting · category purchase
#26
Quantity stepper
- Tint
- Beauty
- Shopify-ready
Increment and decrement purchase control.
0.6 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 1 Theme Editor setting · category purchase
#27
Quantity stepper
- Twist
- Beauty
- Shopify-ready
Increment and decrement purchase control.
0.6 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 1 Theme Editor setting · category purchase
#28
Quantity stepper
- Veil
- Beauty
- Shopify-ready
Increment and decrement purchase control.
0.6 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 1 Theme Editor setting · category purchase
#29
Shade swatch picker
- Balm
- Beauty
- Shopify-ready
Selectable color swatches.
0.7 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 2 Theme Editor settings · category purchase
#30
Variant picker
- Balm
- Beauty
- Shopify-ready
Selectable product size options.
0.7 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 2 Theme Editor settings · category purchase
#31
Shade swatch picker
- Bare
- Beauty
- Shopify-ready
Selectable color swatches.
0.7 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 2 Theme Editor settings · category purchase
#32
Variant picker
- Bare
- Beauty
- Shopify-ready
Selectable product size options.
0.7 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 2 Theme Editor settings · category purchase
#33
Shade swatch picker
- Blush
- Beauty
- Shopify-ready
Selectable color swatches.
0.7 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 2 Theme Editor settings · category purchase
#34
Variant picker
- Blush
- Beauty
- Shopify-ready
Selectable product size options.
0.7 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 2 Theme Editor settings · category purchase
#35
Color swatch picker
- Clip
- Beauty
- Shopify-ready
Selectable color swatches.
0.7 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 2 Theme Editor settings · category purchase
#36
Variant picker
- Clip
- Beauty
- Shopify-ready
Selectable product size options.
0.7 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 2 Theme Editor settings · category purchase
#37
Shade swatch picker
- Dew
- Beauty
- Shopify-ready
Selectable color swatches.
0.7 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 2 Theme Editor settings · category purchase
#38
Variant picker
- Dew
- Beauty
- Shopify-ready
Selectable product size options.
0.7 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 2 Theme Editor settings · category purchase
#39
Scent swatch picker
- Isle
- Beauty
- Shopify-ready
Selectable color swatches.
0.7 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 2 Theme Editor settings · category purchase
#40
Variant picker
- Isle
- Beauty
- Shopify-ready
Selectable product size options.
0.7 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 2 Theme Editor settings · category purchase
Frequently asked questions
What are the best purchase blocks for Shopify?
Blocko lists 99 free, MIT-licensed purchase blocks from 15 themes. 98 of them ship as Shopify Liquid today and the rest are complete HTML demos. The list is ranked with Liquid-ready items first, then by the least JavaScript, so Add to cart button from Balm comes first.
Are these purchase blocks free to use?
Yes. Every item is MIT licensed, free to copy and edit, and needs no app or subscription. Blocko is not affiliated with Shopify.
How do I add one of these purchase blocks to my Shopify store?
Open an item, copy its one-line prompt into your coding agent, or connect the Blocko MCP server at https://blocko.ai/mcp. The agent asks where the block should go before it changes any code.
Which industries do these purchase blocks cover?
Beauty. Every industry with at least three matching items has its own list.
How much JavaScript do these purchase blocks ship?
14 of 99 ship 0 KB of JavaScript. The heaviest is One-time or subscribe selector in Balm at 15 KB, registered as an idempotent Custom Element.
Related lists
Filter by industry
Other blocks
- Customer Account Blocks (150)
- Reviews Blocks (85)
- Social Proof Blocks (70)
- Cart Blocks (58)
- Filters and Sorting Blocks (44)
- Product Blocks (44)
- Search Blocks (44)
- Contact Blocks (43)
- Subscriptions Blocks (42)
- Announcement Blocks (30)
- Cart Drawer Blocks (30)
- Newsletter Blocks (30)
Markdown version for agents · Browse the full library · Connect your agent