Перейти к содержанию
Официальный форум поддержки Simpla

Кнопка "Показать все", фильтр по брендам.


Рекомендуемые сообщения

Всем привет!!! Подскажите есть ли готовое решение? Показываем 10 брендов, затем кнопку "Показать все", затем раскрываем остальные.

Ссылка на сообщение
Поделиться на другие сайты

Всем привет!!! Подскажите есть ли готовое решение? Показываем 10 брендов, затем кнопку "Показать все", затем раскрываем остальные.

Сделайте блок определенной высоты (учитывая 10 брендов), после нажатия через JS делайте его на 100%.
Ссылка на сообщение
Поделиться на другие сайты
{* Фильтр по брендам *}
{if $category->brands}
<div id="brands">
	<a href="catalog/{$category->url}" {if !$brand->id}class="selected"{/if}>Все бренды</a>
	{foreach name=brands item=b from=$category->brands}
		{if $b->image}
		<a class="abrand" data-brand="{$b->id}" href="catalog/{$category->url}/{$b->url}"><img src="{$config->brands_images_dir}{$b->image}" alt="{$b->name|escape}"></a>
		{else}
		<a class="abrand" data-brand="{$b->id}" href="catalog/{$category->url}/{$b->url}" {if $b->id == $brand->id}class="selected"{/if}>{$b->name|escape}</a>
		{/if}
	{/foreach}
 <a class="archive" href="#"></a>
{literal}
 <script>
    var abrand = 2; // - количество отображаемых новостей
    hidenews = "Cкрыть";
    shownews = "Показать все";

    $(".archive").html( shownews );
    $(".abrand:not(:lt("+abrand+"))").hide();

    $(".archive").click(function (e){
      e.preventDefault();
      if( $(".abrand:eq("+abrand+")").is(":hidden") )
      {
        $(".abrand:hidden").show();
        $(".archive").html( hidenews );
      }
      else
      {
        $(".abrand:not(:lt("+abrand+"))").hide();
        $(".archive").html( shownews );
      }
    });
  </script>
 {/literal}
 
</div>
{/if}

Вот

Ссылка на сообщение
Поделиться на другие сайты
  • 2 года спустя...

{foreach $category->brands|@array_slice:0:10 as $b}

<a data-brand="{$b->id}" href="catalog/{$category->url}/{$b->url}" {if $b->id == $brand->id}class="selected"{/if}>{$b->name|escape}</a>
{/foreach}
{if $category->brands|count>10}<a href="catalog/{$category->url}">еще +{$category->brands|@count - 10}</a>{/if}
Ссылка на сообщение
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

Загрузка...
×
×
  • Создать...