Adding products to the home page

I am trying to place our main product in to the home page? I’ve followed all the steps from the tutorials and cant seem to make it work?

https://preview.webflow.com/preview/the-beam-laser-vaporizer?utm_medium=preview_link&utm_source=designer&utm_content=the-beam-laser-vaporizer&preview=327ea96cd4fe6910eccdf74faf901706&mode=preview


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

It looks like you have a collection list added to the home page, but you havent added elements to the collection items. In order to display the product, you must add elements and then link them to fields in your collection list. You have the collection list connected to your products, so you’re most of the way there.

can you please show me or direct me to where I can add elements and then link them to fields in your collection list

Here @Misha_Vladimirskiy,

I just did a rough loom recording. It’s just like styling other elements; you just connect them to your CMS fields.

https://www.loom.com/share/ece64219874f49b0a760f9087a4ff954

If you need more help, just let me know.

AC

That was very helpful one last thing do you know how to link them to the actual products?

Just add a Link Block element and there will be an option to choose to the current product (the purple page icon):

image

I’ve done that but it wont link nothing happens at all

M

Well you need to include something within the Link Block otherwise the user doesn’t have anything to click on—any element with a dashed outline is not actually taking up space. That said, in this case you’ll probably want the image itself to be a link to the product.

If you set the Collection Item to position: relative and then set the Link Block to position: absolute and set it to “Full”, the link block will cover the text and image so that the whole block is clickable:

image