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?
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
I just did a rough loom recording. It’s just like styling other elements; you just connect them to your CMS fields.
If you need more help, just let me know.
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):
I’ve done that but it wont link nothing happens at all
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: