shopify

Store owners love them, marketing can't get enough of them but as a web developer I have my doubts

Shopify product recommendation quiz section. Features 5 types of filters: type, tags, vendor, price and options.
Section code available on GitHub

Simple, accesibile and performant.
Provide additional explanatory content
and showcase your product features.
Section code available on GitHub

Products can fall into different collection types. This tutorial will show you how to display different product images depending on the collection viewed

Demo: white chairs and black chairs collections contain the same products. The black chair collection will display an alternative variant image

Preload is a declarative fetch, allowing you to force the browser to make a request for a resource without blocking the document’s onload event.

rel="preload" is a hint, a help you throw to the browser, allowing to prioritize critical assets to be loaded fast in a non blocking manner.