Skip to content

Ratings

Add library js and css and rating js:

jinja-html
{% stylesheets
'/bundles/wfcmsbaseassets/javascripts/lib/jquery/rateit/src/rateit.css'
%}
{{ html.css(asset_url) }}
{% endstylesheets %}

{% javascripts
'@WfCmsBaseAssetsBundle/Resources/public/javascripts/lib/jquery/rateit/src/jquery.rateit.min.js'
'@WfCmsBaseBundle/Resources/public/javascripts/cookie.js'
'@WfCmsBaseBundle/Resources/public/javascripts/rating.js'
%}
{{ html.js(asset_url) }}
{% endjavascripts %}

Include rating in any in page:

jinja-html
{{ render_esi( url('wf_cms_rating_show', {pageId: page.id}) ) }}

Simple rating is default. To use the detailed widget overwrite 'WfCmsBaseBundle:Rating:show.html.twig':

{% extends 'WfCmsBaseBundle:Rating:detailedRating.html.twig' %}

Catch voting successful and not allowed event with:

$(document).on('wfcms-rating-multiple', function(e){
});

$(document).on('wfcms-rating-success', function(){
});