Dawn Theme Product Images not loading

incorpmedia
Shopify Partner
3 0 0

I can't figure out why the product images on my collection pages are no longer loading. Can anyone help out? Thanks! Here's the link: https://evil-bikes-2-0-dev.myshopify.com/collections/gear?page=1

Password: aoflao

Replies 5 (5)

suyash1
Shopify Partner
9077 1129 1479

@incorpmedia - please add this css to the very end of your base.css file and check

.card .media{position: relative !important;}
.card__media .media img {position: relative !important;}

 

suyash1_0-1674271851282.png

 

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
incorpmedia
Shopify Partner
3 0 0

Thanks!

ljfxf
Shopify Partner
2 0 1

Thank you

oscprofessional
Shopify Partner
15830 2369 3072

@incorpmedia 

Hello,

.card .media {
	position: relative !important;
}
.media img {
	position: relative !important;
}
.card-wrapper:hover .media.media--hover-effect > img + img {
	position: absolute !important;
	top: 0;
	left: 0;
}

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

Like this

oscprofessional_0-1674281446540.png

 

Hover Effect

oscprofessional_1-1674281486011.png

 




Like This


Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
incorpmedia
Shopify Partner
3 0 0

Thanks! Now I need to figure out why the image is not filling up the grid like it should. Here's what it should look like as the Dawn theme demo: https://themes.shopify.com/themes/dawn/styles/default/preview?price%5B%5D=free&surface_inter_positio...