Liquid, JavaScript, themes, sales channels
Good day! Can someone help me on how can I reduce the zooming effect on my product when the mouse cursor points?
https://faxcable.com.ph/collections/ict/products/apple-macbook-pro-16-inch-pre-order-only
Solved! Go to the solution
This is an accepted solution.
@IamLLIIME, do this to fix it in 20 seconds:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
[id] .zoomImg{
width: 500px !important;
height: auto !important;
}
You can modify the 500px value to anything you wish. This means basically how large the hovered image's width will be. Height is automatically calculated by the browser depending on the aspect's ratio.
Kind regards,
Diego
It has to be checked in JS @IamLLIIME
This is an accepted solution.
@IamLLIIME, do this to fix it in 20 seconds:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
[id] .zoomImg{
width: 500px !important;
height: auto !important;
}
You can modify the 500px value to anything you wish. This means basically how large the hovered image's width will be. Height is automatically calculated by the browser depending on the aspect's ratio.
Kind regards,
Diego
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