I’ve designed an ecomm product page in Photoshop, but I don’t know how to recreate it in Webflow.
I understand the basic idea of creating sections, and using div blocks and grids to organize content, but how do I make something as detailed as my Photoshop design?
This short video explains and shows what I’m talking about:
Okey, The first thing is that Webflow has no subscription plans yet. It’s something that will come soon I hope Doing the structure will be very easy using divs and flexbox. You can go to Webflow University and find some videos about flexbox. CSS Grid can help too. I’m not sure about the reviews and how they can be implemented. I will suggest watching some videos to get around the structure first and how you can make the design
I use sections, divs, and grids. Divs are really handy for grouping elements together, and I think I finally understand the correct way to use flexbox vs block vs inline block. I hope )
What about the part in the video where I show the interactive changes that happen when I select one radio button, then the other?
Btw, my intention is to design everything in Webflow, then use Udesly to port it over to Shopify.
Yea, Webflow is hard at the beginning The best thing is actually knowing some basic html and css. Go check some videos about the box model, html basics and css basics. Knowing the concepts is very useful.