Post by dpthinker » Tue Jan 20, 2015 11:04 am

Anyone know how I can change the wish list icon from a heart to something else?

Thanks!

Newbie

Posts

Joined
Thu Jan 08, 2015 10:29 am

Post by viethemes » Tue Jan 20, 2015 11:14 am

dpthinker wrote:Anyone know how I can change the wish list icon from a heart to something else?

Thanks!
Yes, the icon can be changed but it requires to a extension to modify it.
I will contact to you via PM for more details.

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by fido-x » Tue Jan 20, 2015 3:29 pm

viethemes wrote:Yes, the icon can be changed but it requires to a extension to modify it.
I will contact to you via PM for more details.
What a load of rubbish!

A list of font-awesome icons can be found at http://fortawesome.github.io/Font-Awesome/icons/. Choose the one you want and change the class from "fa fa-heart" to "fa fa-whatever" in the template file(s) that use it.

Image
Modules for OpenCart 2.3.0.2
Homepage Module [Free - since OpenCart 0.7.7]
Multistore Extensions
Store Manager Multi-Vendor/Multi-Store management tool

If you're not living on the edge ... you're taking up too much space!


User avatar
Expert Member

Posts

Joined
Sat Jun 28, 2008 1:09 am
Location - Tasmania, Australia

Post by viethemes » Tue Jan 20, 2015 5:39 pm

fido-x wrote:
viethemes wrote:Yes, the icon can be changed but it requires to a extension to modify it.
I will contact to you via PM for more details.
What a load of rubbish!

A list of font-awesome icons can be found at http://fortawesome.github.io/Font-Awesome/icons/. Choose the one you want and change the class from "fa fa-heart" to "fa fa-whatever" in the template file(s) that use it.
Hi,
Yes, we can modify the code directly, but it will be lost when upgrading to new version of OpenCart.

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by 33percent » Tue Jan 20, 2015 10:46 pm

I need to change the wish list icon, can someone give me a step by step what to do to change this icon? someone mentioned class and template?

Newbie

Posts

Joined
Wed Jan 14, 2015 11:31 am

Post by Ma3TiN » Tue Jan 20, 2015 11:02 pm

/catalog/view/theme/default/template/common/header.tpl

Line 63 (approx) looks like this...

Code: Select all

<li><a href="<?php echo $wishlist; ?>" id="wishlist-total" title="<?php echo $text_wishlist; ?>"><i class="fa fa-heart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_wishlist; ?></span></a></li>
change the

Code: Select all

fa fa-heart
to another font from the link posted in a post above,

For example, you want a star to you change it to

Code: Select all

fa fa-star

Newbie

Posts

Joined
Wed Jan 14, 2015 11:45 pm

Post by viethemes » Tue Jan 20, 2015 11:50 pm

See that a lot of people want to change the withlist icon. I will create a OCMOD extension, so you can change it easier.

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by viethemes » Wed Jan 21, 2015 12:39 am

Hi,
I have just created a OCMOD to change wishlish icon. You can download here: http://www.opencart.com/index.php?route ... n_id=20574.

Attachments

new wishlist icon.png

new wishlist icon.png (40.2 KiB) Viewed 4444 times


http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by 33percent » Wed Jan 21, 2015 5:58 am

Viethemes, I did what your install instructions mentioned. I'm still somehow not uploading it, says 1.0 version though. Idk if that's the cause of it.

Newbie

Posts

Joined
Wed Jan 14, 2015 11:31 am

Post by viethemes » Wed Jan 21, 2015 9:56 am

33percent wrote:Viethemes, I did what your install instructions mentioned. I'm still somehow not uploading it, says 1.0 version though. Idk if that's the cause of it.
Hi,
Did you unzip first and install the file vie_wishlist_icon_changer.ocmod.xml via Extension Installer?
If you did but still failed, please provide your site url and a admin account via PM, so I can install it for your site.

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by dpthinker » Mon Jan 26, 2015 4:55 am

Great Idea!

So I installed successfully, found the icons changer tab, and put the name of the icon but nothing changed on my website??

Newbie

Posts

Joined
Thu Jan 08, 2015 10:29 am

Post by viethemes » Mon Jan 26, 2015 10:15 am

dpthinker wrote:Great Idea!

So I installed successfully, found the icons changer tab, and put the name of the icon but nothing changed on my website??
Is your site using the default template?
Could you provide your site url, so I can take a look at the problem closer?

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by dpthinker » Mon Jan 26, 2015 10:31 am

Yes, it is using the default template. I'll PM you the site name.

Newbie

Posts

Joined
Thu Jan 08, 2015 10:29 am

Post by sunsys » Thu Apr 30, 2015 6:22 am

viethemes wrote:Hi,
I have just created a OCMOD to change wishlish icon. You can download here: http://www.opencart.com/index.php?route ... n_id=20574.
@viethemes, any such extension for 1564 users please ? we are tired of old text "add to wishlist" and "add to compare"

...Thanks

Regards,
Sun Systems
Industrial Electronics and Instrumentation


User avatar
Active Member

Posts

Joined
Tue Jan 27, 2015 5:19 am

Post by viethemes » Fri May 01, 2015 12:31 am

Could you provide your site url, so we can take a look at it closer?

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by avorob » Fri Oct 02, 2015 1:31 am

viethemes wrote:Hi,
I have just created a OCMOD to change wishlish icon. You can download here: http://www.opencart.com/index.php?route ... n_id=20574.
@viethemes
Thanks for creating OCMOD. It did change the icon on top but it didn't change it the product box or detail product view. It was my main objective is to change the hears there. aerialliftequipment.com/av
Also, where do I edit the actual copy "Add To Wish List"
Thx

New member

Posts

Joined
Mon Sep 14, 2015 10:07 pm

Post by artcore » Sat Oct 03, 2015 2:23 am

@viethemes
By coincidence I was working on a site that uses this extension and noticed you used braces for wildcard search.
Check this thread: http://forum.opencart.com/viewtopic.php?f=24&t=131995
It's now comma separated full paths, although I found the * still works.

Cheers and thanks :)

Attn: I no longer provide OpenCart extensions, nor future support - this includes forum posts.
Reason: OpenCart version 3+ ;D

Thanks!


User avatar
Active Member

Posts

Joined
Tue Jul 09, 2013 4:13 am
Location - The Netherlands
Who is online

Users browsing this forum: No registered users and 33 guests