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!
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...
User | RANK |
---|---|
155 | |
127 | |
80 | |
73 | |
69 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023