Time to tackle the build of my product grid on my category page and my store front!
AD – Proudly sponsored by Webflow: https://wfl.io/product-grid
Webflow now has Ecommerce! That means you can build online stores just as easily as you can any other website or landing page by coding it visually. In this series I’m taking you through the whole process of building out my own online store as part of my personal website.
In this episode I’m showing you how I build out the product grid on my category page, and also do something special for my store front. You’ll see some more fun interactions created in this one! Hope you enjoy it, and as usual if you’ve got any questions about the process, leave ’em down below in the comments.
Episode one: Store setup https://youtu.be/6h4gAfSdZQ4
Episode two: Product page https://youtu.be/H8wg9T5j7Hw
Episode three: Category page & storefront (this video!)
Episode four: Shopping cart – coming Feb 15th
Episode five: Checkout & order confirmation – coming Feb 16th
Episode six: Emails & ads – coming Feb 17th
Start building an online store for yourself or your clients using Webflow: https://wfl.io/product-grid
// ENJOY MY VIDEOS?
My videos no longer have pre-roll ads because I think ads are annoying. That means you don’t have to sit through ads, and it also means I don’t earn anything from the content I put on YouTube. If you want to support me and my channel the best thing you can do is join my Patreon!
You’ll get tons of extra content and ways to learn, like behind-the-scenes process info, downloadable assets or even a monthly group Google Hangout! Choose your tier and sign up here:
// ABOUT ME
Hello there! I’m Charli and I’m a web and graphic designer from New Zealand currently living in London and posting design videos every Saturday about tools, projects, and concepts and vlogs every Tuesday about my life as a designer. Please subscribe and say hi in the comments so we can be friends 🙂
Online apparel store: http://linernotekids.com/
Design portfolio: http://charlimarie.com/portfolio
My sister SmayJay’s channel: http://www.youtube.com/frangisamme
// MUSIC & TECH
Music: YouTube Audio Library
My gorgeous intro animation was created by hand lettering animator Austin Saylor, you should hire him to do yours too: http://www.austinsaylor.com/
This video is part of a paid promotion by Webflow, my favorite website building tool!
View on YouTube