Data Icons

[Jim Cockerham]

Is there any information about the Data icons being used in the Suivant theme? For example I want to change the basket icon to a shopping cart icon. Thanks!

[Bruce - PhosphorMedia]

Re: Data Icons

http://fortawesome.github.io/Font-Awesome/cheatsheet/

[Gordon - Phosphor Media]

Re: Data Icons

http://fortawesome.github.io/Font-Awesome/cheatsheet/

Or without typo:
http://fontawesome.github.io/Font-Awesome/cheatsheet/

[Bruce - PhosphorMedia]

Re: Data Icons

(not a typo...that's my bookmark)
http://fortawesome.github.io/Font-Awesome/cheatsheet/

:)

[Jim Cockerham]

Re: Data Icons

(not a typo...that's my bookmark)
http://fortawesome.github.io/Font-Awesome/cheatsheet/

:)

Thanks a lot Bruce...that's funny, they have a typo in the real url :)

[Jim Cockerham]

Re: Data Icons

Oh, it looks like Suivant uses a different font for the icons though. It uses Elegant Icons, I found them here http://www.elegantthemes.com/blog/re...gant-icon-font

[Bruce - PhosphorMedia]

Re: Data Icons

Jim,

Yea, that's understandable since themes are 'independent' technically from the base product. the M9 admin uses font-awesome, just assumed themes would too.

We've asked that miva adopt or at least adopt a 'recommended' set of resources. Mostly to help with education, code reuse, and for third party modules to be able to count on, or query for, the existence of said resources. However, there is some reluctance in doing this.

[Brennan]

Re: Data Icons

I can shed some light on this. The basket icon uses an icon font. The benefit to this is that all the icons used throughout the site are loaded in a single request which helps reduce page load time.

The only way to update this is to use a new font icon (or create your own)

The Bootstrap themes both use fontawsome, because that is part of the Bootstrap Framework. This includes the base framework and the retro theme.

The Suivant and Optics themes actually have their own font files specific to them which we created. They also use a font icon set called ElegantIcons which is similar to fontawesome

[kocourek]

Re: Data Icons

The Suivant and Optics themes actually have their own font files specific to them which we created. They also use a font icon set called ElegantIcons which is similar to fontawesome

Are there any reference docs for the Suivant and Optics theme font files?

[Brennan]

Re: Data Icons

Here is a link to the ElegantIcons font:

http://www.elegantthemes.com/blog/re...gant-icon-font

If you're looking to customize them or add your own see this link:

http://rafaltomal.com/how-to-create-...wn-icon-fonts/

[mdurkee]

Re: Data Icons

The standard bootstrap theme use font-awesome 3.2.1
Is there any way to upgrade to 4.3 without breaking all the work I have done so far?

[Gordon - Phosphor Media]

Re: Data Icons

If the standard bootstrap theme loads font awesome in the global Head template:

You can look for something like this:

<link href="//maxcdn.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

change it either to:

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.css" rel="stylesheet">

or if you always want the latest automatically:

<link href="//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.css" rel="stylesheet">

[mdurkee]

Re: Data Icons

Thank you Gordon,
I have actually tried that but when I use the code to add a new icon, it just comes in blank or with a question mark. Don't I need to add the new font files to the server or something?
Maxanne

edit: I figured it out. The syntax for the more recent updates to font-awesome is different than the original. I was simply putting in class="fa-send-o" and you need to enter it like this - class="fa fa-send-o"

Thanks again for your help :)

[Scot - ScotsScripts.com]

Re: Data Icons

http://www.elegantthemes.com/blog/re...gant-icon-font

Ha, I just tracked this down the old fashioned way, should have come here first!

[susansoaps]

Re: Data Icons

Can anyone shed any light on why the data icons are showing up just fine on my www.susansoaps.com home page but not on my susansoaps.com home page? And perhaps where and how to fix this?

I am using the Iron & Wool Ready Theme. These are the icons up at the top right - associated with the phone number, orders and account and even the search one in the main nav bar?

Thanks.

Susan
Susan's Soaps & More