Cannot change images in free "Store" template

Design help Layout & Design
1

Hello everyone,

I am currently trying to build a website using Webflow’s free “Store” template for a family seafood business.

The template does not allow me to change photos in the “featured products” section. When I try to add different photos, it ends up using the same photo (and text) for all of the photos.

Does anyone know how to fix this? I would appreciate any help as this is urgent and the business needs a functional website very soon.

For reference, my website is https://juns-fresh-seafood.webflow.io/.

Here is my site Read-Only: https://preview.webflow.com/preview/juns-fresh-seafood?utm_medium=preview_link&utm_source=designer&utm_content=juns-fresh-seafood&preview=cb7e7f5f66f7c7562871aa28b2cecbbc&workflow=preview
(how to share your site Read-Only link)

2

The reason the template is reusing the same image and text is because the section you are trying to edit is using a Collection List. The way collection lists work is that it pulls data from a CMS Collection to populate the data dynamically, so that way you only need to build the Featured Product once instead of having to do it manually many times.

To get this to work, you need to click the Product Image Wrap element, go to Settings, and then pull the BG image from the Main Image in the Dynamic Style Settings section.

image
image1876×922 119 KB

You can follow the same steps for the Text Blocks to have it dynamically pull the product name and product price as well.

Keep in mind that this is pulling from the eCommerce Products CMS which can be accessed from the Shopping Bag icon in the far left sidebar.

Here’s a tutorial that may be helpful when it comes to using CMS Collections: