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

Есть ли возможность поменять код в Tickets, не обновляя Bootstrap до последней версии?
Все остальное (рейтинг +-, вывод количества просмотров) работает без проблем.
Игорь
Игорь
24 августа 2018, 09:36
modx.pro
1
1 016
0

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

Игорь
Игорь
25 августа 2018, 12:19
0
Проблема — в 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
    0
    Дайте ссылку и я гляну
      Игорь
      Игорь
      27 августа 2018, 11:23
      0
      к примеру page.maple4.ru/inoe/stati/interesnoe/767-naskolko-virtualna-nasha-vselennaya.html
      аналогично — не работает для комментариев
        Баха Волков
        Баха Волков
        27 августа 2018, 15:16
        0
        У span с иконкой избранного разве не должен быть класс ticket-comment-star?

        И ваши рассуждения про версии Bootstrap боюсь, могут быть неверными. CSS библиотека и не дает JS работать?!
          Игорь
          Игорь
          27 августа 2018, 15:34
          0
          Поменял на 
          <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
            0
            Помощь еще нужна? Там вся проблема в том, что класс .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
              0
              Помощь ещё НУЖНА! Но сейчас звезда вообще не отображается

              Сделал так (что изменил/добавил — ВОЗМОЖНО что-то сделал не так):
              В существующий файл 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
                0
                В консоли браузера ошибок нет? Кроме того HTML код
                <!--tickets_stared <i class="glyphicon glyphicon-star stared star"></i>-->
                не должен на странице что-либо отображать, поскольку стоит внутри комментария.
                А лучше — скинь ссылку на станицу. Поскольку ошибки во фронте, так будет проще разобраться.
                  Игорь
                  Игорь
                  12 сентября 2018, 22:42
                  0
                  та же страница 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
                    0
                    Я когда вставлял код, там ка-то пробел лишний проскочил. Раздел @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');
}
      Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
      10