Перейти к содержимому
  • Добавление товаров в интернет-магазин

       (2 отзыва)

    Евгений Зубов
    • 5 4,25,2,6,20,3,26,27,28,29 4,6,32 https://creatura.club/uploads/monthly_2016_07/05_%D0%94%D0%BE%D0%B1%D0%B0%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D0%B5_%D1%82%D0%BE%D0%B2%D0%B0%D1%80%D0%BE%D0%B2_%D0%B8_%D0%B8%D1%85_%D0%BD%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0.mp4.ca8a3afc786acc3c02a98f589bcf36ff.mp4 12 До 15 минут Евгений Зубов display: none; https://creatura.club/uploads/ Средняя сложность display: none;
      1. Создайте более одного товара
      2. Задайте для товаров разные товары
      3. Протестируйте работу магазина в браузере

      В предыдущем уроке мы настроили базовую основу для интернет-магазина. Теперь мы будем изучать, как работать с добавлением товаров, и подробно разберем  «Виджет товарной кнопки». Ранее мы добавили виджет товарной кнопки в шаблоны, но это не совсем правильно, так как шаблон – это элемент, который будет повторяться на многих страницах. Поэтому данный виджет на шаблоне размещать не нужно. Мы ее просто удаляем. Таким образом, на шаблоне остаются 2 обязательных виджета для того, чтобы они были на всех страницах интернет-магазина.

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

      Виджет ИМ устроен таким образом, что количество товаров в вашем интернет-магазине прямо равно количеству виджетов кнопки. То есть, если вам нужно разместить 10 товаров, то нужно будет создать 10 виджетов кнопки. Их расположение будет такое же, как и в программе. Поэтому следите за расположением кнопки.

      А сейчас мы разберем, какие настройки есть в этом весьма полезном и простом виджете. У нас будет 2 товара в качестве примера, чтобы вы видели разницу в настройках. Все настройки будут производиться с виджетом, расположенным справа. Левый останется неизменным.

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

      Главная настройкагалочка – позволяет настроить взаимодействие посетителя ИМ. Если мы ее уберем, то клиент нажать на кнопку не сможет. Это применяется в том случае, если товара нет в наличии. Перейдем в пункт "Файл" – "Предварительный просмотр в браузере", чтобы посмотреть данную настройку. Мы видим, что при нажатии на кнопку слева (неизменную), в корзину добавляется столько товаров, сколько раз мы нажмем на кнопку. Если же мы нажимаем на кнопку справа, то добавление товара не происходит, сколько бы раз мы не нажимали на нее.

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

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

      Вторая опция это название товара. Это очень важная опция, потому что как только вы что-то меняете в данном поле, у вас появляется новый товар. Если мы сейчас вернемся в браузер, то вы увидите эти разные кнопки, которые добавляют в корзину один и тот же товар. Мы нажимаем на левую и правую кнопку, при этом в корзине у нас 2 товара по одной и той же стоимости в 1500.

      И для того, чтобы создать новый товар, нужно зайти в настройки одной из кнопок и изменить название товара. Например, Товар 1 будет называться "Красный шлем", а Товар 2 "Синий шлем". Теперь снова перейдем в браузер, очистим корзину от ранее добавленных товаров, и когда мы нажмем на левую кнопку, то в корзине окажется "Красный шлем", а если на правую, то "Синий шлем". Это уже два разных товара.

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

      Третья опциястоимость товара. По умолчанию у нас в настройках указана стоимость 1500 рублей. Здесь все достаточно просто, нужно лишь в поле стоимости изменить ее на нужную сумму. Изменим стоимость синего шлема на 3200 рублей. Теперь при просмотре в браузере при нажатии на кнопку, добавляется синий шлем со стоимостью 3200 рублей и красный шлем за 1500 рублей. Итоговая сумма – 4700 рублей .

      Четвертая опциянастройка количества добавляемого товара при одном клике на кнопку. По умолчанию при одном нажатии на кнопку в корзину добавляется только 1 товар. Но вы можете установить любое количество товаров, например, поставить 7. И при просмотре в браузере вы увидите, что при одном клике на кнопку добавляется сразу 7 товаров со стоимостью каждого 3200 рублей.

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

      Если вам понадобится изменить размер товарной кнопки, то достаточно просто растянуть кнопку, потянув за угол, при этом текст внутри кнопки будет автоматически центрироваться.

      Таким образом, вы можете очень просто управлять своими товарами в интернет-магазине. При этом нет ограничений по количеству товаров на странице, но, конечно же, нужно учитывать некоторый фактор логичности. А именно, если у вас, к примеру, 1000 товаров на странице, то это будет в неудобно клиенту. Мы рекомендуем размещать на одной странице не более 50 товаров.

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


      Жалоба


    Отзывы пользователей


    Всё понятно объясняется.Всё получилось.

    Поделиться отзывом


    Ссылка на отзыв

×