Иконка, изображение и баннер для категории

Иконка, изображение и баннер для категории для Shop-Script X

Привлекательное графическое оформление категорий

68 оценок

Ваш отзыв
Установок
2000+
Разработчик
Поддержка

1. в файле index.html (сайт - дизайн - шаблоны)
перед закрывающим элементом </body>
пропишите конструкцию:

<script>
{if $wa->shop && class_exists(shopWmimageincatPlugin)}var images = {json_encode(shopWmimageincatPlugin::getCategoryImageObj())};{/if}
$(document).ready(function(){
if(typeof(images) != 'undefined'){
$.each(images, function(k,v){
if(v.icon) {
$('[data-icon-id="'+k+'"]').prepend('<img src="'+v.icon+'" alt="" style="vertical-align:middle; margin-right:3px;">');
}
});
}
});
</script>

2. Для элементов "a" (ссылка на категорию) прописываем атрибут data-icon-id, в качестве значения которого - идентификатор категории.

В файле содержащим вывод навигации по категориям, формироваться навигация может двумя способами:

а) через функцию {wa_print_tree} (подробнее про функцию)
в констуркции функции для элемента "a" пропишите атрибут data-icon-id=":id", что бы элемент "a" в этой функции выглядел так:

{wa_print_tree tree=$data elem='<a href=":url" data-icon-id=":id">:name</a>' selected=$selected_category class="category-tree" attrs="title='Дерево категорий'" collapsible_class="parent"}

б) через перебор массива дерева категорий функции {foreach}
Для каждого элемента "a" пропишите атрибут data-icon-id="{$cat.id}", где $cat - имя перебираемого массива

* Название файла и его расположение не указанны, т.к. имя файла и его расположение индивидуальны для каждой темы - это Вам следует уточнить у автора вашей темы