Уроки Битрикс: Добавление торговых предложений на Аспро Корп 3.0 редакция Старт
Приветствую друзья!
Сегодня мы поговорим о том, как создавать торговые предложения в карточках товаров в корпоративном готовом сайте на редакции «Старт». В данном случае мы будем рассматривать АСПРО: Корпоративный 3.0.
Перед тем, как начнём, я хочу дать небольшое пояснение.
Торговые предложения в редакциях Битрикса «Малый бизнес» работают по одной схеме. И на эту тему у меня есть видеоуроки на канале. А торговые предложения на редакциях «Старт» – это такой самописный, костыльный скажем так, вариант оригинального механизма Битрикса, который делают непосредственно, сами разработчики шаблонов.
Он, конечно, не такой удобный в плане использования, в плане администрирования, как механизм на редакциях «Малый бизнес» или «Бизнес», но, тем не менее, какие-то задачи с помощью него решить можно. Если у вас сравнительно небольшой ассортимент и вам нужно использовать разные модификации товаров.
Я напоминаю, что торговые предложения — это когда у нас в одном товаре есть несколько модификаций.
В данном случае, например, уже на экране, добавлен товар с торговыми предложениями. Заходим в карточку товара и у нас есть на выбор три варианта с разными модификациями.
В зависимости от того, какой вариант мы выбираем, у нас изменяется и цена на товар. Если говорить, например, про интернет-магазин одежды, то у каких-нибудь кроссовок одной модели будет несколько цветов и несколько размеров — вот это и есть торговые предложения. Это тот механизм, который даёт нам возможность упаковать всё в одну карточку товара. А не делать допустим, 10 пар кроссовок (синих, красных, зелёных, жёлтых), при этом, это всё одна и та же модель. И плюс ещё под каждую модель делать
отдельный размер. Вот для этого и существуют торговые предложения, чтобы всё было упаковано в одну карточку. Человек зашёл и сразу выбрал.
Сейчас покажу ещё другой пример:
Здесь два типа торговых предложений. Мы здесь можем выбирать цвет, например, чёрный или натуральный. Также, можем выбирать толщину листа. И у нас меняется цена.
Итак, далее мы рассмотрим, как делать такого плана торговые предложения.
Чтобы начать работу, нужно зайти в административную панель сайта. Перейти в раздел «Контент». Перейти в раздел «Каталог» и здесь у нас есть категория «Продукты». Мы переходим в неё, здесь лежат все наши товары. В нашем случае выбираем папку «Пенополистирольные плиты».
Переходим в неё. И здесь лежат уже сейчас три товара. Я их ранее добавлял, в них уже есть торговые предложения. И сейчас мы сделаем ещё один товар с вами, где также будут представлены торговые предложения.
Поскольку в нашем случае все товары более-менее похожи, то я не буду создавать новый товар, а сделаю просто-напросто, копию одного из существующих. Просто мы далее изменим некоторые его параметры.
Нажимаем на «бургер», нажимаем кнопочку «копировать». Здесь мы меняем одну циферку. Также здесь сейчас мы поменяем цену, потому что цена на товар отличается. Поставим «Цену для фильтра» — это делается для того, чтобы у нас расчёт цены в корзине происходил корректно.
Если «Цену для фильтра» не указать, то у нас корзина считать количество товара не будет.
Далее… У нас здесь уже всё заполнено. В картинку для анонса добавляем подробную картинку. Если нужно, также добавляем дополнительные картинки в «Галерею». Если есть какие-то документы в «Документы». Здесь у нас уже добавлено детальное описание, поскольку мы сделали копию предыдущего товара. В раздел «Баннер» я также добавлю картинки. Ну и в общем-то, всё. Нажимаем кнопочку «Сохранить».
Итак, у нас появился новый товар. Мы можем с вами сразу же посмотреть данный товар на сайте. Таким вот образом он выглядит:
И теперь нам осталось добавить торговые предложения.
Что для этого нужно сделать?
Переходим во вкладку «Торговые предложения». Здесь у меня создана папка уже специально «Плиты пенополистирольные».
Вы у себя можете создать папку с нужным вам названием. Для этого здесь вот нажимаем кнопочку и нажимаем «Добавить раздел».
Дальше переходим. Здесь у нас также есть три папки, каждая из них отвечает за конкретный товар. У нас уже на сайте есть три товара. Один С 15, второй С 25 и третий С 25-F. А теперь нам нужен C 35. Мы опять же, создаём раздел, называем его нужным образом. Нажимаем кнопочку «Сохранить».
Далее переходим в данный раздел и жмём кнопочку «Добавить элемент». В качестве названия я буду использовать название, плюс какие-то характеристики, то есть, так как, оно у меня здесь в таблице зашито.
Далее ставим «Статус», ставим «Цену» — вот эта цена будет выводиться в качестве основной. Также мы можем её поставить «для фильтра». Выбрать дополнительно значок рубля.
И здесь — это самый важный момент, у нас добавлены свойства.
Мы сейчас к ним перейдём, потому что без этих свойств торговые предложения отображаться не будут. Вот здесь у нас список разных добавленных свойств для разных типов товаров в том числе и то, что нам сейчас нужно, то есть, плотность.
Здесь, из выпадающего списка:
мы выбираем нужную, ранее добавленную вот эту плотность - 25,1 и 25,5. Всё, выбрали. Всё. На этом торговое предложение в целом, можно считать созданным. Если вы хотите использовать какие-то дополнительные картинки, то вот здесь, во вкладке «Анонс» можно добавить картинку. Нажимаем кнопочку «Сохранить» и смотрим, что у нас на сайте.
Переходим в наши плиты. Вот у нас появилась наша плита С 35:
Здесь у нас прилинкованы НЕ ВЕРНЫЕ торговые предложения:
Почему? Потому что я делал копию другого товара. Но сейчас мы к этому подойдём.
Я сразу же сейчас создам ещё один элемент с другими характеристиками. Элемент мы с вами ещё один создали. И теперь самое интересное. Мы возвращаемся в наш товар, то есть, переходим в «Продукты», переходим в «Пенополистирольные плиты», переходим в наш созданный товар. И здесь есть вкладка «Связи».
Здесь есть такая опция, как «Торговые предложения». Здесь выбираем из справочника по дате изменения — вот они здесь сверху появились.
И вот их ID – 486, 487. Нажимаем «Выбрать» 486 и 487. И нажимаем «Сохранить». Проверяем — вот появились наши торговые предложения.
НО! Если вы проделаете всё так, как я вам сейчас показал в видео, у вас здесь они не появятся сразу. Потому, что нужно учесть ещё пару нюансов.
Во-первых, что касается свойств. На канале есть видеоролик, в котором я подробно рассказываю о том, как добавлять новые свойства. Если коротко, то мы переходим в раздел «Контент» - «Инфоблоки» - «Типы инфоблоков». И в данном случае, выбираем «Каталог» и «Торговые предложения». То есть, не «Продукты», а именно «Торговые предложения». Переходим сюда, открываем вкладку «Свойства» и вот здесь наши свойства. То есть то, что мы сейчас использовали — вот оно, это свойство добавлено:
ПСБ-С плотность. Выбран «Тип» списком. Здесь добавлен «Символьный код». И нажав вот эти три точечки, вот сюда внесены параметры. То есть, на этапе, когда вы будете вносить параметры, здесь, вот в этом столбце, XML-ID - ничего вам писать не надо. Битрикс сам сгенерирует нужные вот эти ID. Вам нужно будет только вот здесь указать значение в том виде, в котором вы хотите, чтобы они у вас отображались на сайте. И нажать кнопочку «Сохранить».
Следующий шаг…
Мы свойства добавили, но их всё равно здесь у вас видно не будет.
Далее переходим во вкладку «АСПРО» - «Настройки». Здесь в меню, выбираем «Каталог». И здесь есть поле. Называется оно «Отображаемые свойства торговых предложений»:
И вот здесь мы выбираем новое добавленное свойство. Оно у вас скорее всего, выделено не будет. Вот как сейчас на экране Диаметр. Оно не выделено:
У вас будет свойство ваше. Вот оно у меня здесь выделено, то есть оно будет вот так выглядеть. Чтобы его выбрать зажимаем на клавиатуре Ctrl и кликаем. Также, проверяем здесь на всякий случай какие-то свойства, может быть, вы другие ещё добавляли.
И вот здесь важный параметр тоже «Свойства отбора торговых предложений».
Здесь по такому же принципу. Ищем новое ваше свойство — вот оно здесь тоже есть. И также, через кнопочку Ctrl его выбираем и нажимаем кнопочку «Применить».
Всё. После этого торговые предложения у вас здесь появятся.
Подводя итог
Операция в целом, не очень сложная. Даёт нам возможность делать торговые предложения на корпоративном сайте на редакции «Старт». Причём, делать торговые предложения здесь можно очень такие, разнообразные. Вот здесь у нас аж три типа:
То есть, мы выбираем марку - здесь изменился параметр, выбираем другую – здесь изменился. И тут ещё можно добавить. Выглядеть это будет… Сейчас я вам в админке покажу…
В самой карточке практически ничего не заполнено, какие-то общие только моменты:
картинки, описание и прочее… Но, что касается «Торговых предложений», то здесь у нас аж раз, два, три, четыре, пять, шесть торговых предложений. Здесь тоже шесть — вот «Марка». И в каждой из них ещё указаны вот эти свойства:
- Для пенопласта;
- Марка указана;
- Размер указан
Можно указать ещё какие-то дополнительные параметры: цвет и прочее…
Вот таким образом мы можем делать нашу карточку более удобной. То есть, изначально была вот такая таблица, чтобы вы понимали.
Вот такая таблица
И вот эта таблица, она переработана вот в такие торговые предложения. То есть, вот эти торговые предложения — это и есть данная таблица. Просто информация организована визуально уже совсем по-другому, интерактивно. И с ней уже посетителю сайта гораздо приятней работать.
На этом у меня всё. Благодарю вас за внимание!
