Web Analytics

Fill the form & Get Installation Support

    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

        Let our Magento expert connect to discuss your requirement.

          We offer Magento
          certified developers.

          Our Magento clientele
          is 500+.

          We sign NDA for the
          security of your projects.

          We’ve performed 100+
          Magento migration projects.

          Free quotation
          on your project.

          Three months warranty on
          code developed by us.