Set Sliding Direction of Fotorama Thumbnails

Are you wondering how in some themes the product thumbnails in product details page are showing vertically and not horizontally as in de the default Magento theme. Let's see how you can quickly adjust that setting.

Lots of properties about your custom theme can be defined under app/design/frontend/<Vendor>/<Theme>/etc/view.xml.

In that file, gallery properties are configured in the scope of the <var name="gallery"> under the <vars module="Magento_Catalog"> element.

The variable <var name="navdir"> is the one responsible about the sliding direction of thumbnails (horizontal/vertical).

Just change it to vertical and the thumbnails will be shown vertically. 

After the change the product thumbnails in product details page will be shown like below.

 

Feel free to share this post and ask your questions in the comments below.

Till next time!