Shopify themes, liquid, logos, and UX
Hi all,
1: Is there anyone here that could help with adding hovering effect for product images?
2: I can't seem to find how to add a next button to show the next picture on the product image as well.
Eg.
3: My product image on mobile is messed up too.
Solved! Go to the solution
This is an accepted solution.
Please remove previous css and add this new css code
@media (max-width: 767px){
div#CollectionSection .medium--one-half {
width: 45% !important;
}
#CollectionSection .grid-uniform {
list-style: none;
margin: 0;
padding: 0;
margin-left: 0px !important;
}
div#CollectionSection .grid__item { padding-left: 40px !important;}
}
Please share your store URL!
Thanks!
Please share your store password becouse your store is password Protected.
Thanks!
Please check following screenshot slider button allready display
This is an accepted solution.
Please remove previous css and add this new css code
@media (max-width: 767px){
div#CollectionSection .medium--one-half {
width: 45% !important;
}
#CollectionSection .grid-uniform {
list-style: none;
margin: 0;
padding: 0;
margin-left: 0px !important;
}
div#CollectionSection .grid__item { padding-left: 40px !important;}
}
add following css your theme.scss.liquid or timber.scss.liquid bottom of the file.
@media (max-width: 767px){
div#CollectionSection .medium--one-half {
width: 48% !important;
}
#CollectionSection .grid-uniform {
list-style: none;
margin: 0;
padding: 0;
margin-left: 0px !important;
}
}
Thanks!
Thanks!
I have added the code, but the mobile view product image still does not change.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024