Our Feature Items: SM Market // SM AutoStore // SP Revo
Shopping cart (0)

How to Change Hover Image in Market Magento 2 Theme

Rate this item
(0 votes)
Written by  Hoant
Thursday, 14 April 2022 16:07


SM Market Magento 2 Theme allows customers to view another image of your product just by hovering over a product. Customers will not have to spend a lot of time on the details page. In this article we will show you how to configure to display a different image when hovering on the product

Create Product Attribute

Step 1: To create a product attribute please go to: Store >> Attributes >> Product >> Add New Product

Step 2: Go to Store >> Attribute >> Attribute Set >> Click "Default" >> Then in the Unassigned Attributes column drag the "sm_hoverimage" attribute into the Groups column >> Click button "SAVE"

Set The Hovered Image

To Set “Hover image” role for hover image to specify the next image to display on hover please go to Catalog >> Product >> Edit Product >> Scroll Down "Images and Videos" tab >> Select the image you want to display when hovering over the product and click "hover image".


On Magento 2 storefront, when customers hover on the product, it will switch to another image, which gives customers a better view of the product without navigating to the product page.

Thank you for using our theme!
Hope that your business will succeed and boost your sales dramatically!
Joomla TemplatesFree Joomla TemplatesVirtuemart TemplatesK2 TemplatesJoomShopping TemplatesHikaShop TemplatesSobiPro TemplatesOpenCart Themes
Quà Tết Cao Cấp Hộp quà tết Giỏ quà tết Túi quà tết