Recommend Print

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
    Click to subscribe
  • 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.

:)

JED Reviews

Total reviews: 177
Overall
100.00 out of 100
Functionality
100 out of 100
Ease of Use
100 out of 100
Support
100 out of 100
Documentation
100 out of 100
Value for Money
100 out of 100