Создание интернет-магазина на Битрикс — какие нюансы стоит учесть при настройке каталога

«1С-Битрикс: Управление сайтом» одна из самых популярных систем управления веб-проектами в России. Это наиболее полнофункциональное решение среди коробочных решений. Он используется для создания как корпоративных сайтов, так и интернет-магазинов, а также крупных интернет-порталов и ИТ-систем. Примеры крупных магазинов на Битрикс:

Битрикс платная CMS, на данный момент существует 4 редакции:

Начало 5 400 рублей;

Стандартный 15 900 руб;
Малый бизнес 35 900 руб.
Бизнес 72 900 руб.

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

Сообщение об окончании пробного периода

Вы также можете попробовать CMS в Интернете . Вы можете получить доступ к демонстрационной странице Business Edition в течение трех часов.

Создание демонстрационной страницы в Битрикс

Для интернет-магазина лицензия «Малый бизнес»; или «Бизнес», потому что в них есть необходимый модуль «Интернет-магазин». для создания каталога. Мы не будем говорить об особенностях систем CMS и отличиях редакций, мы писали об этом ранее в статье.

Сегодня мы расскажем вам о наиболее важных аспектах настройки интернет-магазина в нашем тарифе на примере магазина электроники.

1. Каталог магазина

Самая важная часть интернет-магазина это его каталог. «Битрикс» использует «Каталог продаж». создать каталог ваших товаров. Благодаря ему вы сможете создавать каталоги товаров и услуг, управлять ценами и скидками, загружать и отправлять данные о товарах. Каталог можно разделить на и разделы для хранения товаров разных категорий.

Вы также можете разделить каталог на подразделы.

Пример структуры каталогов

Пример структуры каталогов

В нашем каталоге будет все, от смартфонов до электросамокатов. Мы понимаем, что у этих продуктов разные характеристики.

Характеристики смартфона

 Технические характеристики смартфонов

 Характеристики смартфона

Технические характеристики электросамоката

 Технические характеристики электросамоката

CMS позволяет определять как функции, общие для всех продуктов, так и функции, характерные для определенного типа продукта.

Общие особенности

Характеристики раздела

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

Описание продукта

Настроить форму редактирования

Коммерческие предложения доступны для продуктов с разными свойствами в дополнение к общим функциям (например, телефон с разными вариантами цвета и памятью). Для обработки торговых предложений сначала создается новое информационное окно. Назовем это «коммерческими предложениями».

Инфоблок Коммерческие предложения

Инфоблок Коммерческие предложения

Затем в настройках инфоблока «Каталог товаров», во вкладке «Коммерческий каталог»; Следует отметить, что у него / нее есть торговые предложения и выбрать созданные «Торговые предложения».

Инфоблок Каталог товаров

Инфоблок Каталог товаров

В инфоблок «Товары»
предложения мы создаем свойства, которые будем использовать в качестве характеристик продукта: цвет, емкость, галерея.

Коммерческое предложение недвижимости

Свойство «Запись каталога» создается автоматически. Вы определяете тип «Цвет» как «Каталог», создаете новый каталог и добавляете в него названия цветов и значки. Сделайте свойство «Объем памяти» в списке и введите все виды объема памяти.

Настройка свойств торгового предложения

Настройка свойств торгового предложения

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

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

Товары со скидкой

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

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

Страница продукта позволяет переключаться между различными продуктами в соответствии со свойствами коммерческих предложений:

Переключение между продуктами по свойствам предложения

Переключение между товарами согласно свойствам торгового предложения

Переключение между товарами согласно свойствам коммерческого предложения

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

Отзывы неавторизованного пользователя

Обзоры авторизованных пользователей

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

Выбор предложения продажи после наведения курсора на карточку товара

Но для нашего интернет-магазина это не подходит, поскольку пользователь должен иметь возможность видеть все доступные параметры телефона при входе на страницу каталога. Поэтому мы реализовали отображение продуктов с коммерческими предложениями на разных вкладках:

Отображение товаров с предложениями на разных вкладках

Реализованное решение было нестандартным и довольно требовательным. В технических деталях мы рассмотрим это немного подробнее.

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

Доска коммерческих предложений

Продукты без коммерческих предложений не будут иметь эту доску. Но тут есть нюанс: по умолчанию Битрикс отправляет на доску только первые 5 оферов. Чтобы исправить это, установите в настройках компонента Directory значение Максимальное количество предложений для отображения 0.

максимальное количество предложений для отображения

После того, как вы получили доску торговых предложений, прокрутите доску, чтобы проверить ее, создав новую вкладку и подставив заголовок, фотографию и цену из полученной доски торговых предложений. Вы также должны предоставить ссылку на товар. В шаблоне по умолчанию ссылка ведет на общую страницу продукта с отмеченными первыми свойствами списка, но поскольку мы отображаем все карточки отдельно (Mi 8 32 GB Pink, Mi 8

32 Gold, Mi 8 16 Black и т. Д.), Пользователь после нажатия на Mi 8 32 GB Pink перейдет на страницу , представляющую розовый телефон с розовым цветом и 32 памятью. В целях миграции мы изменили ссылку продукта, добавив к нему параметр с идентификатором торгового предложения. В настройках информационного окна оффера измените URL страницы с деталями, добавив параметр о ID

Ссылка на товар с коммерческими предложениями

Настройка URL-адреса страницы подробного просмотра

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

Страница товара с выбранными свойствами

Итак, каталог полон продуктов, и теперь вы должны дать покупателю возможность фильтровать продукты по нужным ему параметрам. Здесь пригодится компонент «Умный фильтр». Он будет отображать только те свойства, которые вы найдете в свойствах продукта в разделе.

Умный фильтр

Чтобы выбрать свойства для фильтрациив Умном фильтре необходимо установить флажок в Настройки раздела в Столбце Показать в Умном фильтре и отметьте необходимые свойства.

Настройка свойств смарт-фильтра

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

2. товарный маркетинг

Фактически, каждый интернет-магазин проводит акции и скидки на товары.

Модуль «Скидки и акции» в «Битрикс» использует «Маркетинг товаров: скидки и акции». Этот модуль имеет богатую функциональность:

скидки на товары, доставка, оплата в зависимости от платежной системы;
скидки на комбинации / группы товаров;
скидки, ограниченные по дате;

создание купонов на скидку.

Особенности товаров маркетинг

Особенности товара маркетинг

Приведем пример. Создадим скидку 10% на группу товаров «Смартфоны»; и мы передадим его только зарегистрированным пользователям.

Создать скидку в разделе

Создать скидку в разделе

Скидка будет видна только зарегистрированным пользователям:

скидка для зарегистрированных пользователей

Создать скидку в разделе

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

3. Сравните продукты

В «Битрикс» есть специальные компоненты для сравнения товаров. Они реализованы с использованием технологии ajax, поэтому количество элементов, добавляемых в сравнительный список, будет динамически изменяться по мере того, как пользователь добавляет или удаляет элементы из списка.

Сравнение товаров

Добавить товар для сравнения

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

Страница сравнения товаров

4. Список выбранных продуктов

Я Но создание любимых продуктов в этой CMS невозможно поэтому здесь мы должны

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

Мы использовали дополнительное пользовательское поле с type Привязать к элементам в информационных полях и мы ввели наш идентификатор избранного, чтобы сохранить список избранного.

Дополнительные настройки поля

Дополнительное поле

В случае незарегистрированных пользователей идентификаторы выбранных продуктов сохраняются в cookie.

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

Добавить товар в избранное

Создать раздел со скидкой

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

Просмотрите список ваших любимых товаров.

5. Корзина

Все выбранные товары помещены в корзину. Он мгновенно рассчитает общую стоимость с учетом всех скидок. Вы также можете ввести купон на скидку.

Корзина

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

cash

Для оплаты в Битрикс у вас уже есть способы оплаты, в том числе m.in. наличными, по квитанции, по счету, PayPal, Robocassa, RBK Money, Assist, Яндекс.Деньги, WebMoney, Qiwi и др.

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

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

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

Оцените статью