1. aspro.ru
  2. Аспро: Лайтшоп
  3. Корзина и оформление заказа
  4. Корзина на редакциях 1С-Битрикс «Малый бизнес», «Бизнес» и «1С-Битрикс24: Интернет-магазин + CRM»
  5. Настройки корзины в параметрах компонента

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


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

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

8dc11a3b-7b64-11f1-8fe4-fa163e2ff576

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

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

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

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

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

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

42439df0-7b5c-11f1-8fe4-fa163e2ff576

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

36eeffe0-7b60-11f1-8fe4-fa163e2ff576

Внешний вид

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

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

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

008626c3-7b5c-11f1-8fe4-fa163e2ff576

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

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

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

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

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

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

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

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

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

673afa78-7b64-11f1-8fe4-fa163e2ff576

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

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

92710eb2-7b61-11f1-8fe4-fa163e2ff576

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

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

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

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

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

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

9be731b3-7b61-11f1-8fe4-fa163e2ff576

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

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

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

6839475a-7b5e-11f1-8fe4-fa163e2ff576

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

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

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

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

67f69f3e-7b64-11f1-8fe4-fa163e2ff576

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

4a82cf56-7b64-11f1-8fe4-fa163e2ff576

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

36a949e1-7b62-11f1-8fe4-fa163e2ff576

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

84f4093a-7b5c-11f1-8fe4-fa163e2ff576

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

16df61ae-7b60-11f1-8fe4-fa163e2ff576

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

317781cc-7b62-11f1-8fe4-fa163e2ff576

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

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

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

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

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

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

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

68b0509b-7b5b-11f1-8fe4-fa163e2ff576

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

54c9c53e-7b5b-11f1-8fe4-fa163e2ff576

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

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

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

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

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

62f31001-7b5b-11f1-8fe4-fa163e2ff576

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

88ff18a6-7b63-11f1-8fe4-fa163e2ff576

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

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

bbb495f2-7b64-11f1-8fe4-fa163e2ff576

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

1782d0c4-7b64-11f1-8fe4-fa163e2ff576

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

bbb495f2-7b64-11f1-8fe4-fa163e2ff576

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

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