1. aspro.ru
  2. Аспро: Премьер
  3. Корзина и оформление заказа
  4. Настройки корзины в параметрах компонента

Настройки корзины в параметрах компонента


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

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

9ebce03f-7b64-11f1-8fe4-fa163e2ff576

В параметрах компонента вы можете подключить 2 шаблона корзины:

  1. Стандартный шаблон корзины от 1С-Битрикс.
  2. Шаблон корзины V2 от нашей команды.

302e6124-7b62-11f1-8fe4-fa163e2ff576

В параметрах компонента вы можете настроить внешний вид корзины, расположение элементов на странице, выбрать режим отображения и многое другое. Рассмотрим 3 раздела с настройками: «Настройки изображений», «Внешний вид» и «Основные параметры».

Основные параметры

Перейдите во вкладку «Основные параметры» и найдите поле «Разрешить восстановление удаленных товаров». Включенная настройка позволит клиентам восстанавливать товары, который были случайно удалены из корзины.

ed1aa53e-7b5d-11f1-8fe4-fa163e2ff576

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

2a667d5a-7b65-11f1-8fe4-fa163e2ff576

Внешний вид

Перейдите во вкладку «Внешний вид». Здесь вы можете:

1. Определять, какие элементы корзины будут отображаться в адаптивной версии сайта

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

a28ac320-7b63-11f1-8fe4-fa163e2ff576

Например, вы можете включить/отключить отображение:

  1. изображения товара;
  2. действующей скидки;
  3. типы цен;
  4. кнопки удаления товара из корзины;
  5. кнопки для добавления товара в избранное;
  6. суммы за количество выбранного товара.

4ed96c76-7b5e-11f1-8fe4-fa163e2ff576

2. Менять положение блока с полем ввода номера купона, общей стоимостью заказа и кнопками его оформления

Настройка доступна только в стандартном шаблоне корзины от 1С-Битрикс.

3ce788f1-7b5c-11f1-8fe4-fa163e2ff576

Блок общей информации над корзиной.

12914799-7b62-11f1-8fe4-fa163e2ff576

Блок общей информации под корзиной.

9e8143bb-7b63-11f1-8fe4-fa163e2ff576

3. Выбирать режим отображения корзины: «Расширенный» или «Компактный»

Выбирайте режим отображения, чтобы акцентировать внимание на важной информации при заказе.

8b294585-7b5c-11f1-8fe4-fa163e2ff576

Вид корзины в режиме «Расширенный».

147b7004-7b5d-11f1-8fe4-fa163e2ff576

Вид корзины в режиме «Компактный».

05d8872c-7b5f-11f1-8fe4-fa163e2ff576

4. Включать/отключать отображение цены за штуку в отдельной колонке

Настройка доступна только в стандартном шаблоне корзины от 1С-Битрикс.

3f8feafb-7b5e-11f1-8fe4-fa163e2ff576

Вид корзины при активном параметре.

60063a0e-7b5e-11f1-8fe4-fa163e2ff576

Вид корзины при отключенном параметре.

8f04aaa4-7b5f-11f1-8fe4-fa163e2ff576

5. Прикреплять рядом с изображением товара стикер с размером действующей скидки

Настройка доступна только в стандартном шаблоне корзины от 1С-Битрикс.

1618d8a1-7b5c-11f1-8fe4-fa163e2ff576

Когда вы включаете отображение стикера (1), появляется дополнительная настройка (2), которая позволит вам выбрать к какой стороне картинки будет крепиться стикер.

52291b48-7b5b-11f1-8fe4-fa163e2ff576

6. Определять порядок положения блоков товара

b0b2052f-7b5d-11f1-8fe4-fa163e2ff576

Например, вы можете настроить корзину так, чтобы сначала выводились свойства торгового предложения (1), а потом товара (2).

b03fbb8d-7b5c-11f1-8fe4-fa163e2ff576

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

66c280c3-7b5f-11f1-8fe4-fa163e2ff576

7. Включать/отключать анимацию цен

4d72754d-7b63-11f1-8fe4-fa163e2ff576

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

4135f794-7b5f-11f1-8fe4-fa163e2ff576

8. Выводить дополнительные метки товара

Метки товара — это стикеры «Акция», «Хит», «Советуем», «Новинка», «Тренд сезона», «Товар дня», «Бестселлер», «Эксклюзив».

2dbcf671-7b64-11f1-8fe4-fa163e2ff576

Настройка позволяет вывести их как в полной версии сайта (1), так и в мобильной (2). Определяйте положение стикера относительно изображения товара (3).

757914a6-7b61-11f1-8fe4-fa163e2ff576

Настройки изображений

С настройками вы можете вывести изображения из дополнительной фотогалереи товара (1) и/или торгового предложения (2) в корзину, а также определить режим отображения основного фото товара (3).

ca696db3-7b61-11f1-8fe4-fa163e2ff576

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

ca6d52b4-7b5b-11f1-8fe4-fa163e2ff576

Не забудьте вывести соответствующую колонку в разделе «Внешний вид» для полной версии сайта (1) и, при необходимости, для мобильной (2).

feac0d7c-7b60-11f1-8fe4-fa163e2ff576

После сохранения изменений в корзине под свойствами товара отображаются дополнительные фото:

af6314a2-7b5b-11f1-8fe4-fa163e2ff576

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

f2a40e85-7b5f-11f1-8fe4-fa163e2ff576

Пример отображения картинок для торговых предложений.

a61ce4bf-7b5e-11f1-8fe4-fa163e2ff576

Чтобы определить размер основного фото товара используйте параметр «Режим отображения изображений товаров». Доступно 3 типа отображения: «Стандартный», «Адаптивный» и «Без сжатия».

Вариант «Без сжатия» дает максимальный размер фото.

8f3591a8-7b5b-11f1-8fe4-fa163e2ff576

Вариант «Адаптивный» — средний.

8e0ff31b-7b5c-11f1-8fe4-fa163e2ff576

Вариант «Стандартный» — самый миниатюрный.

8e0ff31b-7b5c-11f1-8fe4-fa163e2ff576

Сохраните изменения.

Предыдущая статья Возможность поделиться корзиной
Следующая статья Минимальная цена покупки