Hippo Store - Custom Shopify Theme

Overview

A heavily customized storefront built on the Shopify Impulse theme for Hippo Elite, an Indonesian store selling power banks, chargers, cables, and audio accessories. I extended the theme with a family of "hippo" sections and product cards that merchants can configure entirely from the theme editor, each shipping with schema settings, blocks, presets, and translated labels. Interactive pieces are written as ES-module web components with typed events and JSDoc-checked JavaScript, and updates use the Section Rendering API with a custom DOM morphing engine. On the product page I added cursor-follow image zoom, a thumbnail gallery synced with variant selection, share and copy-link, and specs, certification chips, and FAQs driven by metafields and metaobjects. The storefront also gained faceted search filters, mega menus, horizontal scroll-snap sliders, a shop-by-category section, buy-now, and full Indonesian localization with a language switcher.

What I Built

• Built a library of "hippo" sections and product cards that merchants fully configure in the theme editor, with schema settings, blocks, presets, and translated labels
• Wrote interactive features as ES-module web components with typed events, JSDoc-checked JavaScript, and Section Rendering API updates
• Enhanced the product page with cursor-follow image zoom, a variant-synced thumbnail gallery, share and copy-link, and a quick view with variant picker on cards
• Drove product specs, certification chips, and FAQs from metafields and metaobjects instead of hardcoded content
• Added faceted search filters, hover and sidebar mega menus, horizontal scroll-snap sliders, and a shop-by-category section
• Localized the storefront into Indonesian with a language switcher and fixed cart state on back/forward cache restore

Tech Stack