Как вывести «Товар дня» на главной странице: глобальная перезагрузка IntecUniverse 2.3.0

Как вывести «Товар дня» на главной странице: глобальная перезагрузка IntecUniverse 2.3.0

26 ноября 2021


Автор: INTEC Волшебник
Фото 1: «Как вывести «Товар дня» на главной странице: глобальная перезагрузка IntecUniverse 2.3.0»    


Коллеги! С вами Ярослав Голуб, руководитель интернет-агентства INTEC. Сегодня в рамках статьи про обновления линейки готовых интернет-магазинов и корпоративных сайтов IntecUniverse 2.3.0. расскажу про то, как вывести товар дня на главной странице.

[spoiler]

Для чего это нужно

Блок позволяет вывести какой-нибудь товар из каталога на главную страницу, тем самым акцентируя на нем внимание. Выводится основная информация, цена и кнопка «Купить».

Фото 2: «Как вывести «Товар дня» на главной странице: глобальная перезагрузка IntecUniverse 2.3.0»

Перейдем к настройкам

Компонент, отвечающий за вывод товаров дня - intec.universe:main.widget (Блок «Виджет»). Добавим данный компонент на главную страницу и перейдем в параметры компонента.

Фото 3: «Как вывести «Товар дня» на главной странице: глобальная перезагрузка IntecUniverse 2.3.0»

Для начала выберем шаблон компонента. Нам нужен шаблон product.1
Фото 4: «Как вывести «Товар дня» на главной странице: глобальная перезагрузка IntecUniverse 2.3.0»

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

Фото 5: «Как вывести «Товар дня» на главной странице: глобальная перезагрузка IntecUniverse 2.3.0»

Компонент имеет 2 режима работы:
  • Период - показывает товар определенный промежуток времени, определяемый разницей между значениями свойств «Начало периода показа товара» и «Окончание периода показа товара»;
  • Конкретный день - показывает товар только в течение дня, указанного в свойстве «День показа товара».
Если их нет по умолчанию, то создадим эти свойства самостоятельно. Для этого необходимо перейти в Настройки инфоблока товаров - Свойства. Вводим название свойств, символьный код, выбираем тип свойства «Дата».

Фото 6: «Как вывести «Товар дня» на главной странице: глобальная перезагрузка IntecUniverse 2.3.0»

Переходим в интересующие нас товары и указываем в этих свойствах необходимые даты.

Фото 7: «Как вывести «Товар дня» на главной странице: глобальная перезагрузка IntecUniverse 2.3.0»

Возвращаемся к настройке компонента. Выбираем режим работы и созданные нами свойства (при выборе режима «Конкретный день» будет показано только свойство «День показа товара»):

Фото 8: «Как вывести «Товар дня» на главной странице: глобальная перезагрузка IntecUniverse 2.3.0»

Далее указываем свойство и направление сортировки, тип и настройки цены («Показывать цены в одной валюте», «Включать НДС в цену», «Выводить цены для количества» - опционально), форму заказа, ее шаблон и свойство, подставляемое в название товара. Выбираем включать ли быстрый заказ, заполняем его настройки при использовании. Указываем путь до страницы с соглашением на обработку персональных данных, если она отличается от адреса по умолчанию.

Фото 9: «Как вывести «Товар дня» на главной странице: глобальная перезагрузка IntecUniverse 2.3.0»


Фото 10: «Как вывести «Товар дня» на главной странице: глобальная перезагрузка IntecUniverse 2.3.0»


Выбираем свойства «Хит», «Новинка», «Рекомендуем», «Использовать слайдер для доп.изображений», «Артикул», «Под заказ».

Фото 11: «Как вывести «Товар дня» на главной странице: глобальная перезагрузка IntecUniverse 2.3.0»

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

Фото 12: «Как вывести «Товар дня» на главной странице: глобальная перезагрузка IntecUniverse 2.3.0»

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

Фото 13: «Как вывести «Товар дня» на главной странице: глобальная перезагрузка IntecUniverse 2.3.0»

Заполняем шаблоны URL товара и настраиваем кэширование компонента (при необходимости):

Фото 14: «Как вывести «Товар дня» на главной странице: глобальная перезагрузка IntecUniverse 2.3.0»

На этом у меня все. Покоряйте новые бизнес-вершины вместе с IntecUniverse. Еще больше реактивных обновлений — в следующих статьях. Не пропустите!

Готовые решения INTEC:

Фото 15: «Как вывести «Товар дня» на главной странице: глобальная перезагрузка IntecUniverse 2.3.0»