Укрощяем блок Бренды
Если у вас много брендов, допустим 100 или 200, список будет очень длинный и растянется на всю высоту сайта, мы предлагаем его сократить и сделать ссылку "Показать все". См. нашу картинку, как это будет выглядеть
Откройте файл home.split.html и category.html и произведите замену кода
{if method_exists(shopProductbrandsPlugin, 'getBrands')} <div class="brands-shop hidden-md-down"> <h5>[`Brands`]</h5> <div class="row"> {foreach shopProductbrandsPlugin::getBrands() as $b} <div class="col-lg-6 col-md-6"> <a title="{$b.name}" href="{$b.url}">{$b.name}</a> </div> {/foreach} </div> </div> {/if}
На новый код
{if method_exists(shopProductbrandsPlugin, 'getBrands')} <div class="brands-shop hidden-md-down"> <h5>[`Brands`]</h5> <div class="row"> {foreach shopProductbrandsPlugin::getBrands() as $b} <div class="col-lg-6 col-md-6" {if $b@iteration > 10}style="display:none;"{/if}> <a title="{$b.name}" href="{$b.url}">{$b.name}</a> </div> {/foreach} </div> {if shopProductbrandsPlugin::getBrands()|count > 10}<p><small><a href="#" class="show-all-brands">Показать все</a></small></p>{/if} <script> $(".show-all-brands").click(function() { $(".brands-shop .col-lg-6").css("display", "block"); $(this).hide(); return false; }); </script> </div> {/if}
В данном коде выводиться 10 первых записей брендов, если вы хотите выводить 20 или другое любое число, в коде $b@iteration > 10 и shopProductbrandsPlugin::getBrands()|count > 10 замените цифру 10 на ваше число, допустим 20
Смотрите также
26 июля 2024
10 июня 2024
26 октября 2023
7 июля 2023
31 октября 2022
22 марта 2022
1 апреля 2021
2 февраля 2021
18 ноября 2020