Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
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
@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;}
Thanks!
Thank you
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
Hover Effect
Like This
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...