Красивый вывод всех брендов
Нужно открыть настройки плагина и поправить шаблон вывода всех брендов:
<style>
.brands-list a {
display: inline-block;
width: 180px;
padding: 10px;
border: 1px solid rgba(186,186,186,.46);
margin: 0 10px 15px 0;
box-shadow: 0 0 0 1px rgba(255,255,255,.38),inset 0 0 8px rgba(97,97,97,.07);
}
.brands-list a img {
max-width: 100%;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}
.brands-list a:hover img {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
filter: grayscale(0%);
filter: none;
}
</style>
<div class="brands-list">
{foreach $brands as $b}
<a href="{$b.url}">{if $b.image}<img src="{$wa_url}wa-data/public/shop/brands/{$b.id}/{$b.id}{$b.image}">{else}{$b.name}{/if}</a>
{/foreach}
</div>
Чтобы добавить комментарий, зарегистрируйтесь или войдите
0 комментариев