cancel
Showing results for 
Search instead for 
Did you mean: 

How to change compare icon in product detailed page?

SOLVED

How to change compare icon in product detailed page?

i wanto change compare icon in product detailed page for more info please find the attached image 

Image Url

1 ACCEPTED SOLUTION

Accepted Solutions

Re: How to change compare icon in product detailed page?

Hi @sekhar_n ,

It is coming from following css class.

.product-addto-links .action.tocompare:before, .moved-add-to-links .action.tocompare:before, .product-social-links .action.tocompare:before {
    content: '\f83b';
}


You can add background image in the same css.

.product-addto-links .action.tocompare:before, .moved-add-to-links .action.tocompare:before, .product-social-links .action.tocompare:before {
    background-image:../wishlist.png
}

add the image path. 

I hope it wil help you!

 

View solution in original post

3 REPLIES 3

Re: How to change compare icon in product detailed page?

Can you give me your Shop Url please?

Re: How to change compare icon in product detailed page?

Re: How to change compare icon in product detailed page?

Hi @sekhar_n ,

It is coming from following css class.

.product-addto-links .action.tocompare:before, .moved-add-to-links .action.tocompare:before, .product-social-links .action.tocompare:before {
    content: '\f83b';
}


You can add background image in the same css.

.product-addto-links .action.tocompare:before, .moved-add-to-links .action.tocompare:before, .product-social-links .action.tocompare:before {
    background-image:../wishlist.png
}

add the image path. 

I hope it wil help you!