Bootstrap версии 2 и Tickets - не работает добавление в избранное (некликабельная звездочка)

Есть ли возможность поменять код в Tickets, не обновляя Bootstrap до последней версии?
Все остальное (рейтинг +-, вывод количества просмотров) работает без проблем.

Игорь

24 августа 2018, 09:36

1 090

Комментарии: 10

Игорь

25 августа 2018, 12:19

Проблема — в bootstrap.min.css (различия во второй и третьей версиях)
В версии Bootstrap 3 есть такой код

.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}

Я просто не понимаю (нет достаточных знаний ) в CSS что и куда разместить во вторую версию файла bootstrap.min.css

Использовать 3 версию НЕ МОГУ, так как ломается всё остальное — меню, элементы оформления и прочее (т.е. добавление в избранное РАБОТАЕТ!)

Граждане, ну неужели никто не сталкивался с таким?

Баха Волков

26 августа 2018, 11:25

Дайте ссылку и я гляну

Игорь

27 августа 2018, 11:23

к примеру page.maple4.ru/inoe/stati/interesnoe/767-naskolko-virtualna-nasha-vselennaya.html
аналогично — не работает для комментариев

Баха Волков

27 августа 2018, 15:16

У span с иконкой избранного разве не должен быть класс ticket-comment-star?

И ваши рассуждения про версии Bootstrap боюсь, могут быть неверными. CSS библиотека и не дает JS работать?!

Игорь

27 августа 2018, 15:34

Поменял на

<span class="ticket-comment-star active"><i class="fa icon-star-empty"></i> <span class="ticket-star-count">0</span></span>

Ничего не изменилось.
Пробовал подключать Bootstrap 3

<link href="/assets/site/bt3/css/bootstrap.min.css" rel="stylesheet">

В этом случае добавление в избранное работает, но весь сайт… идёт в разнос (неработающие меню и прочее).
Проблема в классе, которого нет в bootstrap 2 (но это не точно). И я НЕ ЗНАЮ как его сделать.

Янис

11 сентября 2018, 16:47

Помощь еще нужна? Там вся проблема в том, что класс .glyphicon ссылается на шрифт glyphicons-halflings-regular. Найти его можно в архиве с 3-м бутстрапом. В стиле добавить:

@font-face {
    font-family:'Glyphicons Halflings';
    src:url(../fonts/glyphicons-halflings-regular.eot); /* Такой каталог должен существовать и туда надо положить шрифты из архива */
    src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),u    rl(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}
.glyphicon {
    position:relative;
    top:1px;
    display:inline-block;
    font-family:'Glyphicons Halflings';
    font-style:normal;
    font-weight:400;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

А потом уже и сами символы:

...
.glyphicon-heart:before{content:"\e005"}
.glyphicon-star:before{content:"\e006"}
.glyphicon-star-empty:before{content:"\e007"}
.glyphicon-user:before{content:"\e008"}
...

Собственно всё.

Игорь

12 сентября 2018, 00:19

Помощь ещё НУЖНА! Но сейчас звезда вообще не отображается

Сделал так (что изменил/добавил — ВОЗМОЖНО что-то сделал не так):
В существующий файл bootstrap.min.css добавил в конец файла текст

@font-face {
    font-family:'Glyphicons Halflings';
    src:url(../fonts/glyphicons-halflings-regular.eot); /* Такой каталог должен существовать и туда надо положить шрифты из архива */
    src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),u    rl(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}
.glyphicon {
    position:relative;
    top:1px;
    display:inline-block;
    font-family:'Glyphicons Halflings';
    font-style:normal;
    font-weight:400;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.glyphicon-heart:before{content:"\e005"}
.glyphicon-star:before{content:"\e006"}
.glyphicon-star-empty:before{content:"\e007"}
.glyphicon-user:before{content:"\e008"}

Ну и добавил папку fonts из bt3 в каталог bootstrap (там до этого были только папки css img js, т.е. папки fonts НЕ БЫЛО вообще — рейтинг работал без шрифтов)
Теперь звезда вообще не отображается…

в чанке tpl.Tickets.meta.custom код такой

<!--tickets_can_star  active-->
<!--tickets_stared <i class="glyphicon glyphicon-star stared star"></i>-->
<!--tickets_unstared <i class="glyphicon glyphicon-star unstared star"></i>-->

Янис

12 сентября 2018, 10:20

В консоли браузера ошибок нет? Кроме того HTML код

<!--tickets_stared <i class="glyphicon glyphicon-star stared star"></i>-->

не должен на странице что-либо отображать, поскольку стоит внутри комментария.
А лучше — скинь ссылку на станицу. Поскольку ошибки во фронте, так будет проще разобраться.

Игорь

12 сентября 2018, 22:42

та же страница page.maple4.ru/inoe/stati/interesnoe/767-naskolko-virtualna-nasha-vselennaya.html
если НЕ АВТОРИЗОВАН

<span class="ticket-star"><i class="glyphicon glyphicon-star unstared star"></i> <span class="ticket-star-count">0</span></span>

если АВТОРИЗОВАН

<span class="ticket-star active"><i class="glyphicon glyphicon-star unstared star"></i> <span class="ticket-star-count">0</span></span>

Может быть, я НЕ ТО вставил в bootstrap.min.css?

Янис

13 сентября 2018, 10:37

Я когда вставлял код, там ка-то пробел лишний проскочил. Раздел @font-face надо заменить:

@font-face {
font-family: 'Glyphicons Halflings';
src: url('../fonts/glyphicons-halflings-regular.eot');
src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.