Web Analytics

Fill the form & Get Installation Support

Magneto 2: How to set image gallery thumbnail as vertical?

Here, we will see,  how you can set the thumbnail of fotorama slider in product view page to left as vertical in Magento 2.

Magento uses the view.xml file for gallery and magnifier theme settings.

For example, if you are using the default theme luma, you should find the view.xml  at vendor/magento/theme-frontend-luma/etc/view.xml.

In this file, we can see a variable navdir under <var name=”gallery”> node.

This variable has the ability to change the thumbnails alignment in Fotorama.

To set the thumbnails as vertical, you need to change the code as below:

You can define your own custom view.xml file in your theme at app/design/frontend/THEME-VENDOR/THEME/etc/view.xml,  and change navdir as per your requirement.

Are you having any query with your Magento store?
Fill the form below to hire Magento expert(s).
Fill the below form if you have any Magento programming need.

    Recent Articles

    Author Info

    Author Image

    Magento Certified Developer

    Hire V. Brahmbhatt

    Get a Free Quote

      /* second popup */

      Connect With Us