I want to add next and previous button below product image

New Member
1 0 0

Hi, I have the narrative theme, and when you navigate to a product page, you can click on the image to show other images of the same product, and it will show you then, next and previous buttons to switch images and it will show you X to close and get back to the product page. I would like to add those buttons below the product image, so the user can switch between images without the need to click on the image.

Screenshot showing the buttons that show below a product image after it has been clicked:

Screen Shot 2020-09-24 at 6.04.53 PM.png

Screenshot showing where do I want the buttons placed on the product page:

Screen Shot 2020-09-24 at 6.05.02 PM.png

I can edit the theme code, but being unfamiliar with shopify makes me hesitant to place any edits that I created myself. I would be really grateful if someone can guide me on where to place the code to be able to switch between product images without the need to press on the image itself to show slideshow.