Section pages

Every section has its own page with a preview, what you can change, the full Liquid code and a three-step install guide. The site also has a journal about changes to the Shopify platform, and a dark mode.

Client: PROPS!
Scope: Product Strategy, Design & Development
Part: 3 of 4
Site: props.tools

The Before / After Slider section page in dark mode on a laptop

The Liquid code viewer on a section page, with the file tab props-before-after.liquid, 690 lines and a Copy code button

The install card from a section page: copy the code, add a new section file in the theme's code editor, then add the section in the theme editor

A journal post on the Shopify Summer 2026 Edition, with its On this page contents list