Shopify themes · Women's Athleisure Store

STRETCH

Split-screen athleisure theme where you recolour a whole outfit and buy it in one tap.

Interactive — this is the real build running inside the page. Full screen
STRETCH — screen from the live build

What it does

A custom Shopify-style storefront for a Beirut athleisure label, built from Online Store 2.0-style sections. Shop the look on a flat-lay table, recolour every piece live from the real product photos, filter the collection, and check out with cash on delivery, card or Whish. A built-in theme editor changes colours, fonts, buttons and section order as you watch.

Signature interaction

Pick a palette and every piece on the flat-lay table re-dyes itself from the real photo, one after another, while the look total and the 15% complete-look saving update; one tap puts the whole outfit in the bag.

What works in it

  • Shop the look with a 15% complete-look discount
  • Live recolouring of product photos in four colourways
  • Theme editor: colour scheme, fonts, buttons, drag-to-reorder sections
  • Mega menu and predictive search
  • Collection filters, sort and grid density
  • Quick add with size picker
  • Variant swatches, sizes, inseam and stock per variant
  • Pickup availability across three studios
  • Size guide with fit finder
  • Free-delivery meter, gift wrap, order notes and SITESUP10
  • One-page checkout with cash on delivery, card and Whish
  • Customer account with sign-in code and order history

Motion preview

Screen recording of the live build, running on sample data.

Features inside this build

Size Finder — the feature running live
E-commerce

Size Finder

A two-step fit quiz for a Beirut womenswear store: set height and weight with sliders (or drag the marker on the ruler) and a mannequin scales live, then pick bust, waist and hip shape. It returns a size with a confidence bar, honest between-sizes advice, a fit preview of a dress on the figure, and pre-selects the right size on every product, adjusting for styles that run small or large.

Try it
Advanced Product Filters — the feature running live
E-commerce

Advanced Product Filters

A 24-product catalogue with faceted filters for category, price (dual slider over a price histogram), colour swatches, size, rating and in-stock. Active filters show as removable chips, counts update live, the grid re-sorts with smooth FLIP animation and the whole state lives in the URL so a filtered view can be shared.

Try it
Quick Product View — the feature running live
E-commerce

Quick Product View

A product grid where Quick view zooms the card image straight into a modal (shared-element transition) with a gallery, colour and size selection, quantity and add to bag. It is fully keyboard driven: Enter opens, arrows browse images, Tab is trapped inside and Esc returns focus to the card.

Try it
Product Variant Selection — the feature running live
E-commerce

Product Variant Selection

A phone product page where colour swatches swap the gallery with a circular colour-wipe, storage options show price differences and low or sold-out stock per colour, an availability matrix shows every colour × storage combination at a glance, and the SKU, price and URL update with each choice.

Try it