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

6 ответов

• популярные
• новые

• 1

  Webry Партнер-эксперт Партнер-разработчик 19 июля 2015 05:30 #

  Надеюсь, это не будет считаться рекламой, но один из вариантов решение вашей проблемы - плагин https://www.webasyst.ru/store/plugin/shop/category...

  ответить
  • +1

    vovochka.tkach 29 июля 2015 16:41 #

    Как по мне, это совсем не то к сожалению.

    ответить
    • +4

      Кирилл Александрович Партнер-эксперт 26 января 2016 04:26 #

      Есть простое решение на js+css:

      В файле category.html

      <!-- description -->
      {if $category.description}
      <div class="wrap">
          <div id="t1" class="terms">
          {$category.description}
          </div>
          <span class="tt"  onclick="view('t1'); return false">Подробнее</span> 
      </div>
      <br>
      <p><hr></p>
      {/if}

      В конец файла добавить:

      <script type="text/javascript">
      function view(n) {
          style = document.getElementById(n).style;
          style.height = (style.height == "auto") ? "210px" : "auto";
      }
      </script>

      В файл стилей добавить:

      .wrap {
          margin: 0 auto;
      }
      .terms {
          height:210px;
          overflow:hidden;
      }
      .tt {
          float:right;
          color:#f70;
          cursor: pointer;
          margin:10px 0 10px 10px;
      }
      .tt:hover{
          color:green;
      }

      По сути - это спойлер с изменяемой высотой...

      ответить
• 1

  Valpy 11 декабря 2016 15:49 #

  А не подскажете, как сделать условие, чтобы это действовало только если высота более установленной, в данном примере: height:210px ?

  Я спрятал под спойлер Сабкатегории, которых у меня в некоторых Категориях очень много, оставил только 2 строчки. Но теперь не красиво смотрится в тех Категориях, где всего 2-3 подкатегории.

  И еще хотелось бы, чтоб вначале было, например, Развернуть v, а в развернутом виде - Свернуть и стрелка вверх

  ответить
• 1

  Кирилл Александрович Партнер-эксперт 11 декабря 2016 17:51 #

  Нужно добавить условие, если кол-во подкатегорий > 3, то вставляем скрипт.

  ответить
  • +1

    Valpy 16 февраля 2017 22:15 #

    условия для меня - это сложно
    не подскажете код, пожалуйста?

    ответить