Blocko

Top 44 Product Blocks for Shopify (Updated Oct 2026)

Blocko has 44 free product blocks for Shopify Online Store 2.0, from 15 themes across beauty. 42 ship as Shopify Liquid with merchant settings; 42 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

#NameThemeIndustryShopifyJavaScriptSettings
21Product cardLatherBeautyLiquid + HTML0 KB1
22PricePrismBeautyLiquid + HTML0 KB1
23Product badgePrismBeautyLiquid + HTML0 KB1
24Product cardPrismBeautyLiquid + HTML0 KB1
25PriceShelfBeautyLiquid + HTML0 KB1
26Product badgeShelfBeautyLiquid + HTML0 KB1
27Product cardShelfBeautyLiquid + HTML0 KB1
28PriceStubbleBeautyLiquid + HTML0 KB1
29Product badgeStubbleBeautyLiquid + HTML0 KB1
30Product cardStubbleBeautyLiquid + HTML0 KB1
31PriceTideBeautyLiquid + HTML0 KB1
32Product badgeTideBeautyLiquid + HTML0 KB1
33Product cardTideBeautyLiquid + HTML0 KB1
34PriceTintBeautyLiquid + HTML0 KB1
35Product badgeTintBeautyLiquid + HTML0 KB1
36Product cardTintBeautyLiquid + HTML0 KB1
37PriceTwistBeautyLiquid + HTML0 KB1
38Product badgeTwistBeautyLiquid + HTML0 KB1
39Product cardTwistBeautyLiquid + HTML0 KB1
40PriceVeilBeautyLiquid + HTML0 KB1

Product blocks

#22

Price

  • Prism
  • Beauty
  • Shopify-ready

Regular and compare-at price display.

0 KB JavaScript · Shopify Liquid, 1 Theme Editor setting · category product

Live demo Details Open in browser

#25

Price

  • Shelf
  • Beauty
  • Shopify-ready

Regular and compare-at price display.

0 KB JavaScript · Shopify Liquid, 1 Theme Editor setting · category product

Live demo Details Open in browser

#28

Price

  • Stubble
  • Beauty
  • Shopify-ready

Regular and compare-at price display.

0 KB JavaScript · Shopify Liquid, 1 Theme Editor setting · category product

Live demo Details Open in browser

#31

Price

  • Tide
  • Beauty
  • Shopify-ready

Regular and compare-at price display.

0 KB JavaScript · Shopify Liquid, 1 Theme Editor setting · category product

Live demo Details Open in browser

#34

Price

  • Tint
  • Beauty
  • Shopify-ready

Regular and compare-at price display.

0 KB JavaScript · Shopify Liquid, 1 Theme Editor setting · category product

Live demo Details Open in browser

#37

Price

  • Twist
  • Beauty
  • Shopify-ready

Regular and compare-at price display.

0 KB JavaScript · Shopify Liquid, 1 Theme Editor setting · category product

Live demo Details Open in browser

#40

Price

  • Veil
  • Beauty
  • Shopify-ready

Regular and compare-at price display.

0 KB JavaScript · Shopify Liquid, 1 Theme Editor setting · category product

Live demo Details Open in browser

Frequently asked questions

What are the best product blocks for Shopify?

Blocko lists 44 free, MIT-licensed product blocks from 15 themes. 42 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 Price from Balm comes first.

Are these product 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 product 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 product blocks cover?

Beauty. Every industry with at least three matching items has its own list.

How much JavaScript do these product blocks ship?

42 of 44 ship 0 KB of JavaScript. The heaviest is Haircare product in Tress at 4.4 KB, registered as an idempotent Custom Element.

Related lists

Filter by industry

Other blocks

Markdown version for agents · Browse the full library · Connect your agent