Администрирование страницы «Списка фабрик»

 

Основные настройки (backend)

Настройка ЧПУ URL раздела (поле для ввода URL без названия домена).

 

Три поля для ввода МЕТА данных (title, keywords, description).

 

Добавление фабрик (beckend)

Выбирается буква, к которой относится фабрика, два поля для ввода данных: название фабрики и ссылка на страницу с продукцией фабрики + чек-бокс открыть ссылку для индексации (если галочка не стоит, то ссылка закрыта тегом noindex)

Внутри буквы фабрики располагаются по алфавиту без каких либо дополнительных настроек.

 

 

Проверка

1. Ручная проверка корректной работы перехода по ссылкам на разделы фабрик.

2. Проверка чистоты и валидности кода через сервис: https://validator.w3.org/ Не должно быть ошибок (результат проверки: Passed или No errors).

3. Проверка микроразметки через сервис https://search.google.com/structured-data/testing-tool Не должно быть ошибок и предупреждений.

4. Проверка оптимизации страниц с помощью сервиса: https://developers.google.com/speed/pagespeed/insights/ Результат проверки должен быть выше 85 баллов из 100 и находиться в зеленой зоне.

 

Страница «Карточка товара»

 

 

Описание

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

 

Микроразметка

На странице используется следующая микроразметка schema.org:

- Brand (Бренд – логотипы в шапке);

- ImageObject (разметка картинок):

o contentUrl – (URL) ссылка на изображение, обязательно ссылка именно на файл изображения;

o name – (Text) название картинки;

o caption – (Text) подпись к картинке;

o keywords – (Text) ключевые слова;

o height – (Distance) высота изображения, например 800px;

o width – (Distance) ширина изображения, например 1200px.

- BreadcrumbList (разметка хлебных крошек);

- Offer (торговое предложение):

o name - название товара;

o priceCurrency (Text) — валюта;

o price - цена;

o availability - наличие;

o warranty - гарантия;

o @type WarrantyPromise (Гарантийное обещание);

o name 5 лет.

- Product (разметка товара):

o name - название товара;

o model - название модели;

o productID - фабричный артикул товара;

o category - категория товара;

o material - материал из которого изготовлен товар;

o description - описание товара;

o brand - @type - name - бренд производителя;

o manufacturer - @type - name - название фабрики;

o width - @type - name - ширина;

o depth - @type - name - глубина;

o height - @type - name - высота;

- SiteNavigationElement (разметка меню);

 

Блоки на странице «Карточка товара»

- блок с фотографиями товара;

- блок с ценой и селектами выбора комплектации товара;

- блок с техническими кнопками;

- блок с баннерами;

- блок с информацией о товаре;

- четыре блока перелинковки.

 

Блок с фотографиями товара

Блок просмотра фотографий. Большое фото. В левом верхнем углу фотографии отображается прямоугольник с кодом товара.

При наведении мышки на большое фото, курсор меняется на лупу.

При клике мышкой по большой фотографии она разворачивается в полный размер во всплывающем окне (с затемнением фона), в полный размер фотографии загруженный на сервер.

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

Закрытие фото при нажатии на крестик или на пустое поле под фото.

 

Внизу, под большой фотографией располагается блок с превьюшками других фотографий.

Справа и слева от блока с превьюшками стрелки прокрутки (если кол-во превьюшек больше чем пять).

При нажатии на превьюшку, она открывается на месте большой фотографии.

 

Отметки на фото

Данное решение удобно в использовании для указания отметок (маркеров) на изображении.

Например для отметок на общем фото гостиной, отдельных элементов:дивана, комода и т.д.

 

 

В публичной части, при нажатии на отметку, появляется всплывающее окно с превьюшкой товара.

 

 

Отметки на фото ставятся в административной части сайта, в Модуле «Отметки на фото».

Смотри подробное описание в разделе Функционал «Отметки на фото».

 

Блок «рейтинг товара»

Добавляем отображение рейтинга. Рейтинг загружается из эксель, отображается в правом верхнем углу фото товара, в виде звездочек. Пользователи могу голосовать (фиктивное голосование – пользователю выводится сообщение, что его голос учтен, но на самом деле ничего не происходит, данные никуда не отправляются).

 

 

⇐ Предыдущая78910111213141516Следующая ⇒

Поделиться: