Advanced

Live Build

Ecommerce Site | Home Page

Ecommerce Site | Home Page

44:43

44:43

ENROLL IN THIS MASTERCLASS TO VIEW THIS LESSON

The end-to-end ultimate Framer masterclass course.

Resources: Ecommerce Starter Kit

Frameship Discount Code

Now that your Shopify products are synced, it’s time to build your storefront. In this lesson, you’ll create a fully custom homepage powered by real CMS data, laid out just how you want it.

What You’ll Learn:

  • How to build a Shopify homepage using CMS collections

  • Structuring content with product data from Shopify

  • Designing a custom layout that pulls in live products

  • Organizing pages under a shop-specific route

  • Tips for blending e-commerce and editorial content

Now that your Shopify products are synced, it’s time to build your storefront. In this lesson, you’ll create a fully custom homepage powered by real CMS data, laid out just how you want it.

What You’ll Learn:

  • How to build a Shopify homepage using CMS collections

  • Structuring content with product data from Shopify

  • Designing a custom layout that pulls in live products

  • Organizing pages under a shop-specific route

  • Tips for blending e-commerce and editorial content

Making Money

Making Money

TEACHER

TEACHER

Ryan Hayward

Ryan Hayward

Official Framer Mentor, Founder @ Insert Frame

Official Framer Mentor, Founder @ Insert Frame

LESSON ID:

LESSON ID:

ufm-advanced-e-002

ufm-advanced-e-002

Home

Lessons

Search

Plugin

Badges

MASTER FRAMER AND BECOME A MORE VALUABLE DESIGNER

$299

$500

MASTER FRAMER AND BECOME A MORE VALUABLE DESIGNER

$299

$500