Images not showing under 'All Products' page in Dawn Theme.

[TLPiggy]

Does anyone know how to fix images not showing under 'All Products' page?  I made a page that just says 'All Products' and linked all the products individually, since I didn't make a collection page.   But the issue I'm having is the product images don't show unless you click on the item.  Until then, it's just a big empty space with only the product name and price underneath.

[qasim_dev1]

Hey @TLPiggy I hope you are doing well. 

I can understand the issue that you are facing. This issue maybe ovveride coding that insist the first image to remain not visible while the hover/Second one image show.

To fix this issue could you please share your Store URL and and password [if applicable] so that I take a look and provide you solution code.

Thanks

[TLPiggy]

https://thislittlepiggytx.myshopify.com/

Password is 1234

[TLPiggy]

Website is  https://thislittlepiggytx.myshopify.com/

Password is 1234

[qasim_dev1]

Thank you for sharing the URL.

I just check the main issue that causing the first image not showing. Just follow these steps to fix the issue.

1. Go to Shopify Admin.
2. Click on Online Store.
3. Select the theme and then click on three dots > Edit code.
4. In the Edit code search for component-card.css file and paste the following code in the end of the this file.

.card__media .media{
position: static !important;
}

Results:

[qasim_dev1]

May I know why my solution not work for you? Did you try it?

[TLPiggy]

It was the issue Tim stated, but I appreciate your help and thank you for working with me!

[tim · Accepted solution]

Nah, it's not like said above -- you've accidentally broken you assets/base.css:

Highlighted line should not be there. When you remove it, your product card images will return (as a number of other things).

Original file for reference: https://github.com/Shopify/dawn/blob/release/15.2.0/assets/base.css 

[TLPiggy]

THANK YOU!!!!! Oh my gosh I can't believe that caused this whole headache.  I truly appreciate your help!