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
    9 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.

:)

Save
Cookies user preferences
We use cookies to ensure you to get the best experience on our website. If you decline the use of cookies, this website may not function as expected.
Accept all
Decline all
Essential
These cookies are needed to make the website work correctly. You can not disable them.
Display
Accept
Analytics
Tools used to analyze the data to measure the effectiveness of a website and to understand how it works.
Google Analytics
Accept
Decline