Развернуть/свернуть описание категорий

[A132]

День добрый, господа!

 

Вопрос такой: есть описание категорий. Для каждой категории оно разное - для одних длинное, для других короткое. И длинные описания плохо сказываются на удобстве просмотра страницы. Поэтому очень бы хотелось, чтобы была возможность эти описания сворачивать и разворачивать по клику.

Такой модуль существует (во вложении). Но проблема этого модуля в том, что длину текста до свёртывания он берёт, как постоянную величину, и если реальное описание в конкретной категории короче этой величины, то получается, что модуль наоборот оставляет там после текста пустое место (картинки с примерами во вложении).

Как связаться с автором мода я не знаю, поэтому вопрос к знатокам - может уже есть улучшенный, или есть возможность улучшить этот модуль так, чтобы он сворачивал не все тексты подряд, а только те, которые длинней определённого значения?

category_description_expand_collapse.ocmod.xmlFetching info...

[Vetroff]

  В 31.05.2020 в 23:22, A132 сказав:

Как связаться с автором мода я не знаю,

Expand  

 

а в файле же есть ссылка )

@Skunk

[A132]

  В 01.06.2020 в 00:58, Vetroff сказав:

 

а в файле же есть ссылка )

@Skunk

Expand  

Ссылка-то есть, только в сети автор не был уже 2 года…

[Seofisher]

Может вариант более гибкий подойдет но вручную?
в редакторе в режиме html ставить описание с тегами.

<p>Текст который будет всегда отображаться</p>
<div id="block_hidden">
<p>текст который будет скрыт под кнопку</p>
</div>

<div id="button_block_view"></div>

Это поместите в category.tpl
в самый низ, перед <?php echo $footer; ?> (можете  css переместить в стили)

<script>
  $('#button_block_view').html('Читать полностью');
  $('#button_block_view').on('click', function(e){
      e.preventDefault();
  var
      $this = $(this),
      content = $('#block_hidden');  
    if(!$this.hasClass('trigger')){
        $this.addClass('trigger');
        $this.html('Скрыть');
        content.slideDown();
      } else {
        $this.removeClass('trigger');
        $this.html('Читать полностью');
        content.slideUp();
      }
  });
</script>
<style>
  #block_hidden { display: none; }
  #button_block_view {
    font-size: 15px;
    cursor: pointer;
    color: #22649c;
    text-decoration: underline;
  }
  #button_block_view:hover, #button_block_view:focus {
    color: red;
  }
</style>

 

Змінено 1 червня 2020 користувачем Seofisher

[Vetroff]

  В 01.06.2020 в 05:38, A132 сказав:

Ссылка-то есть, только в сети автор не был уже 2 года…

Expand  

 

попробуйте такой вариант

 

 

category_description_expand_collapse_upd.ocmod.xmlFetching info...

[A132]

  В 01.06.2020 в 09:48, Vetroff сказав:

 

попробуйте такой вариант

 

 

category_description_expand_collapse_upd.ocmod.xml 3 \u043a\u0411 · 3 downloads

Expand  

 

Благодарствую! Это именно то, что нужно.

[A132]

  В 01.06.2020 в 09:36, Seofisher сказав:

Может вариант более гибкий подойдет но вручную?
в редакторе в режиме html ставить описание с тегами.

<p>Текст который будет всегда отображаться</p>
<div id="block_hidden">
<p>текст который будет скрыт под кнопку</p>
</div>

<div id="button_block_view"></div>

Это поместите в category.tpl
в самый низ, перед <?php echo $footer; ?> (можете  css переместить в стили)

<script>
  $('#button_block_view').html('Читать полностью');
  $('#button_block_view').on('click', function(e){
      e.preventDefault();
  var
      $this = $(this),
      content = $('#block_hidden');  
    if(!$this.hasClass('trigger')){
        $this.addClass('trigger');
        $this.html('Скрыть');
        content.slideDown();
      } else {
        $this.removeClass('trigger');
        $this.html('Читать полностью');
        content.slideUp();
      }
  });
</script>
<style>
  #block_hidden { display: none; }
  #button_block_view {
    font-size: 15px;
    cursor: pointer;
    color: #22649c;
    text-decoration: underline;
  }
  #button_block_view:hover, #button_block_view:focus {
    color: red;
  }
</style>

 

Expand  

 

Спасибо за отклик! Мне подошёл изменённый мод, который предложил товарищ Ветрофф, но когда будет свободное время - разберусь и опробую Ваш вариант тоже.

[Alexandra17]

 

какой-нибудь opencart 3.x на этом?

[legioner26]

  В 22.08.2020 в 08:36, Alexandra17 сказав:

 

какой-нибудь opencart 3.x на этом?

Expand  

перепилить модиф под 3

[legioner26]

  В 22.08.2020 в 08:36, Alexandra17 сказав:

 

какой-нибудь opencart 3.x на этом?

Expand  

 

category_description_expand_collapse_upd_oc3x.ocmod.zipFetching info...

 

Вот доработал под 3, пользуйтесь )))

[Alexandra17]

wow! 

[Alexandra17]

 

не работает в opencart версии 3.0.3.6

[legioner26]

  В 26.08.2020 в 05:41, Alexandra17 сказав:

 

не работает в opencart версии 3.0.3.6

Expand  

Должен работать. Вы скачали то что я опубликовал ?

[GotchaMabuka]

Потестил. Вариант от Seofisher заработал сходу. Mod в аттаче от Vetroff не завёлся. Шаманить с модом не было времени, прикрутил от Seofisher. Спасибо.

[maxway777]

Модификатор отличный нареканий нет, но поисковики не индексируют скрытый текст(

[maxxam]

Добрый день подскажите можно сделать подобное для описание товара. 

[Shpuga]

  В 22.08.2020 в 12:22, legioner26 сказав:

 

category_description_expand_collapse_upd_oc3x.ocmod.zip 1 \u043a\u0411 · 23 downloads

 

Вот доработал под 3, пользуйтесь )))

Expand  

Спасибо ,работает  в категориях . А на главной станице текст не скрывает .Можете доработать? Чтобы сворачивал длинный текс на гланой 

[Kamaz]

  В 01.06.2020 в 09:48, Vetroff сказав:

 

попробуйте такой вариант

 

 

category_description_expand_collapse_upd.ocmod.xml 3 \u041a\u0431 · 116 скачиваний

Expand  

А ніхто не допилював цей варіант для шаблона MoneyMaker2? Активувався, але не заводиться