Today, we are going to learn how you can change thumbnail in image gallery fotorama for any product page from horizontal to vertical.
Sometimes there are images that look better when their alignment is set as vertical rather than horizontal. You might want to change that, but you found no solution for that.
Well, we are here to solve the issue you are having. With the help of view.xml file for a gallery that is used by Magento, you can shift the view of your images from horizontal to vertical and vice-versa as you need.
Follow the instructions given below to set gallery fotorama thumbnail as a vertical view on the product view page.
Find a variable named navdir at given below path:
app\design\frontend\Themes\Yourtheme\etc\view.xml
You need to replace the below code:
You can define your own custom view in the same file at the given path.
You can also set your custom view on mobile devices as well. To do that you need to define the condition for mobile in the available breakpoint variable. Change the alignment of image thumbnail as vertical or horizontal by placing navdir variable, as shown below.
for code and information visit this: https://magecomp.com/blog/set-image-gallery-fotorama-thumbnail-as-vertical-view-in-magento-2/