Вход • Регистрация

"Читать далее" в тексте страниц категорий

  •
  • 11 октября 2017 г.
  • Доброго дня.
    Прошу подсказать есть ли готовое решение или нужно допиливать.

    Есть текст на странице категории товара. например 2500 символов.
    Нужно отобразить только 500 символов, а остальное скрыть под кнопкой "Читать далее"
    •
    • 11 октября 2017 г.
    • функция short_text() вроде бы, посмотрите в поиске.
    •
    • 11 октября 2017 г.
    • "Читать далее" раскрывает полностью блок с текстом или уводит на другую страницу?
      •
      • 11 октября 2017 г.
      • Нужно, чтобы просто раскрывался список.

        • 12 октября 2017 г.
        • html, jquery знаете?
          •
          • 12 октября 2017 г.
          • К сожалению, нет.
            •
            • 12 октября 2017 г.
            • Тогда ищите исполнителя или может тут кто согласится сделать т.к. задача плевая. Могу вам сделать бесплатно если доступы дадите но не раньше чем на след не деле.
              •
              • 20 октября 2017 г.
              • Спасибо, стоим на распутье.

                Скрытие текста негативно влияет на СЕО (скрытый текс имеет намного меньшую силу чем "видимый"), поэтому пока отказались.

                Выводить весь текст в верху не вариант, товар будет получатьяс во "втором" окне ниже (нужно склролить до него).

                Ставить весь текст ниже под выводом товара не вариант.

                Думаем выводить часть текса вверху страницы перед списком товаров, а остальную часть после товара.

                Думаем над 3-тим вариантом
                http://prntscr.com/gzxlq2
            •
            • 21 октября 2017 г.
            • Александр (lumina), я по третьему варианту обычно и делаю, только можете добавить у анонса кнопку подробнее, и по якорю плавно вниз спускаться.
    •
    • 13 октября 2017 г. , редакция: 13 октября 2017 г.
    • что-то около того

      view
      <?php
      $short_text = substr($result["text"],0,500 );
      $other_text = substr($result["text"],501,strlen($result["text"]));
      ?>
      <div class="short_text">
      <?= $short_text ?>
      <a href="#" class="show_more">Читать далее</a>
      <div class="full_text">
      <?= $other_text ?>
      </div>
      </div>

      ---
      css
      .short_text .full_text { display: none;}
      .short_text .full_text_active { display: block;}
      ---
      js
      $('.show_more').on('click', function(){
      $(this).next('.full_text').addClass('full_text_active ');
      return false;
      });
      • 14 октября 2017 г.
      • только надо еще саму кнопку .show_more скрывать
        •
        • 14 октября 2017 г. , редакция: 14 октября 2017 г.
        • а без js это было бы вот так

          Код
          КОРОТКИЙ ТЕКСТ

          <input type="radio" id="cat_text" style="display: none">

          <label for="cat_text">Подробнее</label>

          <div class="full_text">FULL_TEXT</div>

          CSS:
          input#cat_text:checked + label {
          display:none;
          }
          input#cat_text:checked ~ .full_text {
          display:inline;
          }


          а вообще надо еще точки три добавлять и скрывать, чтоб ваще все как надо было

Новости

  • Вышла очередная сборка DIAFAN.CMS 7.2.2
  • 18 июня
  • В сборке большое обновление demo-шаблона, дополнительная защита от спама, улучшение YML-импорта и еще много важного и интересного.
  • Не пропустите сборку DIAFAN.CMS 7.1.4
  • 24 апреля
  • В новой сборке совершили революцию в структурировании кастомизированной информации в шаблонах, добавили авторегистрацию пользователей, усовершенствовали защиту от спама, актуализировали накопительную скидку, а также улучшили производительность и стабильность работы системы.
  • Сборка DIAFAN.CMS 7.1.3
  • 12 января
  • После выхода сборки 7.1 мы выпустили уже три патча, в каждом из которых улучшаем административную часть сайта. Сборка DIAFAN.CMS 7.1.3 уже доступна к установке. 
Все новости

Форум

Перейти на форум