Товар больше не доступны в связи с прекращение сотрудничества с автором. Выберите подходящий курс из похожих.
Автор: Евгений Попов
После изучения курса вы сможете создавать интернет-магазины для себя и сэкономить как минимум 50000 рублей, которые вам пришлось бы выложить при заказе подобного магазина в веб-студии. Более того, вы будете еще экономить на последующих доработках и поддержке вашего магазина в рабочем состоянии. И самое главное — ни вы, ни ваш магазин не будет зависеть от других людей. Вы его создаете, вы знаете его устройство, а значит, в любой момент сможете вносить нужные изменения и устранять выявленные недочеты.
Раздел 1. Стартовый.
В этом уроке мы подробно обсудим три способа создания интернет-магазин своими силами. Это нужно для того, чтобы у вас было четкое понимание, каким путем мы идем и какие плюсы и минусы есть у этого пути.
В этом видео вы научитесь регистрировать доменное имя для своего сайта. И хотя изначально мы его использовать не будем, потому что всю разработку будем вести на тестовом домене, в будущем это поможет нам мгновенно переключиться на основной домен.
В этом уроке мы сначала обсудим, как лучше всего изучать данный курс, чтобы получить от него максимум результата. После этого я покажу вам, как зарегистрироваться в системе InSales и получить дополнительные 14 дней бесплатного использования системы, что позволит вам почти целый месяц учиться работе с этой системой совершенно бесплатно.
В этом уроке вы подготовите свой браузер для удобной работы. Кроме этого вы познакомитесь с администраторской зоной вашего интернет-магазина.
В этом уроке вы научитесь добавлять новый товар в ваш интернет-магазин. Вы узнаете, где брать тестовые товары для периода обучения. Каждый товар относится хотя бы к одной категории. Вы разберетесь, почему некоторые категории отображаются тусклым серым цветом и как их можно использовать для своей пользы. Также из этого урока вы узнаете почему важно правильно заполнять параметры товара при добавлении его в магазин.
Часто один и тот же товар в вашем магазине может иметь разные вариации. Например, вы продаете детское автокресло и оно есть в двух цветовых вариантах — красное и черное. По сути, это два разных физических товара. Но как их добавить на сайт? Как отдельные товары или как один, но с разными вариациями? Или добавить как отдельные, но внутри сделать выбор модификации. Ответ на этот вопрос вы найдете в данном уроке.
Скорее всего, вы уже видели в разных интернет-магазинах такой момент, что под тем товаром, который вы смотрите выводятся сопутствующие и аналогичные товары. Этот прием позволяет увеличить продажи. Например, если вы выбираете автокресло, то внизу страницы товара это может выглядеть так.
Когда у вас в магазине десятки, сотни или тысячи товаров и вам надо срочно поднять цену всех этих товаров на 10%, то ручной вариант здесь явно не подойдет. Поэтому ваша задача научиться массово применять различные действия к товарам, чтобы экономить свое время. Этим мы и займемся в этом уроке.
В этом уроке вы узнаете один очень важный принцип, который позволит вам выводить определенные товары в нужном месте сайта. Это может быть главная страница, это может быть страница акции или распродажи. Главное понимать принцип, а его вы узнаете в этом уроке.
На сайте любого интернет-магазина должны быть обязательные страницы. Как минимум, это страницы: «О компании», «Оплата и доставка» и т.д. О том как эти страницы создавать в рамках InSales, вы узнаете из этого урока.
В предыдущем уроке мы с вами учились создавать страницы, но пока что все страницы, которые мы создали, нигде не отображаются. Цель этого урока научиться выводить ссылки на созданные страницы в навигационном меню. На сайте может быть несколько навигационных меню. При этом одна и та же страница может входить сразу в несколько навигационных меню, которые у вас есть.
Раздел 2. Устройство шаблона и базовые конструкции.
Мы открываем серию уроков, которые посвящены внедрению нового дизайна для вашего интернет-магазина. Здесь мы поговорим о том, почему вообще важно использовать уникальный и качественный дизайн вашего интернет-магазина.
В этом уроке мы с вами поговорим о тех инструментах, которые вам понадобятся для полноценной работы по изменению дизайна вашего интернет-магазина. Также вы узнаете о том, где заказывать уникальный дизайн для вашего интернет-магазина.
Начиная с этого урока мы с вами будем много работать с кодом нашего интернет-магазина. Чтобы полноценно применить новый дизайн, мы будем много работать с шаблонами магазина, которые по большей части состоят из HTML и CSS кода. Поэтому если у вас нет понимания этих простых технологий, то перед тем как идти дальше, я рекомендую вам их изучить хотя бы на базовом уровне. Также было бы здорово уметь пользоваться программой Adobe Photoshop. Материалы для обучения прилагаются (HTML, CSS, Photoshop).
В этом уроке мы начинаем изучение вкладки «Дизайн». Как вы скорее всего знаете, в системе InSales есть ряд встроенных тем оформления, на которые вы можете быстро переключить свой магазин. Здесь мы поговорим, как это делается. Кроме этого мы с вами разберем, какие два варианта по доработке дизайна у нас есть. А также изучим те возможности, которые позволят нам отслеживать все внесенные в тему оформления изменения, а также возвращаться назад благодаря точкам восстановления.
Один из главных уроков курса. Здесь вы изучите устройство шаблона в системе InSales. Это понимание позволит вам легко дорабатывать интернет-магазин под себя как в плане дизайна так и в плане добавления новых и удаления ненужных элементов. В этом уроке мы «по косточкам» разберем главный шаблон нашего интернет-магазина.
В этом уроке вы изучите главный блок шаблона — блок контента. Если вы внимательно посмотрите на сайт, то увидите что все блоки сайта более-менее постоянны, а вот блок контента постоянно меняется. Важно понять, как он устроен, чтобы иметь возможность управлять выводом информации в этот блок.
В этом уроке вы изучите сниппеты. Сниппеты — это, как правило, небольшие кусочки кода, которые выводятся в разных местах шаблона. Если понять как они устроены, то можно легко менять место вывода различных элементов страницы, чем мы и будем успешно пользоваться на протяжении многих последующих уроков. Поэтому очень важно внимательно изучить этот урок.
Любой шаблон — это просто каркас, который при генерации страницы наполняется данными. Но все страницы разные и выводиться на них должна разная информация. Как же этого добиться? А достигается это за счет переменных, которые через специальные конструкции добавляются в разные места шаблона, а при генерации страницы на их место подставляются разные данные. Все это вы будете изучать в этом уроке. Будет интересно.
Иногда недостаточно просто вывести переменную, т.к. стандартный формат ее вывода нам не подходит. Например, если просто вывести переменную цены, то у нас выведутся только цифры. А как быть если нам надо вывести не только цифры, но еще и знак валюты? В этом случае на помощь приходят фильтры, которые позволяют воздействовать на вывод переменных и видоизменять их тем или иным способом. Еще один пример — вывод даты. Дату можно вывести в самых разных форматах: 20.01.16, 20 января 2016, 20/01/2016 т.д. Так вот, переменная выводит дату, а фильтр говорит, в каком формате её выводить. Все это вы изучите в этом уроке.
В этом уроке вы изучите еще один важный момент, который позволяет выводить информацию на странице только при соблюдении определенных условий. Из этого урока вы поймете, почему шаблон у нас вроде как один, но почему-то какие-то его элементы выводятся всегда, а какие-то появляются только иногда. Этот урок очень важен, изучайте его внимательно.
В этом уроке мы с вами изучим конструкцию unless. Мы ее практически не будем использовать на практике, но она может попадаться вам в коде, поэтому чтобы вы знали для чего она нужна, мы изучим ее на практическом примере.
В этом уроке вы изучите еще одну важную конструкцию, которую мы будем много использовать в дальнейших уроках. Эта конструкция позволяет перебирать в цикле элементы объекта. Например, вы не можете просто вывести все товары, обратившись к переменной, вам нужно запустить цикл, в каждой итерации которого будет выводиться по одному товару, пока не будут выведены все. О том, как это делать в теории, вы узнаете в этом уроке.
Здесь вы уже перейдете от теории циклов к практике и выведите свой первый цикл из товаров определенной категории.
В продолжении к простым циклам, которые мы изучили за предыдущие два урока, в этом уроке мы изучим вариант, когда нам нужно использовать один цикл внутри другого. Может быть это звучит сложно, но как вы увидите в уроке, все это на самом деле просто, если понимать суть.
Раздел 3. Смена дизайна магазина.
Наконец-то, вся подготовительная работа позади, можно переходить к изменению дизайна. Первое, что мы с вами сделаем — поменяем основной шрифт нашего интернет-магазина. Подключать его будем через google fonts.
Здесь, как понятно из названия, мы сменим главную фоновую картинку вашего интернет-магазина.
В этом уроке мы отключим воздействие настроек темы оформления на цвет и размер шрифта. Пропишем все это напрямую в таблицу стилей style.css
Начинаем движение сверху вниз и приводим элементы дизайна к образцу. В этом уроке займемся базовым изменением верхнего меню.
В этом уроке мы будем по мелочи доводить верхнее меню до ума. Поиграемся с отступами, стилями ссылок и шрифтом.
Как следует из названия, в этом уроке мы приведем блок поиска, который расположен в верхней панели сайта в соответствие с дизайном. Ничего сложного, просто допишем нужные стили.
На скриншоте вы можете видеть, что рядом с блоком поиска у нас выводится иконка корзины. Над ней мы и будем работать в рамках этого урока, т.к. в исходном варианте, она выглядела совершенно по-другому.
В этом уроке мы с вами начнем работу над видоизменением шапки нашего магазина. Здесь мы подготовим контейнер и поставим на его фон картинку.
В данном уроке мы с вами закончим работу, начатую в предыдущем шаге. Здесь уже добавим логотип и ссылку входа в личный кабинет.
Этот урок мы с вами посвятим доработке списка категорий. Для начала мы разберемся, как устроен этот блок с точки зрения кода, а затем внесем необходимые коррективы, чтобы блок отображался так, как он есть в образце.
В этом уроке мы доведем до конца работу, начатую в предыдущем шаге, чтобы привести меню категорий в надлежащий вид.
Здесь вы научитесь не только менять картинки слайдера, но и менять его размеры и местоположение. Посмотрите ниже картинки «Было/Стало» и сразу все поймете.
В этом коротком уроке вы приведете иконки переключения слайдов к тому виду, который есть в нашем дизайне, а также перенесете их в левый верхний угол слайдера.
В данном уроке мы превратим стандартные мелкие, невзрачные заголовки на крупные и цветные. Большая часть работы будет происходить в главном файле таблиц стилей шаблона.
В данном уроке мы начнем работу над карточкой товара. Поменяем стиль названия товара, уберем лишние элементы.
В этом уроке мы закончим доработку карточки конкретного товара и приведем в порядок формат цены и блока количества заказываемого товара.
В этом простом уроке мы приведем в порядок текст главной страницы, который выводится под списком товаров.
В нижней части нашего шаблона есть три блока: «Спецпредложения», «Акции», «Распродажа». В базовом шаблоне они смотрятся не лучшим образом, поэтому на протяжении этого урока мы будем видоизменять этот блок и приводить его к правильному виду.
Зачеркнутая старая цена магически действует на многих покупателей, поэтому надо этот прием обязательно использовать на сайте интернет-магазина. В этом уроке мы будем делать так, что если у вас для товара задана старая цена, то она выводится в карточке товара красным перечеркнутым шрифтом.
Футер — самый нижний блок сайта, который еще называют подвалом. В исходном шаблоне футер у нас сильно отличается от того, что у нас есть в итоговом шаблоне, поэтому, начиная с данного урока, мы будем делать новый футер с нуля. В этом уроке мы сделаем каркас.
Продолжаем доработку футера. Здесь добавим меню, которое по сути дублирует меню из верхней части сайта.
В этом уроке мы с вами добавим в футер блок поиска. Опять же не будем изобретать велосипед, а просто возьмем блок поиска из верхней части сайта и доработаем его в плане стилей.
Этот короткий урок посвящен добавлению пунктирной линии по всей ширине блока футера, которая отделяет блок меню от всех остальных элементов.
Здесь продолжим доработку футера и создадим блоки для вывода телефонов и иконок социальных сетей.
В этом коротком уроке мы доведем до ума блок платежных систем. Это простой контейнер, на фон которого мы поставим изображение, подготовленное нами в фотошопе.
Последний урок из серии доработки футера. Здесь реализуем блок копирайтов. Вот что у нас в итоге получится:
В этом уроке мы с вами доработаем карточку товара, для которого у нас настроена акция. Здесь мы плотно поработаем со сниппетом, который отвечает за вывод товаров.
Если вы посмотрите на итоговый дизайн нашего магазина, то заметите в левом сайдбаре три блока: «Быстрая доставка», «Бонусная программа», «Подарочная упаковка». Именно эти три блока мы и будем добавлять в рамках урока.
В этом уроке мы доработаем дизайн блоков, добавленных в предыдущем уроке.
В левом сайдбаре кроме трех информационных блоков у нас есть блок корзины, который нуждается в доработке. Им-то мы и займемся в данном уроке.
Хлебные крошки (breadcrumbs) — элемент навигации, который показывает посетителю сайта, где он сейчас находится в общей структуре, и позволяет ему быстро переходить в другие разделы сайта. В этом уроке мы начнем доработку этого важного блока и перенесем его из одного места шаблона в другое.
В предыдущем уроке мы успешно перенесли хлебные крошки в нужное место нашего шаблона, а в этом уроке мы доработаем дизайн этого блока. Вот что у нас в итоге получится:
Этим уроком мы открываем серию уроков по доработке страницы категории товаров. Конкретно в этом уроке мы разберемся с устройством данной страницы и внесем первые доработки.
В этом уроке мы полностью переработаем блок подкатегорий. Поменяем фон, уберем лишние тени, добавим нижнее подчеркивание каждому пункту меню.
Система сортировки товаров — важная составляющая любого интернет-магазина. Она позволяет потенциальному клиенту отсеять все лишние товары и выбирать только среди тех товаров, которые подходят ему по своим характеристикам. В этом уроке мы начнем процесс доводки до ума штатной системы сортировки.
В этом уроке мы перенесем систему сортировки товаров из верхней части страницы категории в левый сайдбар. Там она смотрится намного логичнее.
В исходном шаблоне у нас есть странный черный разделитель, который выводится на некоторых страницах. В этом уроке мы будем от него избавляться.
В этом уроке мы доделаем все мелкие недочеты, которые еще остались на странице категории товара.
Мы добрались до страницы конкретного товара и начинаем доводить ее до ума. Изменений на первый взгляд немного, но на самом деле есть над чем поработать, поэтому урок за уроком будем приводить эту страницу в порядок. Начнем с удаления лишних рамок и отступов.
Этот урок мы посвятим доработке блока с выводом модификаций товара. Там четыре элемента, над которыми нужно поработать.
Здесь мы поработаем над тремя элементами, которые выводятся под ценой товара. Это блок количества заказываемого товара, сама кнопка заказа и текст.
В этом уроке мы будем добавлять в карточку товара блок «Поделиться», через который посетители сайта смогут делиться страницей товара со своими друзьями в различных социальных сетях.
В этом уроке мы с вами доведем до ума заголовки страницы конкретного товара и начнем работу над блоком отзывов.
Отзывы — важная часть любого интернет-магазина, поэтому стоит уделить особое внимание их дизайну. В этом уроке мы начнем приводить их в порядок.
В этом уроке мы доделаем все оставшиеся недочеты и приведем отзывы в соответствие с нашим дизайном. Вот что мы получим в итоге.
В этом уроке мы доработаем дизайн такого варианта страницы товара, когда он имеет старую цену.
В этом уроке мы будем приводить в порядок страницу корзины. Она простая, и не требует больших доработок, поэтому урок будет коротким и простым.
Поиск — важный инструмент, используя который, посетители вашего сайта будут искать нужные им товары. Поэтому важно сделать так, чтобы страница с результатами поиска была простой и понятной.
В этом уроке нас ждет первая страница, которую нельзя редактировать напрямую через видоизменение шаблона, как это мы делали во всех предыдущих случаях. Придется идти обходным путем, чем мы и займемся в этом уроке.
В этом уроке мы займемся второй страницей, которая не поддается прямому редактированию — это страница оформления заказа. Здесь пойдем тем же путем, что и в предыдущем уроке, и доведем эту страницу до ума.
В этом уроке мы доработаем модальное окошко, которое появляется после добавления товара в корзину. Также в этом уроке доработаем кнопку добавления отзыва.
У любого сайта должна быть страница, куда попадает человек в случае если запрошенная им страница не существует. Обычно она называется страницей 404, потому что именно таков номер ошибки сервера при запросе несуществующей страницы. Дизайном этой страницы мы и займемся в этом уроке.
Что делать с товаром, который закончился на складе? Вариант 1 — временно скрыть его в интернет-магазине, Вариант 2 — показывать товар, но заблокировать кнопку заказа, Вариант 3 — показывать товар, но вместо кнопки «Купить», выводить кнопку «Под заказ». Все эти варианты можно реализовать в платформе InSales, и в этом уроке мы, во-первых, разберемся с тем, как это делается, а во-вторых, доведем до ума внешний вид всех вариантов.
Во многих интернет-магазинах кроме простого вывода информации о том, что товар в наличии, надо указывать остаток товара на складе. Базово такой функции в нашем шаблоне нет, но это не значит, что это нельзя вывести в принципе. Благодаря определенным конструкциям это вполне реально, и в данном уроке мы изучим, как это делается.
Думаю, вы замечали, что в левом углу вкладки браузера у каждого сайта отображается своя маленькая иконка. Это и есть Favicon, которую мы будем менять на свою в рамках данного урока.
Раздел 4. Оплата, доставка, домен, аналитика.
В этом уроке мы с вами настроим способы доставки, которые будут предлагаться покупателю при оформлении заказа. Разные магазины продают разные товары. Кто-то продает мелкие штучные предметы только по Москве, а кто-то торгует велосипедами, и у него покупатели со всего СНГ. Для этих магазинов будут разные способы доставки, поэтому важно уметь управлять теми способами доставки, которые будут доступны в вашем магазине. Кстати, здесь можно делать так, что если сумма заказа больше указанной вами, то доставка бесплатная.Кроме этого вам доступны способы доставки с автоматическим расчетом стоимости доставки. Например EMS, СПСР.
Как и в случае со способами доставки, вам нужно определиться со способами оплаты, которые вы хотите использовать в своем интернет-магазине. После того как определились, идем во вкладку «Способы оплаты» администраторской зоны магазина и начинаем включать те способы, которые нам нужны. Большой плюс системы InSales в том, что все способы оплаты подключаются элементарно, в том числе и агрегаторы типа Robokassa, PayU и другие. Вам достаточно заключить договор с агрегатором, получить от них идентификатор и другие данные и вбить их при настройке — очень удобно.
Система InSales устроена так, что при добавлении способа доставки, надо указывать, для каких способов оплаты он подходит, и также при добавлении нового способа оплаты надо указать, для каких способов доставки он подходит. Это нужно для того, чтобы не показывать лишние способы. Например, если у вас заказ с доставкой по России, то вам не надо для этого варианта показывать способ оплаты (наличными при самовывозе). Здесь мы эту связь еще раз настроим и проверим.
К этому моменту у нас прекрасно выводятся способы доставки и оплаты, но проблема в том, что названия этих способов сливаются с их описанием, а это совершенно недопустимо. В данном уроке мы будем выделять названия, чтобы они были хорошо заметными.
Когда все товары добавлены, дизайн обновлен и сайт готов принимать первых гостей, самое время переключить его на основной домен, тот самый, что мы с вами регистрировали во втором уроке. В этом видео я покажу вам сам процесс быстрого перехода.
В администраторской зоне вашего магазина, сделанного на InSales, вы сможете найти много полезной информации , например: количество посетителей, количество заказов, конверсию, оборот и т.д. Но скорее всего вам этого будет мало и вы захотите знать, откуда приходят к вам посетители, какая у них демография, какой возраст и т.д. Чтобы это обеспечить, нам надо подключить к сайту одну или несколько систем сбора аналитических данных. В данном уроке мы будем учиться подключать систему Яндекс.Метрика и Google.Аналитикс. В том числе рассмотрим процесс регистрации в каждой из этих систем.
Раздел 5. Администраторская часть магазина.
Начиная с этого урока, мы с вами переходим к изучению администраторской зоны вашего интернет-магазина. Многие вкладки, которые там есть, просты и понятны, тем более что там все на русском языке. Поэтому все эти вкладки мы пройдем за раз в этом уроке и изучим те пункты, которые могут вызвать у вас вопросы.
Этот урок мы полностью посвятим вкладке «Заказы», где есть много разных интересных функций, которые вы должны знать. Мы разберем как быстро добавлять в заказ новые позиции, как искать заказы по разным критериям, как применять к любому заказу скидку или купон, как редактировать заказ и т.д.
В этом уроке мы подробно разберем вкладку «Клиенты», где также много важных моментов, которые вам стоит знать. В том числе вы узнаете как разделять клиентов по группам и давать каждой группе свою скидку. Таким образом вы, например, можете выделить своих VIP-клиентов и назначить им хорошую скидку. С этого момента при оформлении новых заказов они будут эту скидку сразу видеть. Пример того, как это выглядит.
В этом уроке мы поговорим о вкладке «Обмен данными». Здесь мы изучим как можно импортировать товары в базу магазина из разного формата файлов. Эта возможность будет вам полезна, если вы до этого вели магазин на другой платформе. Также на этой вкладке мы научимся изымать товар с сайта, а также управлять размещениями товара.
Вкладка «Статьи» предназначена для того, чтобы мы могли в рамках нашего интернет-магазина организовать некое пространство, где можно было бы делиться различной информацией с посетителями нашего магазина. Это могут быть полезные статьи, это могут быть новости нашего магазина, это может быть информация об акциях и т.д. Можно все это объединить, например, в блог, и публиковать все эти заметки туда. А о том как это все делается, мы поговорим в этом уроке. В том числе вы научитесь добавлять ссылку на блог вашего магазина в любое навигационное меню магазина.
Блог мы научились создавать в предыдущем уроке, и это уже хорошо. Но будет еще лучше, если мы научимся выводить статьи блога в любом месте нашего интернет-магазина: на любой странице, в сайдбаре и т.д. Этим-то мы и займемся в этом уроке.
Какой же интернет-магазин без системы скидок и купонов? В этом плане у системы InSales все хорошо, и в администраторской зоне есть даже отдельный раздел, где вы может управлять всем этим делом. Вот этот раздел мы и будем изучать в данном уроке. Вы научитесь создавать накопительные скидки (по сумме всех заказов), скидки по сумме конкретного заказа (например, на заказы от 50 тыс. руб.), скидки по группам клиентов. Также здесь вы будете создавать купоны, которые можно успешно использовать для различных промо-акций.
Еще одно преимущество InSales заключается в том, что даже если вам не хватает какой-то возможности, то вы можете получить её через установку одного из специальных приложений от сторонних разработчиков. Не хватает интеграции с 1С, нет проблем, ставим приложение и она появляется. Нужна встроенная IP телефония? Тоже не проблема! В данном уроке разберем то, как можно устанавливать приложения. Мы разберем пример приложения, которое добавляет в каждый заказ текущее время клиента. Это актуально для тех, у кого заказывают со всего мира (или со всей России), и у клиента время может сильно отличаться от вашего. Иначе вы можете позвонить клиенту, у которого сейчас 6 утра или 23.00 вечера. После установки приложения мы сразу будем видеть текущее время клиента. Какие-то приложения бесплатны, какие-то стоят денег. Время вычисляется по адресу и номеру мобильного телефона. Всего вас ждет более 70 приложений для интеграции, и их количество постоянно растет.
В этом уроке мы разберем все функции, расположенные на вкладке «Аккаунт». Здесь можно продлевать аренду системы InSales, найти все договора, добавить новых администраторов вашего магазина, а при наличии нужного тарифа вы сможете наделить этого нового администратора соответствующими правами, чтобы он имел доступ только к разрешенным ему разделам
В этом уроке мы с вами разберем один важный момент, который научит вас создавать свои шаблоны страниц. Это знание позволяет вам еще более гибко настроить свои интернет-магазин в плане дизайна и сделать, например, так, чтобы карточки товаров разных категорий выглядели по-разному.В уроке мы с вами на примере разберем создание нового шаблона.
В этом уроке мы начинаем разбирать самую насыщенную вкладку администраторской зоны — настройки интернет-магазина. Для начала мы разберем самые простые и понятные настройки, которые не требуют особых объяснений. К тому же многие из них мы так или иначе затрагивали в предыдущих уроках. Здесь мы настроим шаблоны писем клиентам, настроим валюты (можно сделать так, что на сайте и в админке цены товаров отображаются в разных валютах), быстрое повышение цен сразу на все товары, настройки регистрации клиентов, редиректы, значения параметров товара и многое-многое другое.
В InSales много настроек, связанных с процессом оформления заказа. В первом уроке по разбору настроек мы будем учиться добавлять новые поля в форму заказа. Например, мы в рамках нашего магазина проводим акцию «Прикрепи к заказу свою фотографию и получи ее вместе с заказом в красивой фоторамке». Таким образом нам надо добавить в процесс заказа кнопку прикрепления файла. Как это делается, вы узнаете из этого урока.
Пришло время научиться влиять на те поля, которые клиенту нужно заполнить при оформлении заказа. Например, мы можем отключить поле для ввода E-mail адреса и добавить новое поле «Введите имя вашего ребенка». Также мы разберем два варианта ввода адреса клиентом — ручной и полуавтоматический. В ручном человек заполняет все поля адреса самостоятельно. В полуавтоматическом варианте, человек просто выбирает регион, город, улицу из выпадающего списка (этот вариант только для России).
Продолжаем изучать настройки процесса оформления заказа. В этом уроке вы научитесь менять страницу оформления заказа с варианта, когда все поля на одной странице, на пошаговый вариант. Также поговорим о том, как включить защиту от автоматической регистрации, как настроить поле ввода комментариев к заказу, минимальную сумму заказа и т.д.
Если вам нужен интернет-магазин на нескольких языках, то данный урок вам будет особенно полезным. Здесь мы на примере разберем как добавить в систему новый язык, как переводить элементы вашего магазина (меню, товары, страницы и т.д.) и как вывести переключатель языков в нужном месте магазина.
В этом уроке разберем два важных момента. Первый заключается в том, что на протяжении всего курса мы работали в браузере Google Chrome, но не секрет, что в разных браузерах сайт может отображаться по-разному, поэтому важно проверить созданный вами магазин и в других браузерах. В этом уроке поговорим о том, в каких браузерах надо проверять, как проверять и что делать, если вы нашли отличия или что-то съехало в одном из браузеров.
Напоследок, мы разберем два момента, которые вам очень пригодятся. Во-первых это мобильное приложение, которое позволяет управлять вашим магазином прямо со смартфона. И что самое приятное, когда на сайте появляется новый заказ, у вас на смартфоне отображается пуш-уведомление с данными по заказу — очень удобно. Также поговорим по документации.