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;}
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 |
---|---|
211 | |
147 | |
67 | |
46 | |
43 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023