Сначала устанавливаем скрипты для работы корзины товаров. В разделе "настройка" выбираем пункт "Метрика и скрипты"
В раздел "Другие скрипты HEAD" устанавливаем код, который был получен после сохранения первого товара в личном кабинете "Простого магазина" под п.1
На данном этапе после "Опубликовать" на вашем сайте появится корзина.
Далее рядом с каждым товаром добавляем кнопку "купить" (или "заказать" или "добавить в корзину" - как Вам нравится). Для этого нужно вместо стандартного компонента "Кнопка" использовать компонент "HTML" из-за отсутствия в стандартном компаненте возможности расширенного редактирования:
При редактированиии данного компанента необходимо вставить фрагмент кода из п.2 (кнопка "Заказать")
Внешний вид кнопки после установки будет стандартным. Вы можете самостоятельно настроить стили и поведение кнопки, разместив в аналогичном блоке HTML описание стилей.
Рекомендации:
- При размещении кнопки вместо тэга <a> лучше использовать <div>
- Товары лучше всего оформлять обычными текстовыми блоками, а не формами
- Если все-таки товары оформлены в блоках "форма", то от стандартной кнопки из формы можно избавиться методом удаления её наименования, удаления заливки, удаления рамки и тени.