Бренды с картинками и описаниями (wa-apps.ru)
Ссылка на плагин в магазине webasyst. Плагин приобретается отдельно.
1. В настройках темы дизайна переключите опцию "Плагин Брендов" на вариант "Бренды с картинками и описаниями (wa-apps)":
2. Перейдите в приложение Магазин -> Плагины -> плагин Бренды с картинками и описаниями. В опцию "Размеры эскизов" добавьте размеры эскизов 200;150x0:
3. В опции "Шаблон вывода на витрине в блоке навигации (frontend_nav)" замените код на следующий:
<ul class="menu-v brands"> {foreach $brands as $b} <li {if $b.name == $wa->param('brand')}class="selected"{/if}> <a href="{$b.url}" title="{$b.name|escape}"> {if 0 && $b.image} <img alt="{$b.name|escape}" src="{$wa_url}wa-data/public/shop/brands/{$b.id}/{$b.id}{$b.image}" alt="{$b.name|escape}"> {else} {$b.name|escape} {/if} </a> </li> {/foreach} </ul>
4. В опции "Шаблон вывода на витрине страницы бренда: результаты поиска (frontend_search)" замените код на следующий:
<div class="brand-page__description"> {if $brand.image} <img class="brand-page__logo" alt="{$brand.name|escape}" src="{$wa_url}wa-data/public/shop/brands/{$brand.id}/{$brand.id}.200{$brand.image}"> {/if} {$brand.description} </div> {if $categories} <div class="brand-page__categories"> {foreach $categories as $sc} <a class="brand-page__category" href="{$sc.url}">{$sc.name|escape}</a> {/foreach} </div> {/if}
5. В опции "Шаблон вывода на витрине страницы со списком всех брендов (/brands/)" замените код на следующий:
- список брендов с логотипами:
<div class="brands-page__outer"> <div class="brands-page"> {foreach $brands as $b} <a class="brands-page__item" href="{$b.url}"> <span class="brands-page__item-inner"> {if $b.image} <img alt="{$b.name|escape}" src="{$wa_url}wa-data/public/shop/brands/{$b.id}/{$b.id}.200{$b.image}"> {else} <span>{$b.name}</span> {/if} </span> </a> {/foreach} </div> </div>
- список брендов без логотипов:
<div class="brands-cols"> {foreach $brands as $b} <div class="brands-cols__item"> <a class="brands-cols__title" href="{$b.url}">{$b.name|escape}</a> </div> {/foreach} </div>