CMS 1C Битрикс, как добавить кнопку «купить товар» в элемент раздела, если она там не появляется?
А еще нужно чтобы при нажатии на кнопку Купить открывалось модальное окно, в котором два поля для заполнения Это Имя и номер телефона. Весь интернет обшарил не нашел ответа может здесь кто подскажет.
- Вопрос задан более трёх лет назад
- 394 просмотра
Комментировать
Решения вопроса 0
Ответы на вопрос 2
Программист/администратор сайтов на 1С-Битрикс.
Вам нужно сверстануть кнопку, спрограмить js который будет вызывать модальное окно. Модальное окно — это веб-форма в которой создано ваших два поля. Вот и все.
Это не сложно.
Ответ написан более трёх лет назад
Комментировать
Нравится 1 Комментировать
Делаю крутые вещи в студии МИТ на 1с-Битрикс
Не очень понятна постановка задачи, что за редакция БУС, почему не появляется кнопка, как должно происходить добавление в корзину, как будет оформляться заказ?
Ответ написан более трёх лет назад
Комментировать
Нравится Комментировать
Ваш ответ на вопрос
Войдите, чтобы написать ответ
- 1С-Битрикс
Почему перестало корректно работать поиск по заголовкам битрикс?
- 1 подписчик
- 27 апр.
- 42 просмотра
Как добавить кнопку на сайт 1С-Битрикс
Кнопки на сайте — это не просто кликабельные элементы. За каждой кнопкой скрывается определенный функционал, который может быть как простым, так и сложным. В этой статье мы рассмотрим, как добавить различные типы кнопок на ваш сайт на 1С-Битрикс и какие функциональные возможности они могут предоставить.
Типы кнопок и их функционал
Кнопки могут выполнять различные задачи. Некоторые открывают формы, другие запускают процессы на сайте, особенно если речь идет о кнопках в административной панели. Для реализации сложного функционала, возможно, потребуется составление технического задания или доработка сайта.
Примеры кнопок и стили
Ниже приведены примеры кода для пяти разных стилей кнопок. Вы можете скопировать код и вставить его на свой сайт для отображения кнопки. Вставить код кнопки вы можете на любую стараницу сайта на Битриксе в редактируемое поля в режиме html
1. Базовая кнопка
.btn-basic < padding: 10px 20px; background-color: blue; color: white; border: none; cursor: pointer; transition: background-color 0.3s ease; >.btn-basic:hover
2. Скругленная кнопка
.btn-rounded < padding: 10px 20px; background-color: green; color: white; border: none; border-radius: 12px; cursor: pointer; transition: transform 0.3s ease; >.btn-rounded:hover
3. Кнопка с обводкой
.btn-outline < padding: 10px 20px; background-color: transparent; color: red; border: 2px solid red; cursor: pointer; transition: color 0.3s ease, border-color 0.3s ease; >.btn-outline:hover
4. Большая кнопка
.btn-large < padding: 15px 30px; background-color: purple; color: white; border: none; font-size: 18px; cursor: pointer; animation: pulse 2s infinite; >@keyframes pulse < 0% < transform: scale(1); >50% < transform: scale(1.05); >100% < transform: scale(1); >>
5. Маленькая кнопка
.btn-small < padding: 5px 10px; background-color: orange; color: white; border: none; font-size: 12px; cursor: pointer; transition: background-color 0.3s ease; text-align: center; /* Явно указываем выравнивание текста по центру */ line-height: normal; /* Устанавливаем нормальную высоту строки, если это необходимо */ vertical-align: middle; /* Вертикальное выравнивание для inline или inline-block элементов */ display: inline-block; /* Устанавливаем display как inline-block, если это необходимо */ >.btn-small:hover
Теперь вы знаете, как добавить различные типы кнопок на ваш сайт на 1С-Битрикс. Однако, помимо внешнего вида, важно также понимать, какой функционал должна выполнять каждая кнопка. Для сложных задач рекомендуется составление технического задания или доработка сайта с учетом специфических требований.
Если вы разместили кнопку и Вам требуется дополнить её функционалом, обращайтесь к нам и мы Вам поможем доработки сайта на 1С-Битрикс.
Продажи в кредит
Опубликовано: 22.07.2020 Обновлено: 10.12.2023 Версия: 1.1.14 Установлено: Более 1000 раз Подходящие редакции: «Малый бизнес», «Бизнес» Адаптивность: Нет Поддержка Композита: Нет Совместимо с Сайты24 Нет Совместимо с PHP 8.1 Да
Описание
— Увеличение продаж, среднего чека и лояльности клиентов
— Безбумажная технология, оформление онлайн
— Быстрые и безопасные взаиморасчеты
— Отсутствие финансовых рисков
Рассрочка — покупатель не переплачивает за покупку, так как магазин делает скидку, которая компенсирует проценты по кредиту.
Кредит — покупатель оплачивает стоимость покупки и проценты за кредит.
Как это работает
1. Покупатель кладёт товар в корзину и выбирает «Кредит от Сбербанка»/«Рассрочка от Сбербанка»
2. Заполняет заявку в СберБанк Онлайн.
3. Если кредит одобрен, деньги за покупку будут автоматически перечислены на счёт магазина. Останется согласовать с клиентом детали доставки.
Подробнее смотрите в прототипе
1. Оставьте заявку на сайте.
2. Согласуйте условия сотрудничества и заключите договор.
3. Интегрируйте сервис с помощью плагина.
4. Начните продавать в кредит или рассрочку.
1. Подробнее смотрите в прототипе
2. Оставьте заявку на сайте
3. Пишите на support@ecom.sberbank.ru или изучите +документацию по сервису
Пишите на support@ecom.sberbank.ru или изучите документацию по сервису.
Обсуждения (45)
Авторизуйтесь , чтобы оставить отзыв или задать вопрос разработчику.
Пользователь 4848111 1 марта 2024 13:37
Проблема кодировки при вызове поп ап окна, что делать?
СБЕР (разработчик) 4 марта 2024 13:05
Анатолий Холодов, Добрый день!
Для решения Вашего вопроса направьте, пожалуйста, запрос на почтовый ящик support@ecom.sberbank.ru, с указанием ИНН, названием организации, типом интеграции и описанием ошибки (по возможности просьба приложить видео или скриншоты с ошибкой)».
Пользователь 3801446 1 ноября 2023 10:55
Добрый день! Требуется кастомизировать кнопки «Кредит в 1 клик» в компоненте sber:credit.pokupay.button — было бы отлично получить такую возможность в следующих версиях модуля!
СБЕР (разработчик) 7 ноября 2023 12:35
«БИГ ООО, Добрый день. Вы можете изменить внешний вид кнопки самостоятельно в настройках Битрикс, создав собственный компонент на базе нашего. В случае возникновения дополнительных вопросов просьба направить запрос на почтовый ящик support@ecom.sberbank.ru
Пользователь 243871 5 октября 2023 00:13
Простите у модуля странное поведение в личном кабинете, если клиент вернулся обратно, не став оформлять кредит, то в личном кабинете если перейти подробнее о заказе что бы допустим сменить способ оплаты, автоматически идет переадресация на повторную попытку оформить кредит
СБЕР (разработчик) 9 октября 2023 09:45
Руслан Личный, Добрый день.
Для решения Вашего вопроса направьте, пожалуйста, запрос на почтовый ящик support@ecom.sberbank.ru, с указанием ИНН, названием организации, типом интеграции и описанием ошибки (по возможности просьба приложить видео или скриншоты с ошибкой)».
Пользователь 1582923 18 июля 2023 12:12
У Вас написано редакции Битрикс «Малый бизнес» и «Бизнес». Значит для 1С-Битрикс24: Интернет-магазин+СРМ данный модуль не работает?.
Даже если интернет-магазин не Б24, а стороннее решение для БУС ?
Сейчас в коробках КП Б24 есть весь функционал БУС «Бизнес».
Сбербанк (разработчик) 20 июля 2023 11:12
Sereja Zatsepin, Добрый день.
Корректная работа модуля гарантируется для редакций «Малый бизнес» и «Бизнес».
По опыту наших партнеров, решение также работает с модулем на 1С-Битрикс24: Интернет-магазин + СРМ, который установлен на собственном сервере.
Работа модуля через облачные решения не тестировалась.
Пользователь 5802632 7 июля 2023 09:30
Из-за этого не можем получить боевые доступы), так как у Вас проверка и должно быть все отображать
1 — 5 из 45
Что нового
- В связи с недавним обновлением главного модуля битрикс, изменен способ выполнения запросов к платежному шлюзу. httpClient на Curl. Обращаем внимание, что для корректной работы модуля начиная с текущей версии, на сервере должна быть установлена php-библиотека cURL 7.34 или выше
- техническое обновление компонента «кредит в 1 клик»
- Изменено название модуля «Покупай со сбером» на «Продажи в кредит»
- В настройках модуля добавлена опция «НДС по умолчанию»
- В настройках модуля добавлена опция включения функции перевода заказа в статус «Отменен», по умолчанию значение параметра «отключено»
- Добавлен стастус declinedByTimeout при запросе на обновление коллбека
- Добавлена поддержка двухстадийных платежей. Двухстадийные платежи, можно активировать в настройках платежного обработчика.
- удален параметр «Максимальный срок кредитования»
- Добавлены настройки ФФД и «Тип налогообложения»
- Техническое обновление компонента «sber.credit.pokupay.button» (Кредит в 1 клик)
- -Добавлена поддержка товаров с простым типом
- -Добавлен учет максимального количества товара
- -Добавлено отображение единицы измерения
- -Улучшена логика отображения шаблона всплывающего окна с формой заявки
- -Добавлен учет коэффициента единицы измерения при выборе количества товара
Инструкция по установке плагина 1-С Битрикс «Продажи в кредит»
Обновление от 30.05.2023.
Начиная с версии 1.1.12, в состав модуля добавлен второй платежный обработчик — Продажи в рассрочку. При создании новой платежной системы, теперь можно выбрать сразу обработчик «Кредит от Сбербанка» или «Рассрочка от Сбербанка». После выбора платежного обработчика, битрикс подставит тот логотип, который соответствует типу кредитования в котором работает каждый из обработчиков. Для тех партнеров у которых модуль уже был установлен модуль до версии 1.1.12, никаких дополнительных действий после обновления выполнять не требуется. в базовом платежном обработчике по прежнему можно выбрать тип кредитования «Рассрочка» или «кредит».
Для корректной работы модуля, на сервере должна быть установлена php-библиотека cURL 7.34 или выше!
- Установка модуля
- Настройка плагина
- Просмотр статусов заказов
- Подключение и настройка фискализации
- «Кредит в 1 клик» (настройка компонента sber:credit.pokupay.button)
1.1. Авторизоваться в 1С Битрикс.
1.2. Выбрать в главном меню слева пункт «Marketplace».
1.3. В открывшемся доп. меню выбрать «Каталог решений».
1.4. Через поиск найти модуль «Продажи в кредит».
1.5. После скачивания плагин появится в разделе «Установленные решения».
| При скачивании с маркета есть 2 опции на выбор: «скачать и установить» или просто «скачать». Выбираем «скачать и установить». |
2. Настройка плагина
2.1. Перейти в Боковое меню → Магазин → Настройки → Платежные системы → Добавить платежную систему.
Вкладка «Платежная система» служит для управления основными параметрами платежной системы. В ней присутствуют следующие поля:
● Обработчик — выбирается один вариантов файл-обработчик платежей под названием Кредит от Сбербанка» (sberbank.pokupay) или «Рассрочка от Сбербанка» «sberbank.pokupay2»;
● Заголовок — название платежной системы для отображения в пользовательском разделе сайта;
● Название — название платежной системы для отображения в административном разделе сайта;
● Активность — признак активности платежной системы;
● Сортировка — относительный «вес» платежной системы. Влияет на положение данной системы в общем списке платежных систем;
● Описание — текст длиной до 250 символов, информирующий клиента об особых условиях работы платежной системы;
● Логотип платёжной системы — по кнопке Добавить файл выполняется добавление файла-изображения — логотипа платежной системы;
● Открывать в новом окне — флаг в данном поле означает, что платежная страница банка будет выведена в отдельном окне веб-браузера;
● Кодировка — параметр необходим для перекодировки формы в кодировку платежной системы.
● Применяется для данного типа плательщика — определяется, будет ли создаваемая платежная система доступна для данного типа плательщика;
● Свойства обработчика — в свойствах обработчик необходимо заполнить следующие поля:
— Логин мерчанта;
— Пароль мерчанта — при смене продуктивного пароля нельзя использовать спецсимволы: — _ . ! ~ * : ’ ( );
— Тестовый режим — использование тестового или боевого платежных шлюзов;
— Двухстадийная оплата — по умолчанию используется одностадийная оплата, в случае необходимости, помимо корректировки данной настройки, необходимо обратиться в саппорт для выполнения настроек на шлюзе;
— returnUrl — адрес, на который требуется перенаправить пользователя в случае успешной оплаты (только для продуктовой среды);
— failUrl — адрес, на который требуется перенаправить пользователя в случае неуспешной оплаты (только для продуктовой среды);
— Режим кредитования — режим кредитования (Кредит, Кредит без переплаты);
— Логирование — логирование запросов в платежный шлюз в файл /bitrix/modules/rbs.credit/logs/rbs.credit.log;
— Разрешить отгрузку — если отмечено, то после успешной оплаты будет автоматически разрешена отгрузка заказа
— Тип оплаты — Используется в ФФД
— Тип оплачиваемой позиции — Используется в ФФД
— Система налогообложения
.
2.2. Сохранить настройки обработчика.
Настройка лимита на минимальную/максимальную сумму заказа, при котором платежная система доступна для выбора на этапе оформления заказа.
1. На странице настроек платежной системы присутствует вкладка «Ограничения», которая появляется только на этапе редактирования (при создании ее нет)
2. После перехода по вкладке, нажать на кнопку «Добавить ограничение», и выбрать тип «по цене»
3. Указать максимальную и минимальную сумму и «сохранить»
3. Просмотр статусов заказов
Виды статусов:
— Подтверждён — Кредит успешно оформлен;
— Отменён — Клиент отменил заказ;
— Отклонён — Ошибка или срок действия заказа истек и не будет оплачен;
— Возврат — Оформлен возврат.
4. Подключение и настройка фискализации
4.1. В ЛК необходимо настроить параметры фискализации. В главном меню выбрать «Настройки», далее «Основные», далее вкладка «Фискализация», откроется окно:
4.2. Необходимо выбрать нужного оператора фискальных данных из списка. Например, АТОЛ.
4.3. Откроется список полей для настройки фискализации у выбранного ОФД (эти поля изначально пустые):4. Необходимо запросить данные для настройки у оператора ОФД (написать на саппорт АТОЛ), ОФД дает данные для настройки.
4.4. Заполнить данные, проставить галочку «ОФД включена». Фискализация настроена и работает.
5.«Кредит в 1 клик» (настройка компонента sber:credit.pokupay.button)
| Компонент устанавливается с модулем начиная с версии sberbank.pokupay 1.1. |
5.1. После установки/обновления модуля sberbank.pokupay версии 1.1, на странице настроек модуля добавлена вкладка настройки компонента “Кредит в 1 клик”.
Параметр “Платежная система”.
Укажите платежную систему в которой в качестве платежного обработчика используется “Покупай со Сбером”.
Платежная система может быть деактивирована, если не должна быть доступна при стандартном оформлении заказа через корзину.
Параметр «Настройка инфоблока».
Укажите инфоблоки которые являются Каталогами товаров, после сохранения настроек, в указанные инфоблоки будут добавлены 2 новых свойства:
1. Свойство товара “Сбер, тип кредитования” — определяет какие товары будут доступны для покупки в кредит или в рассрочку.
2. Свойство товара “Сбер, сроки рассрочки” — передаст доступные сроки рассрочки для клиентов. Данное свойство не обязательно для заполнения. Если параметр не заполнен, то клиенту будут доступны все ранее утвержденные с банком сроки.
Параметр “значение свойств по умолчанию”.
Данный параметр указывается для удобства при создании новых товаров. Система будет по умолчанию заполнять свойство “Сбер, тип кредитования”.
Параметр “Стиль кнопки”.
Выберите стиль кнопки “Купить в кредит/рассрочку”.
5.2. Настройте товары, которые будут доступны для покупки в кредит/рассрочку.
5.3. Компонент sber:credit.pokupay.button является дополнением компонента catalog.element.
Код вызова компонента необходимо разместить в шаблоне компонента catalog.element. (Код подключения компонента обновлен в версии 1.1.1)
IncludeComponent( "sber:credit.pokupay.button", "", Array( 'CONFIG' => array( 'PRODUCT' => array( 'ID' => $arResult['ID'], 'ACTIVE' => $arResult['ACTIVE'], 'NAME' => $arResult['~NAME'], 'TYPE' => $arResult['PRODUCT']['TYPE'], 'ITEM_PRICES' => $arResult['ITEM_PRICES'], 'ITEM_PRICE_SELECTED' => $arResult['ITEM_PRICE_SELECTED'], 'ITEM_MEASURE_RATIOS' => $arResult['ITEM_MEASURE_RATIOS'], 'ITEM_MEASURE_RATIO_SELECTED' => $arResult['ITEM_MEASURE_RATIO_SELECTED'], 'CAN_BUY' => $arResult['CAN_BUY'], 'CHECK_QUANTITY' => $arResult['CHECK_QUANTITY'], 'QUANTITY_FLOAT' => is_float($arResult['ITEM_MEASURE_RATIOS'][$arResult['ITEM_MEASURE_RATIO_SELECTED']]['RATIO']), 'MAX_QUANTITY' => $arResult['PRODUCT']['QUANTITY'], 'STEP_QUANTITY' => $arResult['ITEM_MEASURE_RATIOS'][$arResult['ITEM_MEASURE_RATIO_SELECTED']]['RATIO'], ), 'OFFERS' => $arResult['OFFERS'], ), 'CACHE_TYPE' => $arParams['CACHE_TYPE'], 'CACHE_TIME' => $arParams['CACHE_TIME'], 'CACHE_GROUPS' => $arParams['CACHE_GROUPS'], 'AJAX_MODE' => $arParams['AJAX_MODE'], ), $component );?>
По правилам кастомизации шаблонов компонентов битрикс — для текущего примера был скопирован шаблон /bitrix/components/bitrix/catalog.element/templates/bootstrap_v4 в
директорию шаблона сайта: /bitrix/templates/.default/components/bitrix/catalog.element/
5.4. Проверка работоспособности компонента.
Компонент будет отображать кнопку при соблюдении всех условий:
- Компонент должен быть активирован в настройках модуля, вкладка “Кредит в 1 клик”.
- В настройках компонента должна быть указана платежная система.
- В настройках компонента должны быть указаны инфоблоки где будут размещены дополнительные свойства товара.
- В товаре должны быть отмечено свойство “Доступен в кредит”.
- Код вызова компонента sber:credit.pokupay.button должен быть добавлен в шаблон компонента catalog.element.
После соблюдения всех условий, в карточке товара будет отображаться кнопка “Купить в рассрочку/кредит”, при нажатии на которую появится всплывающее окно с формой заказа:
При заполнении формы и нажатии на кнопку “Купить в рассрочку”, компонент должен создать заказ в магазине, а также зарегистрировать заказ в платежном шлюзе банке.
| При успешном создании заказа, клиента автоматически перенаправит на страницу оформления кредита |
При использовании компонента sber.credit.pokupay.button, после каждого обновления модуля, рекомендуется обновлять кеш всего сайта через настройку «Автокеширование»
Служба поддержки Сбербанка в рамках интернет-эквайринга: Sberbank E-com Support
Добавить кнопку Купить в кредит
Подскажите, пожалуйста, как в стандартном интернет магазине на странице подробного описания товара ( т.е. в шаблон cdtalog.element) рядом с кнопкой Купить добавить кнопку Купить в кредит.
Посетитель
Сообщений: 64 Баллов: 5 Регистрация: 02.04.2013
17.07.2014 09:03:30
Без программирования никак.
Заглянувший
Сообщений: 17 Регистрация: 09.04.2014
17.07.2014 11:50:20
Ну это-то я понимаю, несмотря на свой совсем небольшой опыт в битрикс. Собственно, вопрос и касался программного изменения шаблона cdtalog.element
Посетитель
Сообщений: 64 Баллов: 5 Регистрация: 02.04.2013
17.07.2014 12:30:47
Нужно сверстать кнопку и навешать на нее например вебформу в всплывающем окне. Туда передавать данные о товаре и отправлять заявку на почту. Или если есть api банка использовать.
Или 2 способ. Создать тип оплаты в кредит. И при клике по кнопке купить в кредит передавать параметр с указанием способа оплаты.
Страницы: 1
Продукты
Управление сайтом
Битрикс24
Интернет-магазин + CRM
Решения
Для интернет-магазинов
Каталог готовых решений
Внедрение
Выбрать партнера
Проверить партнера
Стать партнером
1С-Битрикс http://www.1c-bitrix.ru Общие вопросы info@1c-bitrix.ru Приобретение и лицензирование продуктов : sales@1c-bitrix.ru Маркетинг/мероприятия/PR marketing@1c-bitrix.ru Партнерская программа partners@1c-bitrix.ru Мы работаем с 10:00 до 19:00 по московскому времени. Офис в Москве 127287 Россия Московская область Москва 2-я Хуторская улица дом 38А строение 9 Офис в Калининграде +7 (4012) 51-05-64 Офис в Калининграде 236001 Россия Калининградская область Калининград Московский проспект 261 Офис в Киеве ukraine@1c-bitrix.ru Телефон в Киеве +3 (8044)221-55-33 Офис в Киеве 01033 Украина Калининградская область Киев улица Шота Руставели 39/41 офис 1507
© 2001-2024 «Битрикс», «1С-Битрикс». Работает на 1С-Битрикс: Управление сайтом. Политика конфиденциальности