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

Описание категории интернет магазина расположено над товарами сверху. Длина описания 5000-6000 символов, из-за этого пользователь не сразу видит товар и ему нужно опуститься вниз страницы. Как сделать чтобы показывалось к примеру 500 символов, а остальное открывалось (показувалось) по ссылке "читать полностью"?

6 ответов

  • 1

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

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

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

      • +4

        Есть простое решение на 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

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

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

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

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите