IceCartel

Moissanite Jewellery

Live Project: https://icecartel.com
Overview:

I worked with the team at IceCartel for over a year, initially on a completely new product page for them. I then created many more custom sections, integrated a number of apps and made tweaks. For the vast majority of these, they provided a Figma design with how they would like it to look, which I implemented.

Collections

For collection sections, IceCartel have always used an app called "AI Search & Product Filter | SB". The app generally performs well, but is limited in default customisation options so the version that now exists on the store is completely customised through CSS.

There is also a large amount of HTML/javascript that I have added for some additional features, such as the image changing on hover, additional text throughout and video icon in the corner.

Product Page

The product page was the first project assigned to me by IceCartel, but it has since had many small changes and features added. It is completely custom built based on Figma designs they have provided.

The highlights of this page include: the image display; the custom variant selection and the recently added accordions in the sidebar, but there are many features to explore.

Reviews

Although they use Loox on the store, IceCartel wanted a section where they could choose the reviews, images and content shown on them. I created a section where the first few rows are shown, and the rest can be seen by clicking the load more button.

We ran into a problem of hitting the Shopify limit of 50 blocks in a section so I created a new section called "Reviews Extension", which used Javscript to allow them to add more reviews.

Banners

I have made several banners and tweaks to existing banners over the year based on designs provided. Some of these have been to showcase the store offers, and some to direct customers to external sites, such as Etsy, to complete their purchase if they prefer that method.

Articles

IceCartel asked me to make a few tweaks to their blogs. The biggest change was the addition of the right sidebar with the share buttons, email signup and table of contents.

The table of contents works by automatically detecting h2 tags on the page and populating the table with them. This means that it works automatically for all current and future articles

Recently Viewed

This section works by storing the pages that the user has recently looked at in local storage. Then, when this section is loaded on a page, it pulls the data from the storage and renders the cards as seen below.

App Integrations

A number of app integrations are present throughout the store, such as Affirm payments, Rebuy cart drawer and Loox for product reviews.

Youtube Videos

This section allows youtube urls to be added from the theme editor.

Initially we ran into a problem as the default youtube embed slows the page a lot so I edited it to pull in the video thumbnail first and only load the full video and player when the play button is clicked.

IceCartel Footer

A number of changes were made to the footer, such as: the blue bar at the bottom with the country selector and payment icons; the ability to put menus above/below each other on desktop from the editor and new social media icons that are more in line with the rest of the store design.