Font Awesome Star Rank

Developer

JCDerrick

3rd Party (Free)

11 downloads (last 90 days)

Creative Commons Attribution Share Alike Download v1.3.1

EE Version Support

  • ExpressionEngine 2

Compatibility

If an item is crossed out, it might be untested, not applicable or incompatible. Contact the developer to be sure.

Requirements

Add-On Type(s)

Fieldtype, Plugin

Tags

Font Awesome Star Rank is a fieldtype that providers publishers the ability to add a simple star rating input field to their entries. On the 'front end' the field type will output as a simple and easily styled Bootstrap friendly star ranking. Font Awesome Star Rank is compatible with Pixel & Tonic's Matrix fieldtype. Font Awesome 3.1.0 or higher is required for use with this add-on! A free plugin is included with version 1.3+ that includes the auto-updating Font-Awesome CDN link. Is now also fully compatible with DevDemon's Updater Module.

EE 1.7+ is not compatible with this add-on at this time, this will be looked into as soon as possible.

## INSTALLATION WITHIN EE

     
  • Unzip and upload the folder system/expressionengine/third_party/font_awesome_star_rank/ to your /system/expressionengine/third_party/ folder.
  •  
  • Upload the folder themes/third_party/font_awesome_star_rank/ to your /themes/third_party/ folder.
  •  
  • Go to Add-Ons Fieldtypes and click Install next to the fieldtype Font Awesome Star Rank
  •  
  • Add the fieldtype to your channel field group that you want to include a star rating with font awesome output

## OUTPUT WITHIN TEMPLATES

Font Awesome’s CDN link is now included with this Add-On’s complementary Plugin

If you do not already have Font Awesome loaded within your site, you can easily include the following tag to quickly load Font Awesome within your site:
{exp:font_awesome_star_rank_css}

To output your ratings, simply include your fieldtype name, i.e.; {my_star_rank_field_name}, inside the regular Channel Entries loop within any template you wish to include the ranking. The stars will automatically be output within a span container called ‘font_awesome_star_rank’ (i.e.; <span class=“font_awesome_star_rank”> ***** </span>) and can be styled accordingly with your local CSS file. Here is an example that will results in gold/yellow stars on your web site:

/*Star Ratings*/
.font_awesome_star_rank {
text-align:center;
margin: 0px auto;
padding:0px;
width:120px;
position: relative;
font-size:20px;
color:#e9b31b;
color: rgba(233,179,27, 0.8);
text-shadow: 1px -4px 6px #fff, 0 0 0 #000, 1px 4px 6px #fff;
}
.font_awesome_star_rank i {padding:0 .5px;}

## UPDATE & CHANGE LOG

1.3.1 - released September 8, 2013 : Temporarily removed the unofficial LV support due to issues found in EE 2.6+ and the latest Low Variables build. Will try and add this back in ASAP. Updated for compatibility with ‘Updater’ module.

1.3.0 - released August 20, 2013 : Included the Font Awesome CDN link within the complementary Plugin for auto-updating

1.2.0 - released May 30, 2013 : Included Font Awesome 3.1.0 with a complementary Plugin

1.1.0 - released May 27, 2013 : Improvements to include Matrix compatibility and a bug fix.

1.0.0 - released May 26, 2013 : Initial Release

## CREDITS

* Full credit to Max Lazar for beginning & developing this project several years ago. This add-on is based off his ‘MX Stars Field’ add-on for EE1/EE2.

* This add-on is maintained by John Derrick - www.johncderrick.com and at Git at https://github.com/JCDerrick/font_awesome_star_rank_1_2

 

Download Font Awesome Star Rank

EE Support Downloads Add-On Version Release Date
Not Specified Download 1.3.1 Sep 8, 2013

Font Awesome Star Rank Links

This entry was created May 31, 2013, 9:30 am.
This entry was last updated September 18, 2013, 8:31 am.

Disclaimer: Information about ExpressionEngine add-ons is provided as a service to you, the user, and every member of the ExpressionEngine community. devot:ee is not responsible if you hose, mangle, wreck, or otherwise destroy your EE website by installing an add-on that you found out about at this site, regardless of its rating, Favorites status, commercial or free status, or general popularity. Caveat EEmptor!

Returns: devot:ee has a 30-day return policy on all commercial add-ons sold through devot-ee.com. If you need to return an add-on, do not go to the developer or the developer's site, but rather visit our returns page at https://devot-ee.com/returns to initiate your return. If you have questions, email support@devot-ee.com.

There are no reviews for this add-on yet.

What are you waiting for? Rate it and review it!