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.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024