Hey Shopify Community!
I am trying to add arrows to the collection grid on the product pictures in order for it to switch between pictures of the product when mouse left click.
From before the theme has an autoplay feature when hovering which we would like to keep. So what we would like to do is to add the arrow option so that the customer can choose between hover autoplay and mouse click to switch between pictures of a product.
I have noticed that the theme has built in animation of the arrow in js which I am able to activate, please see below for an illustration. 1. The problem is that when i click on the arrow, instead of switching between pictures, I am redirected to the product page... 2. Arrows are placed on just above center on each side of the picture, we would like move them a little down so that they are more centered (symmetrical) on the each side.
What are the steps to take?
Thanks for your attention.
Sorry for facing this issue, it's my pleasure to help us.
Welcome to the Shopify community!
and Thanks for your Good question.
Please share your site URL,
So I will check and provide a solution here.
thanks for update
sorry, i can't see the collection grid slider code or maybe your theme allows slider so please check the theme setting.