How to set fotorama thumbnail as vertical

Question

I am using magento 2 porto theme. In product details page i need to set the thumbnail of fotorama slider to left as vertical. Is it possible?? Please help

VIPIN A ROY · Accepted Answer · 2016-09-27T08:38:59.860

26

Go to the the file app/design/frontend/Vendor/Theme/etc/view.xml

We can see a variable navdir.

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

By default it is set as:

<var name="navdir"> horizontal</var>

Change the code like this:

<var name="navdir"> vertical</var>

to make the thumbnails as vertical.

edited Sep 27 '16 at 08:38

answered Sep 27 '16 at 05:33

VIPIN A ROY

1,761
5
28
41

Amazing response. I was actually in big trouble which is solved. Thank u – Akhaya Satapathy Sep 27 '16 at 08:09
1

Is there any need to compile theme after doing this changes? – Sagar Kodte Jan 30 '18 at 12:04
1

After doing this.. thumbnail navigation that is thumbnail arrows not working. I checked in html there is disabled class is applied for this both top and bottom arrows. Any solution? – Sagar Kodte Mar 20 '18 at 09:15
Bootstrap can break Fotorama, may need to add ".gallery-placeholder{width: 100%;}" to your css – Memonic Jun 13 '19 at 17:06
If that file doesn't exist, then it needs to be created, and have the correct XML tags in. It should look like this: ` vertical ` – Smithee Nov 17 '20 at 11:39

How to set fotorama thumbnail as vertical

1 Answers1