How to change the comparison icons on the product page and quick view page?

ThemeBurn SupportForumsOpenCart ThemesKiddos OpenCart ThemeHow to change the comparison icons on the product page and quick view page?

This topic has been marked as resolved.

How to change the comparison icons on the product page and quick view page? I changed the icon everywhere in the theme settings, updated the opencart cache, theme cache and browser, but the icon has not changed.

May 26, 2018 at 3:06 pm #64392

Hi,

Unfortunately we haven’t provided an option to change the these icons. You will need to modify the template manually (or use vQmod/ocMod).

1) Open catalog/view/theme/BurnEngine/template/product/product.tpl

2) Find these two lines:

<a class="tb_icon_10 fa-heart" href="javascript:;" onclick="wishlist.add('<?php echo $product_id; ?>');"><?php echo $button_wishlist; ?></a>

...

<a class="tb_icon_10 fa-retweet" href="javascript:;" onclick="compare.add('<?php echo $product_id; ?>');"><?php echo $button_compare; ?></a>

3) Replace the icon classes with those that you want:

fa-heart
...
fa-retweet

You can find an icon reference here:

https://fontawesome.com/v4.7.0/cheatsheet/

BR,
ThemeBurn team

May 28, 2018 at 9:47 am #64409

Thanks – now everything is working fine!

May 28, 2018 at 7:09 pm #64430

Glad we’ve helped!

BR,
ThemeBurn team

May 29, 2018 at 1:25 pm #64456
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.