Здравствуйте

Пример заполнения поля Meta Description:   Вы на демо сайте, смотрите шаблон Branding. Он создан для случаев, когда отдельные категории хотим представить в брендированном виде - то есть сверху заставка, название категории и краткий абзац, а уже под ним - описание, товары и seo текст.

Найдено 65 шт

Пример заполнения поля Описание:   Как это работает?   Найдите в админпанели сайта нужную категорию. При редактировании её поля под названием Шаблоном, запишите там имя файла демонстрируемого сейчас примера. Тем самым вы приказываете сайту, чтобы такая категория отображалась на клиентской стороне с помощью макета lp-branding.htm, в то время как остальные категории и бренды будут отображаться неким дефолтным макетом - это файл products.htm вашего шаблона.

Теперь в тех категориях, которые отметили отображать данным макетом, вам следует заполнить следующие поля:

  • Meta Description - это тот краткий абзац сверху, правее заставочной картинки
  • Описание - это блок текста, который появится над списком товаров (как раз его вы сейчас читаете)
  • SEO текст - блок текста под списком

Затем в каждую отмеченную категорию загрузите соответствующую заставочную картинку, записав в её поле alt-текста слово Заставка. Кстати, обратите внимание, лучше всего выглядят png-картинки с прозрачным фоном.

Для примера   Мы поместили в заставку фотографию демонстратора некой одежды, скажем спортивной, а в список товаров поместили некий пул вымышленных фотографий вещей гардероба, чтобы создать иллюзию интернет-магазина одежды. Ещё на демо сайте сделали так, чтобы с переключением по категориям, заставочная фотография менялась случайным образом из 6 примеров: одежда, часы, компьютеры, велосипеды, автопокрышки, телефоны. Понажимайте категории слева от заставки.

Пример заполнения поля SEO текст:   Главное помните   Все современные и что самое главное популярные нынче веб-технологии и фреймворки, скажем

  • библиотека jQuery для простого доступа к элементам веб-страницы
  • пакет дизайнерских css-образцов Bootstrap для облегчения адаптивной вёрстки сайта
  • библиотека ShortCodes для элементарной визуализации данных на странице
  • и тому подобные разработки

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

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

Задать вопрос

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

Верстальщику   Этот контент сгенерирован файлом lp-branding.htm шаблона.

Где скачать этот шаблон?

Подробности

Свёрстан на Bootstrap v.3.3.7, дизайн Pachulli JR.

Собран по технологии ShortCodes v.2017.01.28.

Верстальщику   Этот блок "Другие дизайны" был вызван командой {modDemoThemes}, и в результате сгенерирован файлом demo-themes.htm, который находится в папке модулей шаблона.

Impera CMS - лёгкий и быстрый скрипт сайта с потрясающими возможностями. Мы создаём мощные решения с минимальным кодом и высокой скоростью загрузки.