Blocko

Top 58 Product Page Sections for Shopify (Updated Oct 2026)

Blocko has 58 free product page sections for Shopify Online Store 2.0, from 15 themes across beauty. 56 ship as Shopify Liquid with merchant settings; 0 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 sections by type to compare other kinds. Not affiliated with Shopify. Showing items 41 to 58.

Compare at a glance

#NameThemeIndustryShopifyJavaScriptSettings
41Routine set productVeilBeautyLiquid + HTML1.3 KB3
42Tinted serum productVeilBeautyLiquid + HTML1.3 KB3
43Botanical Radiance Serum product detailBalmBeautyLiquid + HTML16 KB11
44Sheer skin tint product detailBareBeautyLiquid + HTML16 KB11
45Skin tint product detailBlushBeautyLiquid + HTML16 KB11
46Big claw clip product detailClipBeautyLiquid + HTML16 KB11
47Glow serum product detailDewBeautyLiquid + HTML16 KB11
48Body oil product detailIsleBeautyLiquid + HTML16 KB11
49Bar soap product detailLatherBeautyLiquid + HTML16 KB11
50Color shampoo product detailPrismBeautyLiquid + HTML16 KB11
51Barrier serum product detailShelfBeautyLiquid + HTML16 KB11
52Shave gel product detailStubbleBeautyLiquid + HTML16 KB11
53Sun lotion product detailTideBeautyLiquid + HTML16 KB11
54Glow skin tint product detailTintBeautyLiquid + HTML16 KB11
55Satin pillowcase product detailTwistBeautyLiquid + HTML16 KB11
56Tinted serum product detailVeilBeautyLiquid + HTML16 KB11
57Gift kit product detailTressBeautyHTML only3.7 KBn/a
58Haircare product detailTressBeautyHTML only3.7 KBn/a

Product Page sections

#45

Skin tint product detail

  • Blush
  • Beauty
  • Shopify-ready

Gallery, shade and size choices, flexible purchase option, quantity, and sticky purchase bar.

16 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 11 Theme Editor settings · category main-product

Live demo Details Open in browser

#47

Glow serum product detail

  • Dew
  • Beauty
  • Shopify-ready

Gallery, shade and size choices, flexible purchase option, quantity, and sticky purchase bar.

16 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 11 Theme Editor settings · category main-product

Live demo Details Open in browser

#48

Body oil product detail

  • Isle
  • Beauty
  • Shopify-ready

Gallery, shade and size choices, flexible purchase option, quantity, and sticky purchase bar.

16 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 11 Theme Editor settings · category main-product

Live demo Details Open in browser

#49

Bar soap product detail

  • Lather
  • Beauty
  • Shopify-ready

Gallery, shade and size choices, flexible purchase option, quantity, and sticky purchase bar.

16 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 11 Theme Editor settings · category main-product

Live demo Details Open in browser

#50

Color shampoo product detail

  • Prism
  • Beauty
  • Shopify-ready

Gallery, shade and size choices, flexible purchase option, quantity, and sticky purchase bar.

16 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 11 Theme Editor settings · category main-product

Live demo Details Open in browser

#51

Barrier serum product detail

  • Shelf
  • Beauty
  • Shopify-ready

Gallery, shade and size choices, flexible purchase option, quantity, and sticky purchase bar.

16 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 11 Theme Editor settings · category main-product

Live demo Details Open in browser

#52

Shave gel product detail

  • Stubble
  • Beauty
  • Shopify-ready

Gallery, shade and size choices, flexible purchase option, quantity, and sticky purchase bar.

16 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 11 Theme Editor settings · category main-product

Live demo Details Open in browser

#53

Sun lotion product detail

  • Tide
  • Beauty
  • Shopify-ready

Gallery, shade and size choices, flexible purchase option, quantity, and sticky purchase bar.

16 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 11 Theme Editor settings · category main-product

Live demo Details Open in browser

#56

Tinted serum product detail

  • Veil
  • Beauty
  • Shopify-ready

Gallery, shade and size choices, flexible purchase option, quantity, and sticky purchase bar.

16 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 11 Theme Editor settings · category main-product

Live demo Details Open in browser

#57

Gift kit product detail

  • Tress
  • Beauty
  • Liquid pending

A bundled gift kit with included product list, value saving, and product purchase action.

3.7 KB JavaScript (vanilla Custom Element) · HTML demo, Liquid pending · category main-product

Live demo Details Open in browser

#58

Haircare product detail

  • Tress
  • Beauty
  • Liquid pending

Gallery, variants, purchase plans, quantity controls, product pairings, and mobile sticky purchase action.

3.7 KB JavaScript (vanilla Custom Element) · HTML demo, Liquid pending · category main-product

Live demo Details Open in browser

Frequently asked questions

What are the best product page sections for Shopify?

Blocko lists 58 free, MIT-licensed product page sections from 15 themes. 56 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 Botanical Radiance Serum product from Balm comes first.

Are these product page sections 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 page sections 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 section should go before it changes any code.

Which industries do these product page sections cover?

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

How much JavaScript do these product page sections ship?

0 of 58 ship 0 KB of JavaScript. The heaviest is Botanical Radiance Serum product detail in Balm at 16 KB, registered as an idempotent Custom Element.

Related lists

Filter by industry

Filter by page type

Where these product page sections are used.

Other sections

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