[code: BLACK22FRIDAY] Enjoy BlackFriday and Get 40% OFF Storewide
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

Introduction

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".

Storefront

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!
Google+
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