Бренды слайдером на главной в теме Удобная покупка
В нужном месте в файле home.html вставьте код:
<div class="brands-slider"> <div class="products-slider-name"><h2>Бренды</h2></div> <ul class="products-slider-0"> {foreach shopProductbrandsPlugin::getBrands() as $b} <li> <div class="image"> <a href="{$b.url}" title="{$b.name|escape}"> <span class="fix"></span> {if $b.image}<img alt="{$b.name|escape}" width="150" src="{$wa_url}wa-data/public/shop/brands/{$b.id}/{$b.id}{$b.image}">{else}{$b.name|escape}{/if} </a> </div> </li> {/foreach} </ul> </div>
При необходимости ширину картинки (width="150") измените на нужную вам.
Далее в файл стилей css либо в блок <style></style> добавьте следующие стили:
.brands-slider .jcarousel-prev, .brands-slider .jcarousel-next { top: -78px; right: 20px; } .brands-slider .jcarousel-prev { right: 50px; } .brands-slider .image { height: 70px; padding: 0 5px; } .brands-slider .image img { max-height: 70px; vertical-align: middle; } .brands-slider .image a { font-size: 150%; text-decoration: none; text-shadow: 0 0 5px; } .brands-slider .image span.fix { display: inline-block; height: 100%; vertical-align: middle; }
Чтобы добавить комментарий, зарегистрируйтесь или войдите
0 комментариев