modblo, modular sections, better stores
Browse

Documentation

Getting started

What modblo is, who it's for, and your first install in 5 minutes.

modblo is a library of native Shopify Liquid sections and blocks. You paste them into your theme, edit text and colors right in the code, and they work — no app to install, no monthly subscription, no JavaScript framework to learn.

Who modblo is for

modblo fits two kinds of teams: brand operators who want a higher-converting storefront without renting features as Shopify apps, and freelance / agency builders who want a head-start on client work without licensing a page builder per project.

  • DTC brands running a Shopify 2.0 theme who want to replace specific apps (Rebuy, Hextom, Privy, Loox basics) with code they own.
  • Freelancers and agencies who need polished sections without rebuilding the same patterns for every client.
  • Single-product brands launching their first store who want a credible PDP, hero, and reviews layout on day one.

What you get

  • Sections — full-page Liquid sections that go in your theme’s /sections folder. Configurable in the theme editor like any built-in section.
  • Blocks — smaller HTML/CSS/JS snippets that paste into Shopify’s built-in Custom Liquid section via the theme editor. No code editor needed.
  • Packs — hand-curated bundles of sections grouped by use case (Black Friday, Mobile CRO, Apparel, etc.) at 30–50% off buying à la carte.

Your first install in 5 minutes

The flow is the same for every section. Here it is end-to-end with a free section so you can try without buying:

  1. 01Browse free sections and pick one. The Sticky Add to Cart is a good first install — it runs site-wide and the value lands instantly.
  2. 02On the section page, click Copy Liquid (free sections) or Buy section (premium). The full Liquid file is on the page.
  3. 03In Shopify Admin, go to Online Store → Themes, click the ... next to your active theme, then Edit code.
  4. 04In the Sections folder, click Add a new section, name it (e.g. modblo-sticky-add-to-cart), paste the code, and save.
  5. 05Back in Customize, click Add section on any template, scroll to find your new section, and add it. Configure the text, colors, and behavior in the editor panel.

Try it right now

The whole flow above takes about 5 minutes the first time and under a minute once you’ve done it once. There is no build step, no package manager, no deploy.

Next steps

  • Read Installing sections for the full walkthrough with troubleshooting tips.
  • Read Installing blocks if you want to drop in a block via Custom Liquid (no code editor required).
  • See Customizing for the color and typography conventions used across every section.