Designing your storefront without touching code

Sections, blocks, dynamic sources and the visual editor — how the Soooks theme system lets you build a real brand presence by clicking.

The Soooks team · August 8, 2026 · 4 min read

A notebook of velvet color swatches

Your storefront is assembled from sections — hero slideshows, product grids, testimonials, newsletters — and each section is made of blocks you can add, reorder and remove. The editor shows your real store as you work, not a mockup.

Click what you want to change

Select anything in the preview and its settings open beside it. Colors, spacing, typography and layout are all settings — with undo, redo and autosave, and nothing goes live until you hit Publish.

Content that fills itself in

Dynamic sources let a heading, caption or link pull from live store data — your brand values, metafields, or metaobject entries. Change the source once and every place it appears updates.

Code is there when you want it

Edit code opens the full theme: Liquid templates, sections, snippets and assets, with version history to roll back. Import an OS 2.0 theme ZIP and you get a compatibility report of what mapped cleanly.

Share:Post on XLinkedIn