Вход / Регистрация

Создайте сайт прямо сейчас!

Зарегистрируйтесь по ссылкам и получите дополнительные бонусы при создании сайта



  • Персональный перечень способов заработка на сайте именно вашей тематики
  • Аудит юзабилити сайта бесплатно $20
  • Набор скриптов на сумму $40 для увеличения продаж
  • Аудит юзабилити интернет магазина бесплатно $60

Как получить бонусы?


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

После оплаты одного из пакетов, отправьте запрос на info@ucozmagazines.ru с указанием адреса созданного сайта.

Украшаем каталог магазина - ярлыки Акция, Хит продаж, Новинка

Сергей    27.05.2012    11675    4.8 из 5.0 (16)

Оцените материал:

    Вы, наверно, не раз видели в крупных торговых центрах пестрые ярлычки на полках товара: "новинка", "лучшая цена", "2 по цене 3", "цена по карте" и другие. Почему бы нам не перенять этот полезный опыт? (как мы делали это с Выводом даты доставки на примере магазина Озон)

    Общий принцип размещения ярлыков

    Основная цель, которую преследуют при размещении значков-ярлыков - зацепить внимание клиента на конкретном товаре. Происходит это в каталоге, а значит и размещать их будем в шаблоне каталоге, а именно: "Вид товара в каталоге"

    Суть в том, чтобы около каждой ссылки на страницу товара разместить ярлык, который бы говорил клиенту: "Щелкни по мне, здесь что-то интересное!".

    Согласитесь, выделяется?

    "Лучшая цена", "Распродажа", "Скидка"

    Все перечисленные в заголовке абзаца виды ярлыков имеют один общий момент: это старая цена, она же $OLD_PRICE$. Именно проверку на наличие этого поля мы будем использовать.

    <!-- Шаблон "Вид товара" - Ярлык "Распродажа" -->
    <?if $OLD_PRICE$?>
    Графическая метка "Лучшая цена", "Распродажа", "Скидка"
    <?endif?>

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

    "Новинка", "Новая коллекция", "Только что с таможни"

    Суть: отображаем иконки для товаров, которые были добавлены недавно. Сравниваем дату добавления с текущей датой.

    Здесь немного сложнее, необходимо разбить на части $ADD_DATE$ товара. Делается это потому, что проще избежать ошибок сравнивая отдельно дни/месяцы/годы.

    На помощь придет функция substr. Она извлечет из строки $ADD_DATE$ необходимые значения.

    • - текущий год
    • - текущий месяц от 1 до 12
    • - текущий день месяца от 1 до 31
    • - год добавления
    • - месяц добавления
    • - день добавления

    Теперь у нас готов весь инструментарий, чтобы определить, какое время назад был добавлен товар. Приведу пример: необходимо отобразить иконки "Новинка" для товаров, которые были добавлены не ранее чем два месяца назад.

    <!-- Шаблон "Вид товара" - Ярлык "Новинка" -->
    <?if ($MONTH$-substr($ADD_DATE$,3,2))<=2 ?>
    Графическая метка "Новинка", "Новая коллекция", "Только что с таможни"
    <?endif?>

    Как видно, вычитаем из текущего месяца месяц добавления товара, получив 2 или меньше, получим отображения ярлыка

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

    "Хит продаж", "Бестселлер"

    Здесь готового решения нет, опять придется извращаться: выводим метку Хит продаж для товаров, проданных более N раз. Чему равно N - решать Вам. Вот пример: отображаем ярлык Бестселлер для товара, который был продан более 150 раз.

    <!-- Шаблон "Вид товара" - Ярлык "Хит продаж", "Бестселлер" -->
    <?if ($ENTRY_SOLDS$)>=150 ?>
    Графическая метка "Хит продаж", "Бестселлер"
    <?endif?>

    "Бесплатная доставка этого товара"

    Полезная информация

    Если Вы еще не предоставляете бесплатной доставки, то подумайте над этим. В разделе "Способы оплаты, доставки, валюты и курсы" настройте расчет доставки по матрице. Не забудьте добавить строку в матрицу формирования таксы за доставку, которая будет отвечать за то, с выше какого чека доставка будет бесплатной.

    Фишка подойдет тем магазинам, которые предоставляют бесплатную доставку при заказе на определенную сумму.

    Это уже более серьезная вещь. Вы не только украшаете каталог, но и стимулируете покупки.

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

    Например, у нас бесплатная доставка при заказе от 2000 у.е. Необходимо вывести иконки для соответствующих товаров.

    <!-- Шаблон "Вид товара" - Ярлык "Бесплатная доставка этого товара" -->
    <?if ($PRICE$)>=2000 ?>
    Графическая метка "Бесплатная доставка этого товара"
    <?endif?>

    Небольшой апгрейд для этого пункта: "Бесплатная доставка при заказе двух штук этого товара". Как реализовать? Догадайтесь сами :) (подсказка: $PRICE$ необходимо удвоить).

    "Последняя пара"

    И еще одна сильная вещь. Когда товара остается мало имеет смысл вывести значок, который будет говорить пользователю: "Поторопись, приятель! Ты можешь не успеть купить это, да еще и по низкой цене!"

    Пример: отображаем иконку для товаров, которых осталось менее 10 штук.

    <!-- Шаблон "Вид товара" - Ярлык "Последняя пара" -->
    <?if ($STOCK$)<=10 ?>
    Графическая метка "Последняя пара"
    <?endif?>

    Как видно из примера, мы проверяем количество $STOCK$, если оно меньше 10, то выводим метку.

    "Дополнительная гарантия"

    Вы предоставляете дополнительную гарантию на определенные товары? Это отлично! Но почему об этом знают не все? Отобразите эту информацию на страницах каталога.

    Предлагаю для отметки того, что товар имеет усиленную гарантию, использовать дополнительно поле. При импорте прайса заполните колонку со свободным дополнительным полем, например $OTHER9$. Достаточно просто поставить в колонку "+", чтобы потом мы могли его удачно идентифицировать на страницах каталога (о том, как включить доп. поля я писал здесь).

    <!-- Шаблон "Вид товара" - Ярлык "Дополнительная гарантия" -->
    <?if ($OTHER9$) ?>
    Графическая метка "Дополнительная гарантия"
    <?endif?>

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

    Заключение

    Вариантов размещения ярлыков для товаров может быть масса, просто надо проявить фантазию и смекалку.

    Вам есть, что добавить? Пожалуйста, велкам!

    Статьи по теме

    Обсуждение

    Всего комментариев: 40

    avatar
    1
    что значит Графическая метка?
    avatar
    2
    это значок или примечание, которое Вы приклеиваете к товару в зависимости от условия
    avatar
    3
    Спасибо за прекрасную статью! А как сделать ярлыки для товаров которые находятся в определённой категории? Например, я хочу сделать добавление ярлыков к новинкам не по дате добавления товара, а по определённой категории к которой принадлежит товар. Если товар принадлежит к категории ТОП 20, то выводятся одни ярлыки, если к категории Новинки - другие, но если товар принадлежит к нескольким категориям например, и ТОП 20 и Новинки, то будут выводится 2 ярлыка, как это сделать? Спасибо!
    avatar
    4
    чтобы сделать ярлыки для определенной категории необходимо к условию добавить проверку на $CID$ или $URI_ID$.

    Например,
    Code

    <?if ($MONTH$-substr($ADD_DATE$,3,2))<=2 ?>
    Графическая метка "Новинка", "Новая коллекция", "Только что с таможни"
    <?endif?>  
    <?if $CID$='ID категории ТОП20'?>
    Ярлык для категории ТОП20
    <?endif?>


    ID категории можно узнать в админ баре, пункт Дизайн -> Список переменных страницы -> $URI_ID$ -> cat1399page1
    1399 - это и есть ID категории. Еще его можно узнать в ПУ - Управление категориями.

    Или проверять не $CID$, а на $URI_ID$, как удобнее.
    avatar
    5
    Спасибо, за ответ! А как сделать чтобы высвечивался ярлык, если категория ТОП 20 не основная у товара, а одна из многих к которым относится товар? Сделать основной категорией товара ТОП 20 или есть другой вариант? dry
    avatar
    6
    даже не знаю, что на это ответить. но обещаю подумать
    avatar
    7
    Спасибо! У меня был вариант с помощью $ENTRY_CATS$ - списка всех категорий которым принадлежит материал, но ничего не получилось. smile
    avatar
    8
    Буду реализовывать ярлыки с помощью Доп. полей
    avatar
    9
    Странно, но у меня условие вывода новинок НЕ срабатывает при размещении в "Вид товара в каталоге".
    Данное условие отлично работает на "Страница товара". Вывод товара с графической меткой "новинка" за предыдущие годы, успешно убрана путем сравнения текущего года.

    А в "Вид товара в каталоге", при данном условии, метка выводится у каждого товара не смотря на разные во времени даты добавления.
    Над причиной сломал голову, но так и не понял.
    В теории - должно работать (и работает на "Страница товара"). А вот с практикой в "Вид товара в каталоге" - отказывается.
    Кто-то реализовал успешно данное условие именно в "Вид товара в каталоге"?
    avatar
    12
    Извиняюсь, что долго не отвечал

    Андрей, возможно для Вид товара в каталоге не работает вывод даты. Но решить можно и с помощью Javascript
    avatar
    10
    HeTpe3B, у меня вопрос - Вы на практике пробовали условие вывода новинок? дело в том, что я даже исходный код страницы восстанавливал, но данное условие в "Вид товара в каталоге" НЕ работает...
    Очень хотелось бы ваш комментарий в этом вопросе.
    avatar
    11
    Спасибо за вопрос! Код этот пробовал немного в другом виде, возможно допустил ошибку. Я сейчас в отпуске, отвечу Вам подробно и дам рабочий вариант в скором времени :)
    avatar
    15
    Спасибо за ответ!
    Для Вид товара в каталоге вывод даты - работает. Дату показывает исправно. Проверял вставив условный оператор, так как это было моим первым подозрением о причине.
    Буду ждать вашего ответа :-)
    avatar
    13
    Попробуйте реализовать ярлыки новинок через дополнительные поля и условия, я этим пользуюсь, когда захотел тогда и убрал из доп поля надпись новинка.
    avatar
    14
    Спасибо за совет. Я его читал у вас несколько выше и понял, что вы имеете ввиду. Мне к сожалению не подойдет. Причина: у меня много суеты и я попросту буду путаться и забывать. И так много чего в ручную приходится делать, поэтому хочу автоматизировать то, что возможно. Дополнительная поля меня во многом спасают по другим моментам, тут к сожалению не подойдет (((
    avatar
    16
    Не получилось реализовать, пробовал с доставкой и распродажей (самые на мой взгляд простые)

    Вставлял Ваш шаблон с заменой строки "графическая метка......" на HTML код картинки из файлового менеджера сайта (предварительно загружена)

    без шаблона картинка отображается, в шаблоне нет.
    Нужно ещё что-то поменять, или я вообще всё не так делал?
    Ответ: Иван, пришлите мне на e-mail sm@ucozmagazines.ru ссылку на страницу сайта, попробуем разобраться
    avatar
    17
    Спасибо за помощь, всё работает,
    Разобрался с шаблоном распродажа у Вас на странице $OLD_PRICE$

    зделал вот так

    <!-- Шаблон "Вид товара" - Ярлык "Распродажа" -->
    <?if $PRICE_OLD$?>

    И всё заработало.
    M
    18
    ChenSiNi, Вы не решили данную проблему???
    А то у меня тоже загвоздка возникла....
    "все не могу сделать так, чтобы иконка скидки стояла в самом изображении (превью) товара в каталоге в левом или правом верхнем углу. "

    Очень надеюсь на помощь....
    g
    19
    Здравствуйте, не получается разобраться с кодом
    <!-- Шаблон "Вид товара" - Ярлык "Бесплатная доставка этого товара" -->
    <?if ($PRICE$)>=2000 ?>
    Графическая метка "Бесплатная доставка этого товара"
    <?endif?>

    Не выводит картинку. А если изменить знак <=2000 то выводит. Что это означает? У нас бесплатная доставка от 2000р.
    avatar
    20
    Наталья, <?if ($PRICE_RAW$)>=2000 ?>
    g
    21
    Огромное спасибо, все работает.
    L
    22
    А как приклеиить эти значки на фотографию товара, где-нибудь с краю?
    L
    23
    Код
    <!-- Шаблон "Вид товара" - Ярлык "Распродажа" -->
    <?if $OLD_PRICE$?>
    [i]Графическая метка "Лучшая цена", "Распродажа", "Скидка"
    <?endif?>
    Не работает.

    Работает вот так:
    Код
    <!-- Шаблон "Вид товара" - Ярлык "Распродажа" -->
    [b]<?if($PRICE_OLD$)?>
    [i]Графическая метка "Лучшая цена", "Распродажа", "Скидка"
    [b]<?else?><?endif?>
    L
    24
    "Новинка", "Новая коллекция", "Только что с таможни"
    Ваш метод будет работать если с даты добавления товара прошло менее года, а если прошел уже год, то будет выводить не то что нужно. Ведь если сейчас июль 07/14 а добавлялся товар в прошлом году к примеру в июне 06/13. То та формула которая в примере 

    <?if ($MONTH$-substr($ADD_DATE$,3,2))<=2 ?> 
    07-06<=2 = уравнение верно, но этот товар не будет новинкой. 

    Вы знаете код, что бы работал для товаров которым более года?
    avatar
    0
    25
    Конечно, надо добавить еще и проверку на год)
    L
    29
    А как это сделать? Блин запутался с этими операторами :(
    
    Код
    <?if ($MONTH$-substr($ADD_DATE$,3,2))<=2 ? && ($YEAR$-substr($ADD_DATE$,6,4))>=2014 ?>

    Как тут сделать, что бы у тех товаров которые были добавлены 2 месяца назад, но с учетом тех, кто был добавлен более года назад, что бы они не показывались как новинка.
    avatar
    0
    30
    Код
    <?if ($MONTH$-substr($ADD_DATE$,3,2))<=2 ? & $YEAR$=substr($ADD_DATE$,6,4) ?>
    думаю, так должно работать.
    L
    31
    Спасибо за ответ!
    Но что-то не работает с этим кодом. Не отображается.
    avatar
    32
    Просто надо убрать лишний знак "?"

    <?if ($MONTH$-substr($ADD_DATE$,3,2))<=2&$YEAR$=substr($ADD_DATE$,6,4) ?>

    и все заработает.
    g
    26
    Сергей, расскажите, пожалуйста, как же нам картинку "Распродажа" к примеру, сделать на превью товара?
    avatar
    0
    27
    Спасибо)
    avatar
    28
    кому интересно, как сделать картинку на превью товара, докладываю по существу:
    данный вопрос я задавал на сайте вопросов UCOZ. Вот ссылка (описано два способа и они мною лично проверены):
    http://www.ucoz.ru/qa/index.php/6194/
     я выбрал первый вариант и вот что у меня получилось (если у меня еще будет работать модуль интернет-магазин):
    elka2015.ucoz.ru
    avatar
    33
    Доброе время суток!
    Подскажите пожалуйста как сделать что бы картинка исчезала через 10 дней
    Точнее как вот это переделать:
    <!-- Шаблон "Вид товара" - Ярлык "Новинка" -->
    <?if ($MONTH$-substr($ADD_DATE$,3,2))<=2 ?>
    Графическая метка "Новинка", "Новая коллекция", "Только что с таможни"
    <?endif?>

    Заранее спасибо
    avatar
    0
    34
    Здравствуйте!

    По идее, здесь бы помогла переменная $TIMESTAMP$, но в магазине ее нет. Можно с помощью JavaScript попробовать:

    
    Код
    <div class="new-item-$ID$" style="display:none;">[i]Графическая метка "Новинка"</div>
    <script>
    (function(){
         var a = new Date('$ADD_DATE$'), b = new Date();
         a = a.getMilliseconds();
         b = b.getMilliseconds();
         if((a - b) < 1000*60*60*24*10) {
           $('.new-tem-$ID$').show();
         }    
        })();
    </script>
    avatar
    35
    Спасибо за помощь, но этот скрипт не работает. Есть еще варианты?
    avatar
    36
    И еще в этом коде:
    <!-- Шаблон "Вид товара" - Ярлык "Новинка" -->
    <?if ($MONTH$-substr($ADD_DATE$,3,2))<=2 ?>
    Графическая метка "Новинка", "Новая коллекция", "Только что с таможни"
    <?endif?>
    Я так полагаю нужно поставить проверку года иначе будет появляться метка и на старых товарах которым год , два и тд. Вроде так:
    <!-- Шаблон "Вид товара" - Ярлык "Новинка" -->
    <?if($MONTH$-substr($ADD_DATE$,3,2))<=2&$YEAR$=substr($ADD_DATE$,6,4)?>
    Графическая метка "Новинка", "Новая коллекция", "Только что с таможни"
    <?endif?>
    Вроде так если я не ошибаюсь.
    avatar
    0
    37
    Не совсем. Может быть ситуация, когда товар добавлен в конце месяца и ранее чем через 10 дней наступит новый месяц. Тогда такая метка показана не будет.

    Попробуйте еще раз скрипт выше, там неправильно ковычка была проставлена.
    avatar
    38
    Попробовал, не работает. Не показывает иконку о новом товаре
    avatar
    0
    39
    Пришлите ссылку на магазин в ЛС и ID товара нового
    avatar
    40
    Отправил
    Украшаем каталог магазина - ярлыки Акция, Хит продаж, Новинка
    Украшаем каталог магазина - ярлыки Акция, Хит продаж, Новинка