Hi,
i want to turn my mouse cursor into a left or right arrow when hovering of the product image on the single product page.
Im using the prestige theme.
Basically it should work similar to the mouse hover in this example:
https://webdesign.tutsplus.com/tutorials/quick-tip-how-to-manipulate-cursor-appearance-with-css–cms-31825
If your mouse is on the left side of the image the cursor turns into a left facing arrow and when you click you are brought to the previous image, if your on the right side the cursor is a right facing arrow and on click you go to the next image.
any help would be very much appreciated.
thanks
Linus
Show your work so far, or a public url for others to inspect the current state of the theme.
https://community.shopify.com/c/shopify-design/help-us-help-you/td-p/668159
Regardless this is an advanced theme customization that may require modifying several files.
Prestige theme also has things like click to open gallery and image scrolling that have to be accounted for.
If you need to pursue this customization you can contact me directly, contact information in forum signature, please provide context: post url, store/example url , theme name, project detail.
im using this code for the arrow hover right now:
on my hover right now the arrow is always pointing to the left, as if the offsetLeft is not working correctly.
when i resize the window to a mobil view it works.
how to get the onclick action to actually switch to the next img would then be the next step.