How to Set Image Gallery Fotorama Thumbnail as Vertical View in Magento 2

How to Set Image Gallery Fotorama Thumbnail as Vertical View in Magento 2

The online store design is important for user experience and driving sales. It is quite essential to make sure that visitors find the product details on the web page easily.

Keeping this point in mind, I have come up with a solution to set image gallery Fotoroma thumbnail as vertical view in Magento 2.

By default, the image gallery Fotoroma thumbnail is set in horizontal view in Magento 2 as shown here:

How to Set Image Gallery Fotorama Thumbnail as Vertical View in Magento 2 1

However, some images may look better when shown in the vertical view. Or else, the vertical view may be more suitable based on your Magento 2 store theme.

Hence, you may want to change the image gallery Fotoroma thumbnail from horizontal view to vertical view in Magento 2 which can be done using the below method:

Method to Set Image Gallery Fotorama Thumbnail as Vertical View in Magento 2:

In the view.xml at app\design\frontend\Themes\Yourtheme\etc

Find the below line

Replace with below code:

That’s it.

Once you implement the above code, the image gallery will be displayed as a vertical view like this:

How to Set Image Gallery Fotorama Thumbnail as Vertical View in Magento 2 2

Have any doubts about changing the position of the image gallery in Magento 2? If yes, use the Comments section below for me to help you out.

Also, do share the post with Magento 2 store owners via social media to help them enhance the layout of the product page in their online store.

Thank you.

Get Weekly Updates

Never miss Magento tips, tricks, tutorials, and news.

Thank you for subscribing.

Something went wrong.

5
(based on 13 Reviews)

Milan is a Magento Developer at Meetanshi. Apart from work, he plays cricket passionately. He loves reading books in his free time.

Leave a reply:

Your email address will not be published.