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

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

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



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

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


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

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

Кейс №6. Наборы товаров

Сергей    26.11.2014    2473    5.0 из 5.0 (7)

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

    О чем здесь?

    В данной заметке речь пойдет о способе реализации наборов товаров с помощью информера uCoz.

    Наборы товаров - это способ привлечения внимания к группе товаров и возможность в один клик добавить эту группу в корзину покупателя.

    Создание информера товаров набора

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

    Наборы товаров - создание информера наборов

    Теперь перейдите в редактирование шаблона информера и добавьте следующий код:

    <!-- Шаблон товаров в наборе -->
    <div class="col-md-4 text-center">
    <a href="$ENTRY_URL$">$NAME$</a>
    <div class="lead">$PRICE$</div>
    <a href="$ENTRY_URL$"><img alt="" src="$THUMB$" class="gphoto img-thumbnail" id="$BLOCK_PREF$-gphoto-$ID$"></a>
    </div>
    <!-- Скрипт для набора, не изменять -->
    <script type="text/javascript">
    <?if $NO$ = 1?>
     umSets.$BLOCK_PREF$ = [[$ID$],+parseInt($(".$BLOCK_PREF$-good-$ID$-price").text())];
    <?else?>
     umSets.$BLOCK_PREF$[0].push($ID$);
     umSets.$BLOCK_PREF$[1] += +parseInt($(".$BLOCK_PREF$-good-$ID$-price").text());
    <?endif?>
    </script>
    

    Размещение информера наборов

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

    <!-- Разместить перед </head>-->
    <script type="text/javascript">
    var umSets = { };
    </script>
    
    <!-- Разместить в месте вывода набора-->
    <div class="row" id="inf15">$MYINF_15$
    <p class="um-set-sum">руб.</p>
    <button class="um-set-btn"> Купить набор </button>
    </div>
    
    <!-- Разместить перед </body>-->
    <script type="text/javascript">
    function addSet(pref) {
     for(i=0;i<umSets[pref][0].length;i++) {
     _uPostForm('',{type:'POST',url:'/shop/basket',data:{'mode':'add', 'id':umSets[pref][0][i], 'pref':pref, 'cnt':1}});
     }
     $.fancybox('#added-to-cart-message-alert');
     return false; 
    }
    for (set in umSets) {
     $("#"+set+" .um-set-sum").prepend(umSets[set][1]);
     $("#"+set+" button").click(function(){
     addSet(set);
     });
    }
    </script>
    

    Обратите внимание на следующие вещи:

    • id информера $MYINF_15$ и id="inf15" родительского контейнера имеют одинаковый числовой литерал (15). В вашем случае они также должны совпадать;
    • валюта указывается в <p class="um-set-sum">...</p> и может быть любой (пример <p class="um-set-sum">руб.</p>);
    • строка $.fancybox('#added-to-cart-message-alert'); вызывает окно с корзиной после нажатия кнопки "Купить набор". Как это реализовать описывалось в уроке про корзину.

    Демонстрация работы

    Пример работы скрипта набора товаров.

    Недостатки данной реализации

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

    • Не работают опции товаров
    • Некорректно отображается валюта при переключении. Валюта задается один раз в шаблоне странице и не может быть изменена
    • Не протестирована корректная работа скрипта при размещении нескольких информеров наборов на одной странице

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

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

    Обсуждение

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

    g
    1
    А как к этому набору скидку приделать? Чтобы при покупке набора получалось дешевле, чем по штучно.
    avatar
    0
    2
    А вот тут начинается самое интересное. Я уже думал над этим.

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

    Я где-то читал, что наборы отлично работают даже без скидки, но пока тестировать не приходилось.
    Кейс №6. Наборы товаров
    Кейс №6. Наборы товаров