Опубликовано: 21 апреля 2016
Как реализовать отображение категорий плитками?
Подскажите как можно сделать отображение категорий/подкатегорий не списком их названий, а плитками, аналогично тому как показываются товары?
- Коломна, ул. Кирова, 60а, офис 7
- +7 (995) 656-25-45
- kolmakov.igor@gmail.com
Комментарии (3)
Нужно больше информации, сделайте скриншот или рисунок желаемого отображения.
Вот попытался сделать на основе стилей списка товаров. Хочется примерно так, но компактнее.
Каким образом Вы вывели изображение категорий?
нужен код и адрес Вашего сайта
Я использовал плагин "Картинки для категорий"
URL: new.tool-mart.ru
В шаблоне category.html
<!-- subcategories -->
{if 0 && $category.subcategories}{* PLUGIN WMIMAGEINCAT: replace 0 to 1 to enable *}
<ul class="piicsl">
{foreach $category.subcategories as $sc}
<li class="piicsl-item">
<a href="{$sc.url}">
<div class="piicsl-img">
{if $sc.image}
<a href="{$sc.url}"><img src="{$wa_url}wa-data/public/shop/categories/{$sc.id}/{$sc.id}.200{$sc.image}" alt="{$sc.name|escape}"></a><br>
{/if}
<img src="{if shopWmimageincatPlugin::getCategoryImage($sc.id, 'image')}{shopWmimageincatPlugin::getCategoryImage($sc.id, 'image')}{else}{$wa_theme_url}img/dummy200.png{/if}" alt="" />
</div>
<span class="piicsl-title">{$sc.name|escape}</span>
</a>
</li>
{/foreach}
</ul>
В profitbuy.user.css
{literal}
<style type="text/css">
.cat .pl-item-wrapper{height: 250px; padding: 2px 5px;}
.cat .pl-item-wrapper .badge-wrapper {min-height: 170px; line-height: 170px;border: 0px solid #000;}
.cat .pl-item-wrapper .badge-wrapper img {margin: 0; padding 0;}
</style>
{/literal}
Отмените ваши изменения и попробуйте воспользоваться этой инструкцией:
http://wm-site.ru/profitbuy/294/ikonka-izobrazhenie-i-banner-dlya-kategorii/
Спасибо, отлично работает, только использовал другой плагин для картинок.
Разницы никакой, только заменить конструкции вывода изображений на рекомендуемые в используемом плагине.