Joffre Ordinola Shopify Developer & E-commerce Specialist
|

Custom Section · Custom JS · Liquid · 2024 · Health & Wellness · Live demo

Native section that auto-detects video aspect ratios and arranges a mixed creator feed — no paid app required.

UGC Video Grid

Problem:

The brand needed to showcase creator content on their landing pages but relied on an expensive third-party video subscription app to handle layout and display.

Solution:

A native section that auto-detects each video's aspect ratio and adjusts the grid layout accordingly. It replaces the paid app with a one-time custom build and no recurring cost.

How it works:

Each video card uses JavaScript to detect the aspect ratio of the uploaded file. Vertical videos (9:16) render in a portrait column; landscape videos (16:9) span a wider cell. A mixed creator feed displays cleanly without manual tagging or layout configuration.

Tools:

  • Liquid
  • JavaScript
  • Custom Section

More projects

See all projects
Price Testing

Price Testing

PostHog-powered A/B framework that tests prices via metafields and injects discount codes at checkout automatically.

Theme Migration

Theme Migration

Full store rebuild on a modern Shopify stack, sections, metafields, and no legacy debt left behind.