In this tutorial, Today I will explain to how to set fotorama gallery thumbnail as vertical view in Magento 2. Sometimes, as per the design of the website you need to change fotorama gallery thumbnail alignment to make better look of the website.
By default, Magento 2 provide horizontal view of fotoram image gallery thumbnail. Now, you need to require to set vertical alignment of fotorama gallery thumbnail then, you need to require the below steps for that.
You may also like this :
You need to copy view.xml from your parent theme and paste that file at app\design\frontend\<VendorName>\<ThemeName>\etc\view.xml
Now, find keyword navdir in your view.xml file and replace the value :
From :
<var name="navdir">horizontal</var>
To :
<var name="navdir">vertical</var>
Now, You just need to clean cache. That’s it !!!
You can see here in below screenshot that now thumbnail is display as vertical in fotorama gallery.
Output :
I hope this blog is easy to understand how to set fotorama gallery thumbnail as vertical view in Magento 2.In case, I missed anything or need to add some information, always feel free to leave a comment in this blog, I’ll get back with a proper solution.
Stay Safe and Stay Connected !!
