Опубликовано: 24 июня 2015

Отображение картинок подкатегорий Есть решение

При нажатии на категорию, хотелось чтобы открывался список подкатегорий с картинками, вот как здесь, у меня просто интернет магазин керамической плитки хотелось бы настроить как надо.

Я скрыл товары в категории как описано здесь и теперь у меня отображается список подкатегорий но только текстом, хотелось бы чтоб были картинки и краткое описание.

Как этого можно добиться?

Заранее большое спасибо!


С уважением Дмитрий!

Комментарии (5)

  • Решение
    Игорь Колмаков +30 29 июня 2015 11:11 #

    1. в вебасист в категориях нет изображений - но можно воспользоваться например этим плагином https://www.webasyst.ru/store/plugin/shop/wmimagei...

    2. в категориях нет краткого описания (но соответственно можно обрезать полное описание)


    в файле "category.html" (магазин-витрина-дизайн)

    замените код

    {if $category.subcategories}
    <div class="sub-categories">
    <table>
    {foreach $category.subcategories as $sc}
    {if $sc@first || ($sc@index is div by 4)}<tr>{/if}
    <td><a href="{$sc.url}">{$sc.name|escape}</a></td>
    {if $sc@last || (($sc@index+1) is div by 4)}</tr>{/if}
    {/foreach}
    </table>
    </div>
    {/if}


    на

    {if $category.subcategories}
    <div class="sub-categories">
    <table>
    {foreach $category.subcategories as $sc}
    {if $sc@first || ($sc@index is div by 4)}<tr>{/if}
    <td style="vertical-align:top;">

    {if shopWmimageincatPlugin::getCategoryImage($sc.id, 'image')}<a href="{$sc.url}"><img src="{shopWmimageincatPlugin::getCategoryImage($sc.id, 'image')}" alt=""/></a>{/if}

    <a href="{$sc.url}">{$sc.name|escape}</a>

    {if !empty($sc.description)}<p>{$sc.description|strip_tags|truncate:80}</p>{/if}

    </td>
    {if $sc@last || (($sc@index+1) is div by 4)}</tr>{/if}
    {/foreach}
    </table>
    </div>
    {/if}


    * комбинатор |truncate:80, определяет количество отображаемых симовлов

    1
  • Дмитрий Шматов +1 30 июня 2015 10:51 #

    т.е. только плагин, бесплатного решения нет?

    1
  • Решение
    Игорь Колмаков +30 30 июня 2015 11:10 #

    можно и бесплатно

    1. загрузите изображение на сайт (сайт-файловый менеджер)

    2. скопируйте url адрес изображений

    3. в настройках категории в поле дополнительные параметры пропишите

    img_cat=url адрес сайта

    * url адрес сайта - это url адрес загруженного изображения

    4. в предложенном выше коде замените

    {if shopWmimageincatPlugin::getCategoryImage($sc.id, 'image')}<a href="{$sc.url}"><img src="{shopWmimageincatPlugin::getCategoryImage($sc.id, 'image')}" alt=""/></a>{/if}

    на

    {if !empty($sc.params.img_cat)}<a href="{$sc.url}"><img src="{$sc.params.img_cat}" alt=""/></a>{/if}


    * самое важное - все загруженные изображения должны быть одного размера (размер выбираете самостоятельно)



    1
  • Дмитрий Шматов +1 1 июля 2015 09:42 #

    Игорь спасибо огроменное :) А как еще вывести ценовой диапазон этой категории, ну допустим от 100 до 300 рублей, какие переменные smarty отвечают за цену?

    где вообще можно посмотреть какие smarty переменные есть:?

    1
  • Игорь Колмаков +30 1 июля 2015 09:56 #

    Дмитрий, это уже другой вопрос - задайте его на новой странице

    1

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите

Услуги

Контакты

Дорогие друзья!

К сожалению, Ваш браузер не поддерживает современные технологии используемые на нашем сайте.

Пожалуйста, обновите браузер, скачав его по ссылкам ниже, или обратитесь к системному администратору, обслуживающему Ваш компьютер.

Internet Explorer

от Microsoft

Chrome

от Google

Safari

от Apple

Opera

от Opera Software

Firefox

от Mozilla

Вверх