При реализации сайта на HTML и без использовании CMS основной проблемой является наполнения страницы товарами. Для первичного размещения всего каталога, а также при изменении данных необходимо сгенерировать блок с товарами и скопировать получившийся результат в тело страниц сайта.
Для реализации данной задачи достаточно возможностей табличного редактора вроде Excel и формулы =СЦЕПИТЬ(), которая позволяет собрать фрагмент HTML-кода из повторяющихся элементов блока, используя данные из ячеек с параметрами товаров (названием, ценой, изображением). В этом случае потребуется собрать формулой код HTML только для одной строки каталога, а затем размножить его копированием на все строки и полученный результат перенести на страницу сайта.
Кроме вывода информации о наименовании товара, цене и изображении - в каталоге потребуется добавить для каждой позиции активную кнопку добавления товара в корзину. Этот код также можно учесть в построении формулы.
-
Получаем таблицу с данными о товарах (xls-файл)
Для этого можно воспользоваться функцией выгрузки товаров по нажатию на кнопку “Выгрузить данные в XLS”, которая расположена в нижнем блоке раздела “Торговые предложения”. В загруженном файле есть все необходимые данные для формирования каталога на HTML-странице.
-
HTML шаблон каталога
Размещаем формулу в любой свободной ячейке строки №2
=СЦЕПИТЬ(" <tr> <td>";B2;"</td> <td>";E2;"</td> <td>";F2;"</td> </tr>")
В данной формуле содержится повторяющийся фрагмент для одного товара из HTML-шаблона с подставленными в него данными, где:
B2 - ячейка с названием товара,
E2 - содержит цену,
F2 - код кнопки добавления товара в корзину.После ввода данная формула собирает в одну строку фрагмент каталога для одного товара. Копируем эту формулу в строки с другими товарами. Получаем готовый фрагмент HTML-кода для добавления на страницу.
-
Как сделать каталог на сайте
Скопируйте полученный с помощью формул код и разместите его на странице сайта.
-
Верстка каталога