How to Change The Product Gallery View to The List View in Magento 2

How to Change The Product Gallery View to The List View in Magento 2

Online shopping is preferred over offline shopping now more than ever due to social distancing and people not leaving their homes due to the COVID-19 pandemic.

Also, E-commerce gives a wide variety to shop from and customers can shop with convenience from the comfort of their home. However, it has its own limitations where the customers can not check the product to and fro and not get the experience of physical examination before buying.

The online store owners consistently try to overcome these limitations and as a part of it, they include the product images in the gallery on the product page. The customers can check the images of the product from different angles and get the idea of the physical appearance of the item.

The default Magento 2 product images are shown as below:

How to Change The Product Gallery View to The List View in Magento 2 - Before

Improving how these images are displayed in the gallery can boost the conversion ratio. One such method to display the product images is to display them in the list view which gives the visitors a chance to view the product images a better way and compare them easily.

Customer convenience and better on-site experience is the first priority of any Magento 2 store owner and hence as a part of it, implement the below solution to change the product gallery view to the list view in Magento 2 for a better view.

Method to change the product gallery view to the list view in Magento 2:

Override gallery.phtml file using the method given here.

Replace the code in that file with the below code:

That’s it.

Doing so, now the product images will be displayed as shown below:

How to Change The Product Gallery View to The List View in Magento 2 1

Any doubts? If so, please mention them in the Comments section below. I’d be happy to help.

Also, do share the post via social media among the Magento developers.

Thank you.

Get Weekly Updates

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

Thank you for subscribing.

Something went wrong.

5
(based on 11 Reviews)

He is a senior Magento Developer at Meetanshi with an aim to serve the best to the store owners. In his free time, he loves to consume digital content with the family.

Leave a reply:

Your email address will not be published.