Trusted by teams at
.svg)
Schedule a time with a Webflow expert to customize this template. Learn more
Get startedRefraction is a modern and elegant Ecommerce Webflow template crafted for fashion and jewelry businesses with built-in checkout functionality. Its minimal design makes it quick and easy to adapt to your brand.
Build a new ecommerce website for your digital conference in no time with the Refraction template. Refraction has a beautiful minimal and modern look that can quickly be adapted to suit your brand, whether it is jewelry or a different kind of ecommerce. It's responsive to all screen sizes and works great on all modern browsers and devices.
You can edit styles used throughout the website on the Style Guide page. Changing the text size, font, colour, and other styles on this page will be reflected throughout the project, making it easy to quickly update the whole website to reflect your brand.
Webflow makes it easy to quickly work with your different products, enabling you to change prices, and discounts, update product images, and much more in a flash.
Add images of any size and Webflow will adapt the resolution and size depending of the device you're viewing it on. This means that browsing the website on a phone will only the a fraction of the time it would to load it from a desktop, and even if you add in images that are 2MB+, they will scale down on the published site so it isn't loading the full image.
Feel like changing something in the template? This template was built using Webflow without writing code. That means you can customize them in every way to suit your brand.
Can only be used by you or one client for one end product. You cannot resell or redistribute this template in its original or modified state.
This template is free to use in both person and commercial projects. You cannot resell, redistribute, or license this template in its original or modified state.
Questions about this template? Just reach out to the template designer and they will get back to you within 2 business days.
For advanced design guidance, please share your questions in the Webflow Forum or reach out to a Webflow Partner.
Share your feedback by leaving a comment below.
For template support, please check the Support tab.
Use the Preview in Designer option to make any edits to the template pages and preview how the layout would fit your content. Changes in preview mode won't be saved.
It isn't possible to apply a template to an already existing project. Instead, you'll need to create a new project based on the Template.
With a Core plan (or higher), you can export sites you build in Webflow, including templates, to host them anywhere you'd like.
Webflow templates are only available for purchase through Workspaces and legacy individual accounts.
CMS templates are designed to use the power of the Webflow CMS. It is possible to downgrade to a Basic Site Plan as long as all CMS content is deleted from the project.
Use the View Connections tool to understand where the CMS content is on the site and delete any dynamic listings and CMS content. We also recommend you to check Components and the Collection page Templates.
Ecommerce templates are designed to use the power of Webflow Ecommerce. It is not possible to remove Ecommerce from a template, however, deleting all Ecommerce Products and Categories from the project, will allow to select a lower Site Plan.
Membership templates are designed to use the power of Webflow Membership. It is not possible to remove Memberships from a template.
.svg){kind=small}
Displays perfectly on desktops, tablets, and phones.
Site navigation automatically collapses into a mobile-friendly menu on smaller devices.
Build your lead lists and subscriber base with beautiful forms.
Comes with animations and interactions for additional polish and usability.
Reusable elements you can use across your site. Edit a symbol and all copies update instantly.
Custom design for the 404 page of your website
Reposition and resize items anywhere within the grid to produce powerful, responsive layouts — faster and without code.
Uses fonts from Google's Web Font collection.
All graphics are optimized for devices with high DPI screens.
Shape your customer's experience and customize everything, from the home page to product page, cart to checkout.
