Как выводить рейтинг на постер?

[emray]

Кто подскажет как выводить рейтинг на постер?
Как на кинопоиске

 

[Alisa]

<span class="selection-film-item-poster__rating"><%- movie.rating / 10 %></span>

.selection-film-item-poster__rating {
    position: absolute;
    display: inline-block;
    top: 5px;
    left: -5px;
    background: #3bb33b;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 7px;
    border-radius: 2px;
}

Как-то так редактировать шаблон.

 

[emray]

<span class="selection-film-item-poster__rating"><%- movie.rating / 10 %></span>

.selection-film-item-poster__rating {
    position: absolute;
    display: inline-block;
    top: 5px;
    left: -5px;
    background: #3bb33b;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 7px;
    border-radius: 2px;
}

Как-то так редактировать шаблон.

Спасибо! Алиса, а вот первый html код вставлять в index ?

 

[Alisa]

Спасибо! Алиса, а вот первый html код вставлять в index ?

На КиноПоиске он стоит под картинкой <img> постера.

 

[emray]

На КиноПоиске он стоит под картинкой <img> постера.

Спасибо, все получилось.
А как вы смотрели разметку? с помощью F12 ?

 

[Alisa]

А как вы смотрели разметку? с помощью F12 ?

Да, F12 либо Инспектирование элемента.

 

[emray]

Да, F12 либо Инспектирование элемента.

Посмотреть вложение 4283

Спасибо.
А чтоб цвет менялся из-за рейтинга.
Это доп. параметры надо? или выражение писать

 

[Alisa]

А чтоб цвет менялся из-за рейтинга.

<span class="selection-film-item-poster__rating" <% if (movie.rating && movie.rating > 50) { %>style="color:#008000"<% } else { %>style="color:#FF0000"<% } %>><%- movie.rating / 10 %></span>

 

[emray]

<span class="selection-film-item-poster__rating" <% if (movie.rating && movie.rating > 50) { %>style="color:#008000"<% } else { %>style="color:#FF0000"<% } %>><%- movie.rating / 10 %></span>

Огромное спасибо