Shopify themes, liquid, logos, and UX
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...
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025