Каталог товаров html: Верстка интернет-магазина: список товаров / Хабр

Leave a Comment / Html / By /

Содержание

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

Готовое решение ,Бесплатно ,Установка за 5 минут ,Для любого сайта ,Ваши стили ,Скидки ,Промо-коды ,Варинты доставки ,Онлайн-оплата ,Заказы на почту ,Заказы в Telegram ,Заказы в Битрикс24 ,Заказы в МойСклад ,Поддержка

Готовая корзина для сайта

Готовый виджет корзины EasyNetShop устанавливается на любой сайт добавлением нескольких строк и превращает его в полноценный интернет-магазин. Позволяет покупателям добавлять товар, менять количество, рассчитывать доставку и скидку. После оформления заказа отправляет информацию на адрес вашей электронной почты, а покупателю предоставляется возможность оплатить его онлайн.

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

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

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

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

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

  • 1

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

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

  • 2

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

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

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

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

    B2 — ячейка с названием товара,
    E2 — содержит цену,
    F2 — код кнопки добавления товара в корзину.

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

  • 3

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

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

  • Верстка каталога

Использование других шаблонов для товара
В примере, в качестве повторяющегося элемента используется строка таблицы <tr>…</tr> для упрощения представления. Вы можете использовать произвольный шаблон. Для этого необходимо в нем найти повторяющийся фрагмент для одного товара и использовать его в формуле из п.2.

Предыдущая статьяКак ограничить время оформления заказа?

Следующая статьяФорма заявки

Есть вопрос?

Нажимая на кнопку ОТПРАВИТЬ вы даете согласие на обработку указанных персональных данных в соответствии с законом РФ (152-ФЗ) и подтверждаете, что ознакомлены с политикой конфиденциальности компании.

Еще можно задавать вопросы в чате: https://t. me/EasyNetShop_support

Создание каталога товаров на сайте

Оглавление

Введение

Компонент каталог позволяет быстро поднять типовой каталог с использованием только MS SQL и верстки Bootstrap. 

Вид каталога:

        

Карточка товара: 

Корзина и заказ: 

             

Возможности каталога

Каталог на демо имеет следующие возможности: 

  • Вложенные категории (без ограничений по вложенности).
  • Фильтры для категорий. Фильтры наследуются от родительских категорий. 
  • Кастомизация вида каталога, элемента каталога и карточки каталога.
  • Человекопонятный URL (ЧПУ). 
  • Вывод тегов выбранных фильтров.
  • Гибкие настройки под SEO — h2, title, keywords, description, микроразметка. Все генерируется через процедуры SQL с учетом всех входящих параметров (выбранная категория, фильтры). 
  • Два вида каталога — плитка и панели. 
  • Адаптивность под мобильные устройства.
  • Мультикорзина. Учет различных поставщиков. Отдельное оформление заказов для разных поставщиков. 
  • Избранное.
  • Кеширование выборки каталога. Возможность настроить длительность кеширования. 
  • Форма заказа с возможностью адаптации под свои потребности.
  • Форма быстрого заказа. 
  • Возможность сортировки по разным параметрам.
  • Возможность менять бизнес-логику выборки через SQL. 
  • Рейтинг товара, количество заказов, отзывы.
  • Страница поставщика, рейтинг поставщика. 
  • Характеристики товаров.
  • Кастомизация при заказе — выбор определенных характеристик.
  • Вывод остатков. 

Адрес демо https://marketplace.web-automation.ru/catalog

Структура каталога

Основная номенклатура хранится в as_cat_products. Товары могут находиться в различных категориях (as_cat_categories). У категории есть свои атрибуты (они представлены на каталоге фильтрами) — as_cat_filters. Фильтры могут быть различных типов — текстовый, галочки, выбор, переключатель, диапазон (as_cat_filterTypes).

У товаров есть атрибуты (as_cat_productAttrs) и они соответствуют атрибутам категории (as_cat_categoryFilters). У каждого товарного предложения поставщика есть набор кастомизируемых атрибутов — майка синяя, красная, XL, S (as_cat_supplierProductAttrs). 

Каждый поставщик (as_cat_suppliers) связан с определенными категориями каталога (as_cat_supplierCategories) и размещает в каталоге свои товары (as_cat_supplierProducts), связанные с единой номенклатурой. Поставщик использует общую номенклатуру и только указывает свои остатки и стоимость для определенной конфигурации атрибутов товара. 

Корзина хранится в ord_carts, а заказы в ord_orders

Построение адресов URL каталога

Построение URL для поиска

Адрес поиска строится следующим образом /catalog/[catName-catID]/[catName-catID]/f/[filterCode-val1,val2…]/[filterCode-val1,val2…]

Блоки с категориями показывают вложенность категорий. 

Параметр /f/ говорит системе, что дальше идет блок фильтров. Значения фильтров указываются через запятую. 

Пример адреса для поиска: 

https://marketplace.web-automation.ru/catalog/spectekhnika-1012/pogruzchiki-1014/f/gruzopod_emnost-до%20300%20кг,до%20400%20кг/sostoyanie-Б-у

https://marketplace.web-automation.ru/catalog/spectekhnika-1012/ekskavatory-1015

Примечание: 

  • Нельзя кардинально поменять роутинг каталога. Движок использует опорные элементы для разбора адреса (/catalog, /p /f, фильтры через запятую).  
  • Нельзя использовать в выводимых значениях  фильтров множественного выбора (например checks) символ «,» (она используется как разделитель значений при обработке в процедуре Search). Заменяйте его на «.» или другой символ.
  • Если в фильтрах приходят спецсимволы (например, /\*), то они кодируются в URL через «-s{AsciiCode}-«. Далее на стороне сервера они восстанавливаются и выводятся в первоначальном виде на странице. Это мера необходима из-за того, что не все спецсимволы можно вставлять в URL.  

Построение URL для карточки товара

Адрес товара строится следующим образом  /catalog/[сatName-catID]/[catName=catID]/p/[prodName-prodID]

В начале адреса идет иерархия категорий, в которых находится товар. 

Параметр /p/ говорит системе, что это товар. 

После /p/ идет блок с идентификацией товара по prodID.

Примечание: 

  • адрес товара хранится в as_cat_products.url и задается при создании товара.
  • можно убрать из адреса карточки товара элементы категорий, тогда адрес будет короче. В этом случае надо внести изменения в функцию cat_getProductURL и обновить поле URL у всех товаров.

Пример адреса товара: https://marketplace.web-automation.ru/catalog/spectekhnika-1012/pogruzchiki-1014/p/pogruzchik-honda-1155-1155

Управление бизнес-логикой и видом каталога


Управление логикой работы каталога осуществляется на странице /catSettings (доступна системному администратору)

На данной странице вы можете: 

  • Управлять категориями, атрибутами, товарами
  • Делать импорт/экспорт через Excel
  • Управлять процедурами для страницы поиска — search, preSearch и  getSeoParameters
  • Управлять процедурами для страницы карточки товара — getItem, getSeoParameters
  • Управлять блоками разметки для страниц поиска и карточки товара
  • Также на этой странице вы можете изменить бизнес-логику работы с корзиной (добавление в корзину, идентификация/создание корзины, получение корзины).

Атрибуты продуктов (фильтры)

Все возможные атрибуты продуктов лежат в as_cat_filters.
Атрибуты назначаются категории в таблице as_cat_categoryFilters, а продукты уже в свою очередь наследуют атрибуты всех родительских категорий.
Тип данных значений атрибута указывается в dataTypeID (строка, целое число, дробное число).
Заполнение атрибутов значениями для конкретного продукта идет в as_cat_productAttrs.
В этой таблице заполняется одна из трех колонок согласно установленному типу атрибута.

Значение Атрибута как выбор значения из списка (справочника)

Если на атрибуте заполнено поле sqlGetValues, значит он имеет конечное число установленных значений, и для каждого продукта будет выбор из списка одного из этих значений.
В sqlGetValues указана хранимая процедура для выбора списка значений атрибута.
Соответственно в БД необходимо создать дополнительные таблицы-справочники по таким атрибутам в виде as_cat_cust_{имяАтрибута} (id, name)
В as_cat_productAttrs тогда будет заполнена колонка intValue - ID записи из таблицы указанной в sqlGetValues.

Атрибуты как фильтры

Атрибуты продуктов должны также быть среди фильтров поиска.
Поле visibleInFilter определяет будет ли введен атрибут в перечень фильтров.
Есть следующие типы фильтров в каталоге:
  • checks — галочки
  • radio — радио-переключатели
  • select — выбор из списка с поиском
  • selectmultiple — множественный выбор из списка с поиском
  • switch — переключатель да-нет
  • text — строка для ввода
  • color — выбор цвета
  • range — выбор диапазона

Поле typeID определяет тип фильтра.
Если вариант отображения - ползунок, то поле defValue необходимо обязательно заполнить по следующему шаблону - {минимум,максимум,шаг}
Для фильтра select необходимо в начале добавить элемент Не выбрано.  
Чтобы назначить каждой категории свой набор фильтров, нужно прописать связи в as_cat_categoryFilters

Атрибуты отображаемые на обложке продукта

Если на атрибуте заполнен признак showForProductInList, то этот атрибут будет выводиться сразу на обложке товара в режиме отображения товаров Список

Добавление продуктов в корзину

При нажатии на соответствующую иконку на продукте, он попадает в корзину к пользователю, в количестве указанном в поле рядом.

Таблица корзин ord_carts. Если пользователь не авторизован, то поле username в ней будет равно null.
В таблице ord_cartItems лежат позиции, которые были добавлены в корзину.

О таблице ord_cartTypes

В ней лежит настройка того, какая корзина работает на каталоге

В поле cartInfoFormat можно задать формат вывода виджета корзины справа сверху на сайте.

Оформление заказа

Форма с кодом cartOrder, т. е. можно посмотреть её хранимки, и соответственно есть возможность её видоизменить. 
В SaveItem прописано создание заказа. Все заказы хранятся в ord_orders, и через таблицу корзины выходят на позиции заказа (они же позиции корзины).

Как сделать, чтобы оформлялся единый заказ?

  • Когда оформленный заказ идёт напрямую к поставщику, то кнопка Оформить заказ будет выставлена напротив каждого производителя в Корзине. В этом случае
  • указываем ord_cartTypes.isSingleOrder = 0
  • и в cartOrder будет передаваться itemID = ’{cartGuid}_{supplierID}’
  • Чтобы сделать единую кнопку Оформить заказ в Корзине, например когда заказ должен уйти на Склад, то есть независимо от того у скольких поставщиков мы выбрали товар, то необходимо
  • указать в ord_cartTypes.isSingleOrder = 1
  • и в cartOrder будет передаваться itemID = ’{cartGuid}_0’

Добавление продуктов в Избранное

Добавить продукт в Избранное может только авторизованный пользователь, нажав на соответствующую иконку на продукте.
Физически запись об избранном продукте добавляется в ord_favorites.

Адрес Избранного https://marketplace.web-automation.ru/favorites

Основные Хранимые процедуры каталога

Поиск по каталогу — cat_search

На входе: 

  • @filters ExtendedDictionaryParameter READONLY, — коллекция фильтров с Key, Value 
  • @selectedCatID int, — текущая выбранная категория
  • @sort nvarchar(24), — выбранная сортировка
  • @page int, — текущая страница
  • @username nvarchar(32), — текущий пользователь (если зарегистрирован)
  • @langID int = 0 — язык интерфейса пользователя
  • @parameters ExtendedDictionaryParameter readonly — опционально, содержит langID, falconGuid, url (только часть после /catalog/) и др  параметры в виде Key,Value2

На выходе: 

SELECT 1  Товары

  • ID — ID товара
  • Name — наименование товара
  • ShortDesc — краткое описание 
  • Price — стоимость
  • SupplierCount — сколько поставщиков предлагают товар
  • Url — URL товара 
  • Img — URL картинки товара 

SELECT 2 Настройки вывода 

  • EmptyText — сообщение, что нет товаров
  • OneToOneProduct — если 1, то режим работы без номенклатуры (каждое предложение от 1 поставщика)
  • Title — заголовок страницы h2
  • Text — текст описания к странице 
  • BannerImage — картинка баннера URL
  • BannerText — текст к баннеру 
  • Sort — выбранная сортировка
  • Page — текущая страница 
  • PageSize — размер пагинации
  • Total — сколько всего найдено товаров
  • MetaTitle — тег Title в Head 
  • MetaDescription — метатег Description 
  • MetaKeywords — метатег Keywords
  • HeadSection  — разметка в (например, для счетчиков или микроразметки)
  • BodyBottomSection — разметка перед  
  • CustomMakeup — кастомная разметка основного каталога
  • ListItemMakeup — кастомная разметка элемента в каталоге в виде
  • ListPanelItemMakeup — кастомная разметка элемента в каталоге в виде Panel
  • AttrTemplateMakeup — разметка для вывода атрибута товара в разметке List
  • DefaultView — какой вид грузить по умолчанию? (list,panel)
  • FilterStateEnabled — если 1, то у фильтров будут проставляться доступность/недоступность фильтров и показываться количество товаров.  
  • RightBreadcrumb — разметка для вставки в хлебные крошки справа (вспомогательные ссылки)
  • RightBreadcrumbDropdownMakeup — некая HTML разметка всплывающей панели в хлебных крошках справа
  • RedirectUrl, RedirectStatusCode — если указан адрес, то страница сделает редирект с указанным статусом (по умолчанию 301)
  • itemsClass, itemClass — CSS классы для контейнеров всего каталога и 1 элемента (иногда требуется установить для этих блоков свои классы, например row). 

SELECT 3 — Атрибуты товара, которые будут выводиться в поиске

  • ProductID — ID товара к которому привязан атрибут
  • AttrID — ID атрибута 
  • AttrCode — код атрибута
  • Title — название атрибута
  • Value — значение (если несколько, то через запятую)
  • TypeCode — тип атрибута
  • DataType — тип данных, которые хранит атрибут
  • Category — категория атрибута
  • CategoryOrd — порядок категории
  • SqlGetValues — хранимая процедура, которая дает возможные варианты для списковых параметров
  • CacheMinutes — как долго минут кешируется список возможных вариантов из хранимой процедуры. Если 0, то не кешируется. 

SELECT 4 — Виды сортировок

  • Key — код сортировки
  • Value — название на странице

SELECT 5 — Состояния фильтров. Работают, если установлен FilterStateEnabled = 1. На базе этих данных в фильтрах отображается сколько товаров есть по данному фильтру при текущей конфигурации выбранных фильтров. 

  • FilterCode — код фильтра
  • Value — значение фильтра 
  • Count — количество найденных товаров для данного значения данного фильтра.  

Настройка SEO параметров для поиска — cat_search_getSeoParameters.

На входе: 

  • filters — выбранные фильтры 
  • selectedCatID — текущая категория 
  • langID — выбранный язык
  • username — текущий пользователь
  • title — заголовок h2. Выходной параметр
  • metaTitle — тег title. Выходной параметр
  • metaDescription — метатег Description. Выходной параметр
  • metaKeywords — метатег Keywords. Выходной параметр
  • bannerText — текст при баннере. Выходной параметр
  • bannerImage — картинка баннера. Выходной параметр
  • headSection — разметка в . Выходной параметр
  • bodyBottomSection — разметка перед . Выходной параметр
  • preBreadcrumbs — что поставить вперед в хлебные крошки перед структурой каталога в форме name||url. Выходной параметр

На выходе: 

нет выходных SELECT

Получить детали для карточки товара — cat_getItem

На входе: 

  • itemID — ID товара 
  • langID — выбранный язык
  • username — текущий пользователь
  • parameters ExtendedDictionaryParameter readonly — опционально, содержит langID, falconGuid, url (только часть после /list/{code}/) и др  параметры в виде Key,Value2

На выходе: 

SELECT 1 Настройки вывода 

  • OneToOneProduct — если 1, то включается режим Без номенклатуры
  • AttrTemplateMakeup — кастом разметка для вывода списка атрибутов товара
  • ID — ID товара 
  • Name — наименование
  • ShortDesc — краткое описание
  • Price — стимость 
  • Rating — рейтинг товара
  • ValutaSigh  — обозначение валюты 
  • CustomMakeup — кастом разметка каталога 
  • MetaTitle — мета тег Title
  • MetaDescription — мета тег Description 
  • MetaKeywords — мета тег Keywords
  • HeadSection — секция разметки в head 
  • BodyBottomSection — секция разметки перед закрывающим тегом body
  • PreBreadcrumbs — первый элемент в хлебных крошках
  • RightBreadcrumb — разметка для вставки в хлебные крошки справа (вспомогательные ссылки)
  • RightBreadcrumbDropdownMakeup — некая HTML разметка всплывающей панели в хлебных крошках справа
  • RedirectUrl, RedirectStatusCode — если указан адрес, то страница сделает редирект с указанным статусом (по умолчанию 301)

SELECT 2 Категории товара (иерархия)

  • ID — ID категории
  • Code — код категории
  • Name — название 
  • Level — уровень вложенности от корня
  • Url — URL категории на сайте
  • Icon — Font Awesome иконка

SELECT 3 Атрибуты

  • AttrID  — ID атрибута 
  • Title — название атрибута
  • Value — Значение
  • TypeCode — тип атрибута
  • DataType — тип данных фильтра
  • Category — категория (для группировки вывода атрибутов)
  • CategoryOrd — Порядок категории

SELECT 4 Предложения поставщиков

  • SupplierProductID — ID предложения 
  • Price — стоимость
  • SupplierName — наименование поставщика
  • SupplierLink — ссылка на страницу поставщика

Настройка SEO параметров для карточки товара — cat_getItem_getSeoParameters

На входе: 

  • itemID — ID товара 
  • langID — выбранный язык
  • username — текущий пользователь
  • parameters — дополнительные системные параметры (например, falconGuid)
  • title — заголовок h2. Выходной параметр
  • metaTitle — тег title. Выходной параметр
  • metaDescription — метатег Description. Выходной параметр
  • metaKeywords — метатег Keywords. Выходной параметр
  • headSection — разметка в . Выходной параметр
  • bodyBottomSection — разметка перед . Выходной параметр
  • preBreadcrumbs — что поставить вперед в хлебные крошки перед структурой каталога в форме name||url. Выходной параметр

На выходе: 

нет выходных SELECT

Управлять этими процедурами можно на /catSettings

Панели товаров

На желаемой странице (например, на главной) можно вывести некую выборку продуктов из каталога
(например, новинки или наиболее популярные) в виде специальной панели.

Сниппет:

 <div data-code="new" data-type="’card|slider’" data-colclass="col-12 col-sm-6 col-md-6"></div>
Указаны тип сниппета, код панели, и часть экрана для расположения. 
По коду сниппета создаем соответствующую ХП для настройки отображения панели и выбора продуктов в неё:
CREATE PROCEDURE [dbo].cat_new_panel
   @langID int,
   @username nvarchar(256)
AS
BEGIN
   select 'Новые товары' Title,
          'http://ya.ru' Link,
          'Это нижний HTML под панелью' BottomHtml,
          5 CacheMinutes,
          '' ItemMakeup,
          '' Msg,
          1 Result
   select top 8 '111х' Name,
                '222х' Link,
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNMNkquBwADcQF5wZiBLwAAAABJRU5ErkJggg==' Img,
                123 Price,
                '444х' [Desc]
   from as_cat_products
END

В ItemMakeup можно вставлять кастомизированную верстку для элемента.

Работает 2 режима — слайдер и панель товаров. Режим задается через data-type для сниппета.

How to по каталогу (catalog)

Как убрать категорию из каталога

Необходимо в панели управления у категории поставить признак Отключено (isDisabled=true).

Как сделать кастомную верстку для каталога

Для этого в SELECT 2 в cat_search указываем CustomMakeup - эта разметка может принимать следующие параметры:

  • {catalogCats} Вложенные категории

  • {catalogFilters} Колонка фильтров

  • {catalogFilterTags} Теги выбранных фильтров (с возможностью их сбросить)

  • {catalogViewButtons} Кнопки переключения вида

  • {catalogTitle} Заголовок (с выводимым кол-вом)

  • {catalogBanner} Баннер для категории (использует Search.Select2 поля BannerText и BannerImage)

  • {catalogSortPanel} Кнопки сортировки

  • {catalogItems} Элементы каталога

  • {catalogPaging} Пагинация

  • {catalogText} Текст о категории


По дефолту используется такая верстка (если она не указана в CustomMakeup):
<div>
   <div> {catalogCats}
   {catalogFilters} </div>
   <div> {catalogViewButtons} {catalogTitle}
   {catalogSortPanel} {catalogItems} {catalogPaging} {catalogText} </div>
</div> 

Также можно указать кастомную верстку для элементов каталога  для обоих видов (плитка и панель).  
Для этого указываем в SELECT 2 в cat_search параметры ListItemMakeup, PanelItemMakeup:

  • {id} — Идентификатор номенклатуры товара

  • {name} — Наименование товара

  • {url} — URL страницы товара

  • {img} — ссылка на картинку

  • {supplierName} — наименование поставщика

  • {supplierLink} — ссылка на Поставщика

  • {price} — цена товара

  • {shortDesc} — краткое описание товара

  • {supplierCount} — количество поставщиков (если Товар к поставщику не 1 к 1)

  • {supplierProductID} — если Товар и Поставщик 1 к 1, то это ID товара поставщика (для использования в корзине).

  • {attrs} — атрибуты товара, которые помещены ForList=1


По умолчанию {attrs} выводится в 2 колонки. Это можно изменить если указать в SELECT 2 параметр AttrTemplateMakeup с нужной разметкой.По умолчанию он имеет такой вид: 
<div>
    {title}
</div>
<div>
    {value}
</div>
Аналогично для страницы 1 товара можно изменить дефолтовую разметку для атрибута в SELECT 1 параметр AttrTemplateMakeup в GetItem.  По умолчанию: 
<div>{title}</div>
<div>{value}</div>

Примечание: указывается в SELECT 2 в cat_search такую разметку для CustomMakeup и других разметок, чтобы отдельно редактировать HTML блок.
select dbo.as_htmlBlock(''catalogMakeup'', 0) CustomMakeup,
dbo.as_htmlBlock(''catalogListItemMakeup'', 0) ListItemMakeup,
dbo.as_htmlBlock(''catalogPanelItemMakeup'', 0) PanelItemMakeup


В GetItem: 
select dbo.as_htmlBlock('catalogItemMakeup', @langID) CustomMakeup

Как кастомизировать страницу товара

Используем для этого кастомизированную верстку в параметре CustomMakeup в процедуре cat_GetItem

Параметры:

  • {id} — id товара
  • {name} — наименование товара
  • {images} — картинки (галерея с возможностью показа увеличенной картинки)
  • {price} — цена товара
  • {offers} — предложения поставщиков по данному товару с возможностью добавить в корзину
  • {attrs} — таблица атрибутов товаров
  • {shortDesc} — краткое описание товара
  • {attr-code1} — передача дополнительных отдельных атрибутов для отдельной вставки в верстке

По умолчанию верстка имеет следующий вид:

<div>
   <div> {images} </div>
   <div> {price} {name} {offers} {attrs}
         <div> {shortDesc} </div>
   </div>
</div>

Как сделать так, чтобы каталог работал по номенклатуре 1 к 1 с товаром поставщика

По умолчанию каталог работает как единая номенклатура. Для каждой позиции показываются предложения поставщиков на странице позиции (товара).
При этом кнопки Добавить товар нет на странице поиска товаров, и цены указаны как «От…».
Чтобы сделать представление 1 к 1 для позиций и предложений поставщиков (т.е. каждая позиция — это 1 предложение поставщика),
необходимо прописать в Процедурах Search и GetItem параметр настройки OneToOneProduct=1

Как скрыть цены в каталоге

Для этого в запросе укажите 0 для цен.

Как установить вид, который по умолчанию открывается в каталоге

По умолчанию ставится вид Плитка.
Укажите list или panel в DefaultView в SELECT 2 (процедура cat-search)

Как управлять внешним видом и расположением элементов каталога

Вывод элемента атрибута вы можете настроить через SQL (т.е. что выводится).
Расположение элемента вы можете задать через стили с position:absolute относительно элемента в каталоге.

Как сделать так, чтобы фильтрация происходила сразу при изменении одиночных элементов фильтра

Для body в Getlayout необходимо добавить класс instantCatalogFilter.

Как добавить микроразметку, стили или скрипты в каталог.

Используйте параметры headSection, bodyBottomSection в SELECT 2 в cat_search и аналогичные параметры в  cat_getItem.
Вы можете туда вставлять коды OpenGraph и JSON LD описание страниц.

Как настроить кеширование в каталоге

Для этого установите в WebConfig в разделе AppSettings параметр catalogCacheMinutes. Данный параметр указывает сколько минут будет кешироваться результат выдачи в каталоге
(кешируются все запросы по каталогу).

<add key="catalogCacheMinutes" value="60"></add>

Где хранятся картинки товаров

Для хранения картинок используется подсистема менеджера ресурсов с кодом product.

Коллбеки на странице корзины

Вы можете использовать коллбеки на странице корзины: при загрузке скрипта корзины (init — после as.cart.init), после обновления суммы для поставщика (updateTotal), после обновления общей суммы (updateAllTotal).  

as.cartcallbacks = as.cartcallbacks || {};
as.cartcallbacks["init"] = function(total, countTotal){
}
as.cartcallbacks["updateTotal"] = function(supplierID, noUpdateTotal){
}
as.cartcallbacks["updateAllTotal"] = function(total, countTotal){
}

Страница каталога падает, если выбрать 20+ фильтров

Это происходит из-за того, что система имеет ограничение по количеству символов в URL.
Для решения этой проблемы необходимо увеличить количество возможных символов в URL в web.config в разделе

<httpruntime maxurllength="1024" relaxedurltofilesystemmapping="true"></httpruntime>

Подробнее: https://stackoverflow.com/questions/8245843/how-do-i-increase-the-maxurllength-property-in-the-config-in-asp-net-mvc-3

Как получить канонический адрес некоторой страницы в каталоге

Если это страница товара, то адрес хранится в поле url в as_cat_products (либо использовать функцию [cat_getProductURL](productID)). 

Если это страница категории, то поле хранится в поле url в as_cat_categories (либо использовать функцию dbo. cat_getCatURL(catID)).

Если необходим адрес списка товаров с некоторыми фильтрами, то используйте функцию dbo.cat_getCatalogURL. Пример использования: 

declare @isCanonical bit = 1
declare @page int = 5
declare @sort nvarchar(20) = 'name'
declare @filters ExtendedDictionaryParameter  -- from as_cat_filters
insert into @filters ([Key], Value) 
select 'sostoyanie', 'Новое'
union 
select 'inStock', '1'
select dbo.[cat_getCatalogURL](1569, @filters, @sort, @page,  @isCanonical)

Если isCanonical=1, то в адресе не будет участовать номер страницы @page и сортировка @sort. 

Falcon Space — функциональная веб-платформа разработки на узком стеке MS SQL/Bootstrap. Вводная по Falcon Space

Насколько полезной была статья?

Google поиск по нашей документации

Примеры HTML-кода списка продуктов

  1. Дом
  2. Примеры HTML-кода
  3. Список продуктов

Легко создавайте HTML-код для своих проектов и веб-сайтов. Простое перетаскивание. Удобство для мобильных устройств. Чистый HTML. Более 10 000 примеров HTML-кода.

Скачать для Windows Скачать для Mac

продукт

электронная коммерция

журнал

торговля

woocommerce

страница продукта

добродетельмарт

торговля e

1 один объект

  • Коллекция сладостей

  • Наушники Gear IconX

  • Бургер Меню

  • Садовая мебель

  • Коробка красоты

  • Магазин интерьеров

  • Озеленение наших домов

  • Исследуйте природу

  • Детали интерьера

  • Пример Html-кода Modern Headphones

  • Полностью адаптивные шаблоны

    Скачать

  • Apple Watch Гермес

  • Веганское мороженое

  • Лучшие предложения в этом сезоне

  • Техно Магазин

  • Океан Путешествие

  • Современная музыка и технологии

  • Товары для дома

  • Предложения с ограниченным сроком действия

  • Коллекция женской обуви

  • Полное и безболезненное лечение Пример Html-кода

  • Бесплатное программное обеспечение для создания веб-сайтов

    Скачать

  • Магазин аксессуаров

  • Купить тушь для ресниц

  • Новая коллекция сумок

  • Купить наушники онлайн

  • Современные устройства

  • Новая коллекция сумок

  • Купить косметику

  • Необыкновенные номера

  • Весенняя коллекция

  • Роскошные яхты на продажу Пример HTML-кода

  • Редактор Easy Drag and Drop

    Скачать

  • Студийные беспроводные наушники

  • Новая коллекция солнцезащитных очков

  • Сравнение моделей

  • Лучшие предложения в этом сезоне

  • Салон красоты

  • Новая коллекция

  • Пицца онлайн

  • Коллекция сумок

  • Новые тенденции моды

  • Пример Html-кода New Trends New Bags

  • Настроить любой шаблон

    Скачать

  • Красочная мебель

  • Различные спа-процедуры


Категории шаблонов HTML

Стили блоков HTML

Шаблоны веб-сайтов со списком продуктов

Выделите свои лучшие предложения с помощью многостраничных и одностраничных шаблонов веб-сайтов продуктов. Конечно, вы сталкивались с целевыми страницами с впечатляющими фотосетками из трех частей, демонстрирующими интернет-магазин, магазин модной одежды или последние новинки ресторана во всей их красе. В сочетании с многоцелевой темой электронной коммерции и адаптивными шаблонами дизайна веб-сайта они создают идеальные страницы продуктов. Этот тип веб-дизайна очень выгоден. Он мгновенно представляет более одного продукта, не превращая целевую страницу веб-сайта или домашнюю страницу в список продуктов. Выберите из шаблонов bootstrap 4 и HTML, чтобы найти правильное сочетание стиля и функциональности. Создайте современный веб-сайт с бесплатными адаптивными шаблонами бизнес-сайтов с полностью адаптивным дизайном, бизнес-темами WordPress, шаблонами веб-сайтов электронной коммерции с неограниченным количеством цветовых схем, активами программного обеспечения для веб-дизайна, многоцелевыми макетами целевых страниц, портфолио темами WordPress и т. д. Шаблон веб-сайта электронной коммерции, Тема WooCommerce WordPress и HTML-шаблон электронной коммерции легко настраиваются и начинают работать с новым веб-сайтом для популярных категорий.

Фреймворк начальной загрузки для темы WordPress или HTML-шаблона обеспечивает превосходный, полностью адаптивный мобильный пользовательский интерфейс. Это особенно важно, так как социальные сети, потребляемые преимущественно со смартфонов, приносят большой трафик. Более того, Google реализовал дизайн материалов для разных платформ, изменив веб-дизайн Google и сделав шаблоны начальной загрузки еще более настраиваемыми. Настройте карты Google вместо изображений продуктов, чтобы сделать сайт вашей компании по недвижимости узнаваемым. Усовершенствованный шаблон электронной коммерции, адаптирующийся к корзине покупок, — это также способ быстро и легко начать продавать. Используйте новый шаблон интернет-магазина с более быстрым веб-дизайном, таким как макет целевой страницы продукта, и запустите сайт с минимальными изменениями. Лучший шаблон интернет-магазина со ссылками в социальных сетях, конструктором страниц WPBakery, создателем логотипа недвижимости, крутыми эффектами наведения, конструктором интернет-магазина и дизайном материалов Fab выглядит довольно универсальным. HTML-шаблон Bootstrap 4 и шаблон сайта электронной коммерции призваны привлечь внимание посетителя и запомниться с первого взгляда. Тема WordPress для продуктов питания и шаблон электронной коммерции включали несколько вариантов заголовков, всевозможные макеты страниц и т. д.

Шаблон веб-сайта продукта является промежуточным звеном между отдельной страницей продукта и страницей со списком. Используйте наш визуальный редактор и бесплатные шаблоны, чтобы придать вашему веб-сайту или мобильному приложению привлекательный вид. Конструктор страниц Nicepage drag & drop организует макеты страниц в соответствии с современными тенденциями дизайна. Наряду со свежими цветовыми схемами, сверхбыстрыми эффектами наведения и шаблонами электронной коммерции ваш интернет-магазин сам станет произведением искусства. Наконец, отзывчивый и SEO-оптимизированный дизайн веб-сайта обеспечит его частое присутствие и потрясающий внешний вид на всех устройствах. Шаблоны целевых страниц с розничным магазином с дизайном материалов позволяют создавать новые блоки и страницы с нуля. HTML-шаблон сайта и шаблон eCommerce bootstrap 4 имеют нейтральный фон и яркие вставки. В одной странице темы WordPress и шаблона интернет-магазина с градиентным дизайном умело использованы цветовые контрасты, позволяющие предоставить всю необходимую информацию в доступной и понятной любому посетителю.

Каталог продукции PIM, каталоги продукции в формате PDF с HTML + CSS

Каталог продукции оборудования для строительных служб

PDFreactor + Pimcore PIM упрощают создание высококачественного каталога продукции объемом более 680 страниц в рамках B2B-магазина

Компания Walter со штаб-квартирой в Австрии Bösch GmbH & Co KG (около 650 сотрудников и доход 100 млн евро в год) является специализированным производителем оборудования для отопления, вентиляции и кондиционирования воздуха. Качественный печатный каталог является важным инструментом для сотен подрядчиков и дистрибьюторов, продающих технику Bösch в разных странах.

Исходная ситуация
Несколько сотрудников Bösch месяцами работали над созданием каталога, поскольку необходимо было собрать, проверить и обновить данные о продуктах. Единой системы заполнения тысяч изображений продуктов не существовало, и весь процесс зависел от обычных программ для настольных издательских систем.

Решение
Система PIM является центральным концентратором данных для всех видов информации о продукте (текст, технические данные, изображения, видео, ссылки и т. д.) и доставляет актуальные данные по различным каналам вывода. Обновления информации о продукте должны выполняться только в системе PIM.

Реализация
ERP-система Bösch предоставляет основные данные о продуктах и ​​информацию о ценах, которые автоматически фиксируются системой Pimcore PIM с использованием интерфейса ERP-PIM. Редактор каталога обогащает данные о продуктах в системе Pimcore PIM за счет дополнительной информации, такой как текст, изображения, ссылки и т. д. Магазин B2B Bösch, а также производство каталогов используют эти данные.

Для получения дополнительной информации о магазине Bösch B2B и каталоге см. также пример из практики Pimcore.

Каталог создается непосредственно в PIM-системе Pimcore с помощью подключаемого модуля. Редактор каталога создает отдельные главы и добавляет страницы с содержанием, которые напрямую заполняются данными из системы PIM. Плагин Pimcore PIM позволяет создавать PDF в любое время. Дополнительные настройки, например. интеграция меток принтера может быть выполнена опционально.

Bösch использует удобный для печати PDF-файл (DIN A-4, 32 МБ) для загрузки и электронного распространения. В PDF-файле каждый продукт напрямую связан с B2B-магазином Bösch.

Подходящий для печати PDF-файл (отрывок, 12 МБ) размером около 170 МБ, включая метки принтера, изображения с высоким разрешением и совместимость с цветовым пространством CMYK, был отправлен в типографию для изготовления твердого переплета.

Более 680-страничный каталог продукции Bösch стал флагманским проектом Elements, наглядно демонстрирующим стратегическую ценность PDFreactor для процесса Web-to-Print в рамках решения PIMcore PIM. Основные моменты реализации PDFreactor включают:

  • Перекрестная ссылка
  • Содержание
  • Многоколоночный макет
  • CSS-преобразования
  • Столы и поплавки
  • Метки принтера
  • Цвета CMYK

Прайс-лист на деревянные полы

RealObjects PDFreactor + Pimcore позволяют распечатать готовые прайс-листы через инструмент продаж B2B/B2C для глобальной дистрибьюторской сети собственный бизнес, который был основан более 100 лет назад, производя инновационные продукты для кухонь, ванн, гостиных, а также коммерческие проекты исключительно в Австрии. Mafi Naturholzboden GmbH также предлагает несколько дополнительных решений, таких как лестницы, плинтусы, а также материалы для ухода и установки. Их продукция, изготовленная по индивидуальному заказу, продается более чем в 50 странах, а оборот компании в 2017 году составил около 22 миллионов евро.

Достижения
Вся информация о продуктах, продажах и маркетинге структурирована и консолидирована из 3-х партийных систем rd . Централизованный процесс управления мастер-данными обслуживает все соответствующие ИТ-системы, такие как PIM, CMS, DAM и электронная коммерция, и отслеживает все изменения. Портал электронной коммерции mafi B2B/B2C и соответствующее производство прайс-листов извлекают данные для тысяч различных вариантов продуктов из этих систем.

Использование PDFreactor в качестве подключаемого модуля к Pimcore позволяет mafi легко и быстро обновлять прайс-листы, поддерживая согласованные стандарты компоновки без затрат на дизайн и верстку. Достигнуто снижение стоимости в пятизначном диапазоне, значительная экономия времени, а также постоянная производительность.

Кристиан Хеметсбергер, менеджер по коммуникациям и руководитель проекта Mafi по этому проекту, говорит: ”С помощью решения для печати наших прайс-листов, основанного на нашей системе Pimcore и PDFreactor, мы смогли почти исключить ежегодные и повторяющиеся задачи. Кроме того, структура данных позволяет нам формировать новые комбинации языков, валют и единиц измерения, что становится все более важным для наших клиентов B2B, особенно при индивидуализации наших предложений. Концепция также осталась открытой, что позволяет нам следить за различными брошюрами и документами — все из одного источника. В любом случае, наиболее важным для проекта web-to-print является качество данных, поскольку оно является основой для таких технологий».

Для получения дополнительной информации о портале электронной коммерции Mafi B2B/B2C см. также тематическое исследование Pimcore.

Web-to-print
Полностью автоматическая публикация базы данных выполняется на основе консолидированных основных данных. Готовые к печати прайс-листы, созданные с помощью PDFreactor, служат основой для всех магазинов mafi и партнеров по сбыту в более чем 50 странах, охватывая: 17 различных прайс-листов, 9 000 вариантов продуктов, 5 языков, 6 валют, 10 различных единиц.

Готовые к печати файлы PDF создаются непосредственно в системе Pimcore с использованием PDFreactor в качестве подключаемого модуля. При рендеринге отпечаток сначала преобразуется в HTML, а затем в PDF. Сам рендеринг PDF выполняется с помощью PDFreactor, который поставляется с готовой функцией добавления (технически это делается с помощью дополнительного файла CSS) меток принтера в PDF.

mafi использует компактные PDF-файлы (DIN A-4, 5,9 МБ) для загрузки и электронной рассылки через веб-сайт и по электронной почте. PDF-файлы, совместимые с печатью (извлечение, 3,5 МБ), включая метки принтера, изображения с высоким разрешением и совместимость с цветовым пространством CMYK, отправляются в типографию для изготовления печатных копий.

Основной прайс-лист mafi, содержащий более 130 страниц, демонстрирует возможности PDFreactor в рамках процесса Pimcore web-to-print. Основные используемые функции PDFreactor:

  • Многоколоночный макет
  • CSS-преобразования
  • Столы и поплавки
  • Метки принтера
  • Цвета CMYK

Каталог товаров для садоводства

RealObjects PDFreactor + Pimcore упрощает производство каталогов товаров для садоводства и садоводства

Windhager представляет компетентные, креативные, ориентированные на рынок инновационные продукты в области защиты от насекомых, борьбы с вредителями, садоводства аксессуары, а также солнцезащитные экраны и экраны для уединения. Их продукция способствует сохранению красоты и природного разнообразия садов и повышает экономическую прибыль. Продукция Windhager также способствует более комфортной жизни в доме и на террасе. Основан в 1983 со штаб-квартирой в Тальгау, Австрия, более 250 сотрудников Windhager Group обеспечивают оборот 80+ миллионов в год. в 25 странах Европы.

Реализация
Ведущей системой данных о товарах является ERP-система (самостоятельная разработка), которая через веб-сервисы подключается к системе PIM (Pimcore). Цифровые активы хранятся во внешней базе данных DAM (CELUM). Все маркетинговые заголовки и тексты вводятся, переводятся и хранятся в Pimcore, изображения и видео — в CELUM, но они синхронизируются между CELUM и Pimcore, так что каждый цифровой актив доступен в Pimcore.

Каждый каталог реализуется с помощью модуля Pimcore «Web-to-Print», который интегрирован в пакет Pimcore и позволяет маркетинговой команде создавать каталог, каждую главу и подраздел и добавлять в каталог все соответствующие продукты. Windhager решил добавлять каждый продукт вручную через меню поиска и автоматически исключать все варианты, которые устарели. При создании новых каталогов маркетинг может копировать старый каталог и должен добавлять только новые позиции вручную.

Каталоги являются одноязычными, поэтому создание нового каталога на новом языке означает создание копии исходного каталога со ссылкой и внесение только тех изменений, которые необходимы для этого конкретного языка. Изменения в исходном каталоге автоматически переносятся во все связанные каталоги.
Шаблон для каждого каталога программируется с помощью HTML/CSS и PHP и может быть разработан любым веб-дизайнером. Мощный подключаемый модуль PDFreactor позволяет Windhager создавать PDF-файлы для печати (высокое качество изображения) и загрузки в Интернет (низкое качество изображения) с подходящими полями, разрывами и отметками принтера за считанные секунды. Нет необходимости запускать интерфейс или задание синхронизации или ждать часами, чтобы увидеть работу, выполненную ранее в Pimcore, в виде PDF-файла, а также нет необходимости работать в InDesign, чтобы создать PDF-файл для печати.

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

Штефан Виндхагер, управляющий директор Windhager, говорит: „Учитывая сокращение времени выполнения заказов и сокращение затрат на производство каталогов, мы получили ожидаемую отдачу от инвестиций в течение первого года. Сотрудники, участвующие в процессе, теперь могут сосредоточиться на качестве и улучшении, зная, что нужно делать это вовремя — каждый год»

Дополнительную информацию о функции Pimcore PIM Web-to-Print можно найти здесь.

Windhager использует компактный PDF-файл (DIN A-4, 23 МБ) для загрузки со своих веб-сайтов и электронной рассылки по электронной почте. Подходящий для печати PDF-файл (извлечение, 18,5 МБ) с метками принтера, изображениями с высоким разрешением и совместимостью цветового пространства CMYK отправляется в типографию для изготовления печатных копий.

В сложном каталоге по садоводству Windhager 160+ показаны функции и возможности PDFreactor как части функции Pimcore web-to-print:

  • Содержание
  • Столы и поплавки
  • Метки принтера
  • Цвета CMYK

Отчет дизайнера террасы + Каталог лесоматериалов

PDFreactor + Pimcore PIM гарантирует качество набора каталогов продукции, прайс-листов и спецификаций на платформе электронной коммерции B2B в нескольких странах

Группа JAF является крупнейшей торговец древесиной в Европе, предлагающий около 83 000 артикулов (в том числе более 20 000 на постоянном складе) по цене 59сайтов в 19 странах по всему континенту. Основанная в 1948 году в штаб-квартире компании в Штоккерау (Австрия), группа JAF стала ведущим оптовым продавцом древесины и древесных материалов в Центральной Европе. Он зарекомендовал себя как надежный партнер для деревообрабатывающей промышленности, строительства и перепродажи. Сегодня компания является лидером рынка в Австрии, Чехии, Словакии, Венгрии и Хорватии.

Управление данными
Центральным элементом электронной коммерции и цифровой стратегии JAF Group является центральная платформа на 12 языках и для 19страны на основе Pimcore PIM и Pimcore DAM. Это основа международной платформы электронной коммерции B2B с индивидуальными ценами и ассортиментом для клиентов для 83 000 товаров, где взаимодействие с клиентами отображается в режиме реального времени. Эта платформа включает в себя популярные функции электронной коммерции B2B, такие как покупка разрешений и рабочих процессов, запросы котировок, корпоративные учетные записи и тесная интеграция с ERP.

Обслуживание клиентов
Индивидуальная платформа электронной коммерции B2B для нескольких стран, основанная на Pimcore eCommerce, предоставляет многопользовательскую корзину для покупок для сравнения цен и заказов, а также функции B2B, такие как предложение продуктов, панели управления заказами и различные категории продуктов. определенные процессы оформления заказа. Источником всех данных является Pimcore PIM. Конфигуратор продуктов, дизайнер террас, комнатная студия (включая 3D-конструкцию в реальном времени), а также автоматизация печати с использованием PDFreactor оптимизируют общие процессы для клиентов JAF Group B2B.

Автоматизация печати
Полная автоматизация печати позволяет создавать документы для печати/PDF на основе шаблонов, данных и правил. Основой этой функциональности является взаимодействие между Pimcore PIM и RealObjects PDFreactor. Не требуется ручная настройка контента, как это обычно происходит со списками продуктов, страницами с подробной информацией о продуктах и ​​т. д. Он очень удобен для автоматизации создания спецификаций, прайс-листов и маркировки энергопотребления.

Для получения дополнительной информации о платформе электронной коммерции JAF B2B см. также тематическое исследование Pimcore.

Дизайнер террас, например. является специальным компонентом электронной коммерции Pimcore и тесно интегрирован с Pimcore PIM, который использует PDFreactor в качестве подключаемого модуля. Для клиентов B2B дизайнер террас рассчитывает оптимальные шаблоны для желаемых планов этажа террасы и создает инструкции по строительству, включая списки материалов, планы строительства, эскизы и т. д. Затем PDFreactor создает PDF-файл, представляя всю информацию в привлекательном макете.

Клиенты JAF Group B2B получают четко структурированные компактные PDF-файлы (DIN A-4, 1 МБ) для загрузки. PDF-файлы с типографским качеством (выдержка, 1 МБ), включая метки принтера, изображения с высоким разрешением и совместимость с цветовым пространством CMYK, отправляются в типографию для изготовления печатных копий.

Более 60 страниц инвентарного каталога JAF или, например, использует универсальные функции PDFreactor как часть процесса автоматизации печати Pimcore PIM, такие как:

  • Содержание
  • Столы и поплавки
  • Метки принтера
  • Цвета CMYK

Металлическая фурнитура Каталог продукции

RealObjects PDFreactor + Pimcore Упрощенная сборка более 240 страниц каталога продукции металлической фурнитуры для Интернета и печати

Pollmann & Sohn — семейный бизнес пятого поколения, расположенный в Кирспе, Германия. Производит высококачественную арматуру и соединители из стали, нержавеющей стали, цветных металлов и алюминия, которые используются в самых разных отраслях промышленности. Основной ассортимент постоянно адаптируется и расширяется в соответствии с новыми требованиями рынка. Компания известна своим постоянным складским запасом и быстрой доставкой продукции. Компетентный и опытный персонал по продажам использует различные инструменты для представления ассортимента продукции клиентам и потенциальным покупателям. Очень важным инструментом продаж является ежегодно издаваемый полный каталог продукции, в котором представлено более 3000 видов строительной арматуры и соединителей.

Отправная точка

Из-за большого разнообразия продуктов потребовалась огромная работа и рабочая сила для создания, размещения и публикации каталога продуктов вручную. Изменения в данных о продуктах легко приводили к несоответствиям в материалах по продажам и маркетингу. Процессы шли медленно, так как были задействованы внешние поставщики услуг. Сбор необходимых данных для печатного материала также был сложным. Вычитка необработанных файлов для печати каталога заняла несколько дней.

После многочисленных циклов обратной связи необработанные данные каталога наконец были отправлены в типографию. После того, как каталог был напечатан, даже небольшие изменения в данных о продукте требовали много дополнительной работы. Общий подход отнимал много времени и был подвержен ошибкам. Бизнес-процессы были довольно неэффективны, и их пришлось переделывать. Компании Pollmann требовалось гибкое и простое в использовании решение для печати из Интернета, обеспечивающее простое и автоматизированное производство всеобъемлющего каталога продукции, доступного в виде оптимизированных для Интернета и качественных PDF-файлов.

Решение

Партнер Pimcore компания Basilicom (Берлин) посоветовала Pollmann создать решение для печати из Интернета на основе Pimcore с набором предварительно настроенных шаблонов, RealObjects PDFreactor в качестве механизма рендеринга и различными настраиваемыми выходными форматами.

Структурированные данные Pimcore PIM сегодня являются основой для создания каталога Pollmann. Это подход с публикацией из одного источника. Усилия, необходимые для создания каталога, значительно сократились. В то же время повысилось качество каталога, так как процессы теперь основаны на самых последних полных данных о продуктах. С помощью новой системы также можно контролировать полноту записей данных.

Для получения дополнительной информации о решении Pollmann & Sohn для печати из Интернета см. также пример из практики Pimcore.

Web-to-print

В Pimcore был разработан полный набор шаблонов и строительных блоков. Теперь с помощью этих блоков каталог можно настроить с помощью интерфейса перетаскивания Pimcore. Результатом являются веб-оптимизированные и набранные качественные PDF-файлы, обработанные с помощью RealObjects PDFreactor.

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *