Create a STARS Selector using Font-Awesome

Create a STARS Selector using Font-Awesome

  • Published by
    Ignacio Correia
  • Last modified
    03 January 2014
  • Voting
    Average rating
    8 votes
  • Favourites
  • Concerns
    Plugins
  • Since Version
    2.0
  • Up to date
    Yes
  • Profile concerned
    Webdesigner, Developer

This is what the result should be: http://cdpn.io/Kipxt

  1. Create an Select List, name it: Stars Selector
  2. Disable Label
  3. In value creation, in fineld elements add this code: 

    ::5 Stars::5%% ::4 Stars::4%% ::3 Stars::3%% ::2 Stars::2%% ::1 Star::1

  4. Change fron end display to VALUE
  5. Assin the field to the corret type
  6. Add to the template
  7. And refrsh the page.

:)