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

Something went wrong.
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:
Replace with below code:
That’s it.
Thank you for subscribing.
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.

Method 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 2
By default, the image gallery Fotoroma thumbnail is set in horizontal view in Magento 2 as shown here:

Find the below line

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.
Never miss Magento tips, tricks, tutorials, and news.
How to Set Image Gallery Fotorama Thumbnail as Vertical View in Magento 2 1
Keeping this point in mind, I have come up with a solution to set image gallery Fotoroma thumbnail as vertical view in Magento 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.
In the view.xml at appdesignfrontendThemesYourthemeetc

Get Weekly Updates

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.
Once you implement the above code, the image gallery will be displayed as a vertical view like this:

/**/

/*.mfp-bg{background:#000000d4}
/*]]>*/

/*.mfp-bg.mfp-ready{opacity:.6}
/*]]>*/

(based on 0 Reviews)