shopify

Shopify applications front-end performance, the good, the bad and the ugly.

Posted by Mircea Piturca on

Shopify applications front-end performance, the good, the bad and the ugly.

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

Read more →

Shopify Product Quiz

Posted by Mircea Piturca on

Shopify Product Quiz

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

Read more →

Shopify Product Tooltips / Toggletips

Posted by Mircea Piturca on

Shopify Product Tooltips / Toggletips

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

Read more →

Different product images on collections

Posted by Mircea Piturca on

Different product images on collections

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

Read more →

Shopify self-hosting & preloading fonts

Posted by sectionsdesign Admin on

Shopify self-hosting & preloading fonts

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.

Read more →