Displaying products

Design help General
1

I am doing some updates on a site for a client, please note, I have never used Webflow before, I normally use WordPress.

Most of them are easy and I have figured them out, but I have a couple I am stuck on.

They have a number of products that are output to this page
https://www.opesdistribution.co.uk/product-information

As you can see it’s a bit of a mess currently.
They want the products to be displayed more neatly and take up less space, more like Amazon results listing.

I can see that they are being pulled from a product catalog, but I can’t quite wrap my head around how to do this, or how they are formatted.

It is using a collection list, if that helps.

Can anyone point me in the right direction?

2

Well you are asking about design work, more precisely to style a collection list.

• you can quickly edit the style of these elements by yourself, take a look at webflow university

• ask a designer for help

• copy a style from a clonable < last resort but you require a bit of knowledge about the style panel

3

ok, looks like I figured it out already.
It was easier to start from scratch than to try and edit what was already there.

The only issue I am having is setting a product image as a column background.
It just doesn’t display anything.
I can put an image element into the column, and pull that from the product, that works fine.
I can use it as a background for the entire row, that works too.
But when I use the product image for a column (cell), I just get a blank image.