Для создания кнопки добавления товара в корзину необходимо добавить в нужное вам место код следующего вида:

<div class="#add_class#" data-id="#element_id#" data-count="#quantity#"> В корзину </div> 

 

Обратите внимание, что этот код нельзя просто скопировать и вставить на свой сайт, сначала необходимо заменить его части заключенные в #...# на необходимые Вам.

• #add_class# - это Класс для кнопки в корзину, указанный в настройках параметров компонента.
• #element_id# - ID товара(элемента инфоблока), который будет добавляться в корзину
  
• #quantity# - показывает какое количество товара добавлять при нажатии на кнопку в корзину

Далее приведены два примера интеграции кнопок добавления в корзину для шаблонов компонентов "Элементы раздела" (bitrix:catalog.section) и "Элемент каталога детально" (bitrix:catalog.detail) для типового решения Корпоративный сайт услуг.



Пример кнопки добавления в корзину для компонента "Элементы раздела" (bitrix:catalog.section)

 <div class="add_to_cart"  
    data-id="<?=$arElement["ID"]?>"  
    data-count="1"  
    style="float: left;  
          height: 20px; 
          margin-top: 13px;  
          margin-left: 20px; 
          background: #D65858;  
          padding: 5px 20px;  
          color: #fff;  
          font-weight: bold;  
          cursor: pointer;"> 
     В корзину  
 </div>

Пример кнопки добавления в корзину для компонента "Элементы раздела" (bitrix:catalog.section)

 <div class="add_to_cart"  
    data-id="<?=$arResult["ID"]?>"  
    data-count="1"  
    style="float: left;  
          height: 20px; 
          margin-top: 13px;  
          margin-left: 20px; 
          background: #D65858;  
          padding: 5px 20px;  
          color: #fff;  
          font-weight: bold;  
          cursor: pointer;"> 
     В корзину  
 </div>