Get 50% off on all templates until Dec 3, 11:59pm PT! Code: 1128CWWFTS123

Refraction 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.

No items found.

Customize this template

Schedule a time with a Webflow expert to customize this template. Learn more

Get started

The perfect ecommerce website for your fashion or jewelry 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.

Pages overview

  1. Homepage
  2. Shop All
  3. Popular
  4. Info
  5. Contact
  6. Shipping
  7. Terms
  8. Search Results
  9. Product Template (E-Commerce)
  10. Category Template (E-Commerce)
  11. Checkout (E-Commerce)
  12. PayPal Checkout (E-Commerce)
  13. Order Confirmation (E-Commerce)
  14. Style Guide
  15. Licensing
  16. 404
  17. Password

Features

  • Light and dark navigation variations
  • Fully responsive website and navigation
  • Mailing list box
  • Free shipping nav banner
  • Product tags with icons (popular, discounted, New Arrival)
  • Elegant, minimal design
  • Search and search results page for products

Edit global styles in one place

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.

Easily add, remove, and edit products

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.

Adapted image quality

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.

Customizable to suit your brand

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.

Support

Share
Features
EcommerceCMS
Responsive design

Displays perfectly on desktops, tablets, and phones.

EcommerceCMS
Responsive navigation

Site navigation automatically collapses into a mobile-friendly menu on smaller devices.

EcommerceCMS
Forms

Build your lead lists and subscriber base with beautiful forms.

EcommerceCMS
Interactions

Comes with animations and interactions for additional polish and usability.

EcommerceCMS
Symbols

Reusable elements you can use across your site. Edit a symbol and all copies update instantly.

EcommerceCMS
Custom 404 page

Custom design for the 404 page of your website

EcommerceCMS
CSS Grid

Reposition and resize items anywhere within the grid to produce powerful, responsive layouts — faster and without code.

EcommerceCMS
Web fonts

Uses fonts from Google's Web Font collection.

EcommerceCMS
Retina ready

All graphics are optimized for devices with high DPI screens.

EcommerceCMS
Ecommerce

Shape your customer's experience and customize everything, from the home page to product page, cart to checkout.

Single Use License

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.

Free License

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.

License information
Nikolai Bain supports this template
Designed by Nikolai Bain

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 Expert.

Loving this template?

Share your feedback by leaving a comment below.

For template support, please check the Support tab.

Is there a template demo available?

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.

Can templates be used in existing projects?

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.

How many template pages can be edited with a Free Account Plan?

With a Free account plan, it is possible to edit two pages of the template-based project. To unlock more pages and features a premium plan is required.

Can templates be exported?

With a Core plan (or higher), you can export sites you build in Webflow, including templates, to host them anywhere you'd like.

How to purchase a template from a legacy team account?

Webflow templates are only available for purchase through Workspaces and legacy individual accounts.

How to remove the CMS functionality from a template?

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.

How to remove the Ecommerce functionality from a template?

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.

How to remove the Memberships functionality from a template?

Membership templates are designed to use the power of Webflow Membership. It is not possible to remove Memberships from a template.

Fully customizable in Webflow

All templates were built by designers using Webflow without writing code. That means you can customize them using our visual interface too.

Find out how

Recent Jewelry templates

All Jewelry templates
Lavish
Ecommerce
Ecommerce functionality built in. Just add products.
CMS
Dynamic content and a Visual CMS built in.
UI Kit
Multiple layout variations built in.
Stellary
Ecommerce
Ecommerce functionality built in. Just add products.
CMS
Dynamic content and a Visual CMS built in.
UI Kit
Multiple layout variations built in.
Sofia
Ecommerce
Ecommerce functionality built in. Just add products.
CMS
Dynamic content and a Visual CMS built in.
UI Kit
Multiple layout variations built in.
Responsible
Ecommerce
Ecommerce functionality built in. Just add products.
CMS
Dynamic content and a Visual CMS built in.
UI Kit
Multiple layout variations built in.

More by Nikolai Bain

All templates by Nikolai Bain
Deskfolio
Ecommerce
Ecommerce functionality built in.
CMS
CMS functionality functionality built in.
UI Kit
Multiple layout variations built in.
Wireframe
Ecommerce
Ecommerce functionality built in.
CMS
CMS functionality functionality built in.
UI Kit
Multiple layout variations built in.
Whirl
$49 USD
Ecommerce
Ecommerce functionality built in.
CMS
CMS functionality functionality built in.
UI Kit
Multiple layout variations built in.
Typefolio
Ecommerce
Ecommerce functionality built in.
CMS
CMS functionality functionality built in.
UI Kit
Multiple layout variations built in.

Want to sell your own website templates?

Check out the review process and guidelines to get started selling your own website templates.

See how
Webflow Responsive Templates