Укрощяем блок Бренды

Если у вас много брендов, допустим 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

Смотрите также