Перейти к содержимому


Фото
- - - - -

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

brands

  • Чтобы отвечать, сперва войдите на форум
3 ответов в теме

#1 interyes

interyes
  • Пользователь
  • 38 сообщений
  • Дизайн, Верстка
  • Версия CMS:2.x

Опубликовано 16.03.2018 - 16:05

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



#2 Noxter

Noxter
  • Фрилансер
  • 64 сообщений
  • Дизайн, Программирование, Верстка
  • Версия CMS:2.x
  • Откуда:Киев

Опубликовано 16.03.2018 - 16:14

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

Сделайте блок определенной высоты (учитывая 10 брендов), после нажатия через JS делайте его на 100%.

#3 interyes

interyes
  • Пользователь
  • 38 сообщений
  • Дизайн, Верстка
  • Версия CMS:2.x

Опубликовано 16.03.2018 - 16:14

{* Фильтр по брендам *}
{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}

Вот



#4 kozhushko8

kozhushko8
  • Пользователь
  • 18 сообщений
  • Дизайн
  • Версия CMS:2.x
  • Откуда:Украина

Опубликовано 03.07.2020 - 08:31

{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}





0 пользователей читают эту тему

0 пользователей, 0 гостей, 0 скрытых