Greenbelly

Category

E-Commerce
Website

Shopify website redesign implementation and migration to Online Store 2.0. Building custom reusable elements and a robust structure for pages to match company's vision.

Technologies

Challenge

The client wanted to re-vamp the existing Shopify website, keeping all the articles in place but allowing to group them into categories. The articles were created using the standard Page from Shopify and not the Blog option. Moving them to blogs was not an option, meaning that we needed to find a different way of grouping them.

Other requests included: a way to generate sortable tables that a non-technical person can use, templates for display products inside the pages with pros/cons, affiliate link, category pages automatically updated based on pages, each author to be able to manage his bio details, related posts at the end of articles, an improved overall mobile experience.

Solution

We created a custom Shopify theme as a branch from one of the official themes offered by the platform. The theme supported the new Shopify implementation for Online Store 2.0.

To address all the customization and especially the new structure and relationships between pages, we implemented custom fields that will hold meta data relevant to the features required.

Page templates and elements were created and delivered them in HTML format as well in shortcodes format so the authors can use them to generate elements on the page and have them match the style and structure everywhere on the site: product lists, tables, pro/cons sections, affiliate links, etc.

Key features

Mega menu

Provide option to generate and manage a mega menu which can include different types of content

Table optimization and sorting

Allow any type of table on pages to be sorted based on the column heads

Dynamic reusable elements

Create elements that can be reused anywhere on the pages and managed in a centralized way with custom fields and settings

Multiple templates

Provide different template options for pages that can be used depending on the type of page it’s going to be created

Centralized Author Bio

Allow authors to have a centralized bio option that gets inserted automatically on pages created by them

Custom fields

Used to allow meta storing for products and articles, that can be used via templating to automatically populate across the site

Pros/Cons Affiliate Product

Reusable Pros/Cons element that contains image, affiliate link, price, description, and title. Works great on articles that have the structure of "top 10".

Article structure

Custom template for articles that allows display of category, secondary title, table of contents and featured image.

Author bio and upsell

Centralized author bio and upsell elements. The upsell element can be embedded anywhere on the page, making it easier to increase engagement.

Mega menu

Dynamic mega menu with a variable number of columns that can be controlled per individual menu. Allows linking articles, categories, or custom links.

Are you ready to start a project with us?

Get a Quote