Problem with Product Images while in a Collections list

Technical Q&A
1

Why are my product images showing like this when a collection is pulled up? Once you get into the products the images are fine. It looks like there are two columns here.

https://www.friendsandfiberworks.com/collections/classes-with-heidi-sunday

Screen Shot 2022-07-15 at 3.44.58 PM.png
Screen Shot 2022-07-15 at 3.44.58 PM.png2542×1476 341 KB

Does anyone have any ideas?

Linda

2

Hi @LisaFandF ,

For some reason, your images are set to position: absolute and left position is not provided. Please add the code below to fix the issue.

  1. From your Admin store, go to Online store > Themes > Click Actions > Edit code
  2. Open the Asset folder, and find the theme.scss file.
  3. Add the code below.
.collections__content__item__img-c__swatch-imgc__img--variant {
    left: 0;
}