Корзина для вашего сайта

Готовый виджет для оформления заказов.
Установка на сайт за 5 минут, без программирования.

Получить код Пример работы

video Как установить на сайт [видео, 46 секунд]

Корзина для сайта
Корзина для сайта

Как сделать каталог товаров на HTML

При реализации сайта на HTML и без использовании CMS основной проблемой является наполнения страницы товарами. Для первичного размещения всего каталога, а также при изменении данных необходимо сгенерировать блок с товарами и скопировать получившийся результат в тело страниц сайта.

Для реализации данной задачи достаточно возможностей табличного редактора вроде Excel и формулы =СЦЕПИТЬ(), которая позволяет собрать фрагмент HTML-кода из повторяющихся элементов блока, используя данные из ячеек с параметрами товаров (названием, ценой, изображением). В этом случае потребуется собрать формулой код HTML только для одной строки каталога, а затем размножить его копированием на все строки и полученный результат перенести на страницу сайта.

Кроме вывода информации о наименовании товара, цене и изображении - в каталоге потребуется добавить для каждой позиции активную кнопку добавления товара в корзину. Этот код также можно учесть в построении формулы.

  • 1

    Получаем таблицу с данными о товарах (xls-файл)

    Для этого можно воспользоваться функцией выгрузки товаров по нажатию на кнопку “Выгрузить данные в XLS”, которая расположена в нижнем блоке раздела “Торговые предложения”. В загруженном файле есть все необходимые данные для формирования каталога на HTML-странице.

    Каталог товаров в формате HTML
  • 2

    HTML шаблон каталога

    Размещаем формулу в любой свободной ячейке строки №2

    =СЦЕПИТЬ(" <tr> <td>";B2;"</td> <td>";E2;"</td> <td>";F2;"</td> </tr>")

    В данной формуле содержится повторяющийся фрагмент для одного товара из HTML-шаблона с подставленными в него данными, где:
    B2 - ячейка с названием товара,
    E2 - содержит цену,
    F2 - код кнопки добавления товара в корзину.

    Каталог товаров HTML

    После ввода данная формула собирает в одну строку фрагмент каталога для одного товара. Копируем эту формулу в строки с другими товарами. Получаем готовый фрагмент HTML-кода для добавления на страницу.

  • 3

    Как сделать каталог на сайте

    Скопируйте полученный с помощью формул код и разместите его на странице сайта.

    Добавление каталога товаров на страницу HTML
  • Верстка каталога

    Добавление каталога товаров на страницу HTML
Предыдущая статьяКак ограничить время оформления заказа?
Следующая статьяФорма заявки