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.
1 Like
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
https://thislittlepiggytx.myshopify.com/
Password is 1234
Website is https://thislittlepiggytx.myshopify.com/
Password is 1234
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.
- Go to Shopify Admin.
- Click on Online Store.
- Select the theme and then click on three dots > Edit code.
- 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:
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
May I know why my solution not work for you? Did you try it?
THANK YOU!!! Oh my gosh I can’t believe that caused this whole headache. I truly appreciate your help!
1 Like
It was the issue Tim stated, but I appreciate your help and thank you for working with me!