Umbel: Shopify store template for Framer, built with Frameship

Umbel is a free Framer Marketplace template for skincare, apothecary and small-batch brands. Products, prices, images and stock come from a real Shopify store through Frameship. Umbel itself is a fictional demo brand I made up for the template, not a client project.

Shopify sync: six products imported into Shopify and synced into the Framer CMS through a Headless storefront.

Metafields: number, key ingredients, how to use, full ingredients and a tint colour live in Shopify and drive each product card and page.

Add to Cart: Frameship's button, with the template's own button design in its custom and sold-out slots.

Cart: Frameship's cart drawer, restyled to match the template's paper and ink look.

Home, Shop, a CMS product page with a sticky buy column and "pairs well with" products, About, a cart drawer and a custom 404. Desktop, tablet and phone layouts, with one layout template and colour and text styles on every layer.

Live preview: https://umbel-store.framer.website. Checkout is off on the preview, and Frameship's banner shows, until a Frameship license is activated.