Return to previous page

How to change a single product image zoom icon

This topic has 4 replies, 2 voices, and was last updated 2 years, 10 months ago ago by Olga Barlow

ROBIUL ISLAM

Participant

April 13, 2021 at 15:02

How to change a single product image zoom icon on a single product page?

#283796 Copied Theme version: 7.2.7 WooCommerce version: 5.1.0

3 Answers
Olga Barlow

Support staff

April 13, 2021 at 19:24
Hello,

Can’t check your site https://prnt.sc/11cc40r
You can change the zoom icon image using custom CSS in Theme Options > Custom CSS
```
.zoom-on .main-images img.zoomImg, .zoom-on .main-images a.zoom {
    cursor: url(add_URL_to_your_icon_here) 16 9, zoom-in;
}
```
Regards
#283866 Copied
ROBIUL ISLAM

Participant

June 7, 2021 at 15:35

How to enable this icon or option?
https://drive.google.com/file/d/1umeCzH-srYlrW_fS9rbqW-KndNuWQi9m/view?usp=sharing

#290164 Copied
Olga Barlow

Support staff

June 8, 2021 at 08:24
Hello,

Add the below code to Theme Options > Custom CSS
```
.zoom-on .main-images img.zoomImg, .zoom-on .main-images a.zoom {
    cursor: pointer;
}
```
Regards
#290231 Copied
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘How to change a single product image zoom icon’' has been successfully resolved, and the topic is now closed for further responses

How to change a single product image zoom icon

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection