ไม่สามารถเล่นวิดีโอนี้
ขออภัยในความไม่สะดวก
Designing the product page - Webflow Ecommerce tutorial
ฝัง
- เผยแพร่เมื่อ 18 ก.พ. 2019
- In this video lesson, we'll cover building out a product page from a Webflow Ecommerce store that contains several sample products.
----------
Ecommerce guides:
webflow.com/pl...
Get started with Webflow: wfl.io/2r7cVUW
webflow.com
/ webflow
/ webflow
PRO TIP: Adjust playback speed of this video to .05 and pause and rewind as needed. Also, the symbol icon is not in the same place as when this video was created. It's got its own 3d looking square in the left column just under the plus sign.
Wonderful, now I have one single product on my product page and any other div block is a replica of the same product.
I followed this tutorial and made a great page for Web display - it wasn't responsive at all however. I'm now having to create new layouts for each breakpoint
Congrats - can't wait to start playing around with this :)
Revolution has begun...
"what does paragraph 17 mean? nobody knows." This made me laugh
@Webflow I've made a product page and it works awesome-just as you said! However, I'm having a hard time linking the pages to anything. How do I link the product pages to a button? Say from the home page to a product?
Hey Josh, good question. You can add a button, link block, or text link to the homepage and paste the product's url into the link settings. If you want to link dynamically to product(s) then first add a collection list element and connect it to your Products collection. Then optionally filter the list to only show the desired products. Here's a link to an article that goes more in-depth on filtering a collection list. university.webflow.com/lesson/filter-collection-lists
@@Webflow That likely would have worked! In the mean time: Under Link Setting, I chose "URL" and then use this /Product/Landing-Pad-Roof-Rack. Product is the name of my Product template page. Landing Pad Roof Rack is the name of my item for sale. Thank you as always!!!
I created the page, but it was completely messed up on mobile and smaller devices. Anyway you can let me know how to optimize it for all the other devices? I tried fixing it separately, but it keeps inheriting the desktop changes.
Exactly the same issue here
how tf is there still no answer to this comment after 2 years
I've watched this 6x and still have no clue what categories do. Linking products to a category has no effect on calling certain products rather then after linking a collection list to it and there is also no difference in elements added to ones that are linked and are not. No clue at all what collections should do or even does do.
how does one navigate to the products template page after publishing?
Did you ever end up figuring this out?
@@adlsenna383 I did. But I forgot already. Haven't worked on it in a bit. Got busy with other stuff.
Please add 'Sort by Price Low to High and High to Low'
Hey! I have a little problem with the Cms product page, I brought all information about the product from Cms using collection etc., but when I switch to another product page, nothing happens! The image, Information, everything still the same, I don't know why!
Hello did you make a video about How to add a video on the product page ? for the customers to see how to use the product, thanks you
Webflow & Figma are and will be two of the most disruptive design/development tools of this decade.
Period
Is it possible to customise the drop down menus on the product page?
this. is. great.
THANK YOU
I followed step by step and when I drag in a heading (5:33) it creates four boxes.
Did we get a solution on this, same here
Thanks a lot really helped
amazing!
How about variable products? i can't see the product fields, upload file for each product, custom fields for buyers to type notes, delivery address, time, check boxes, price calculation based on measurement, conditional fields based on selections, minimum order quantity, none of the videos showing the client dashboard, when they place an order, what is their dashboard looks alike? what options do i have to offer? How do i setup delivery information? I can't find 1 useful video that shows the product variations options and fields.
For product variants, we have a separate article for that: university.webflow.com/lesson/create-product-options-and-variants
Hope this helps 😀
@@Webflow can you upload file when ordering for printable customised products??
Does Webflow have a digital download product option?
Not yet but it's in development. I'm waiting for that too so we can start our digital store as well.
You can use an download link from dropship
Webflow gives me morning wood. Do I need to get out more?
Can you upload file when buying the product? Can i upload a custom image to print on it and buy so the owner can print it on the product and ship it to buyer?
To let a customer upload a file during the purchase process may be possible. However, you'll need to integrate third-party platforms, like Zapier and UploadCare, to make this happen.
Is it legal to use cloneable templates for commercial purpose
No sign in sign up yet? Thank you
Once we complete this how do we display it to our customers/product page?
Did you ever figure this out?
So I assume you would then duplicate this and change the product for each product you have?
Hi Sam! The video shows you how to design the product template page, which means the pages for all your products are automatically created using this same design. In fact, we show you this in this very same video at minute 1:23, 2:37, and 5:17.
I hope this is helpful. If you have any other questions, please don't hesitate to reach out to us, and we'll be happy to help! You can reach out to our customer support team here: university.webflow.com/contact
I offer solutions with WooCommerce. Will check if that is an option to it. Thanks, great solution