Sidebar

 

Virtuemart Extensions by RuposTel.com

  • Full Screen
  • Wide Screen
  • Narrow Screen
  • Increase font size
  • Default font size
  • Decrease font size

Star rating in VM3 with Font Awesome

Hello friends, the classic star raging on Virtuemart which can be used with our Product tabs plugin does not look ideally on most of the modern VM3 and Joomla templates. For this reason we remade the VM3 core template to use font owesome classes with a little help of a starr library coming from here

 

How to use our modified template: 

1. download from here: https://www.rupostel.com/svn3/star_rating_template.zip

2. unzip to your local computer 

3. copy content of /templates/theme3198/html/com_virtuemart/productdetails  to your own template override folder such as /templates/YOUR ACTIVE JOOMLA TEMPLATE/html/com_virtuemart/productdetails

4. the directory includes default_reviews.php + modified starr.js 

Optional

5. if your template does not come with Font Awesome by default you may need to include it in one of your global CSS files FOR EXAMPLE with: 

<link rel="stylesheet" href="https://opensource.keycdn.com/fontawesome/4.7.0/font-awesome.min.css" integrity="sha384-dNpIIXE8U05kAbPhy3G1cz+yZmTzA6CY8Vg/u2L9xRnHjJiAK76m2BIEaSEV+/aU" crossorigin="anonymous">

6. Style the color and size of the stars as you'd do with any other text or font

Enjoy, 

RuposTel.com 

 

 

 

You are here