Заполнение сайта

Пример заполненной карточки:
https://vorota-prestige.ru/manager/?a=resource/update&id=44
На сайте:
https://vorota-prestige.ru/sekczionnyie-vorota/garazhnyie-vorota-s-dveryu.html

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

Этот шаблонизатор работает как разметка бустрап, уже есть заготовленные блоки контента, мы просто из готовых блоков собираем как по кирпичикам контент.


Переходим на новую страницу:

 

1. Начало страницы, шаблон. 01: Начало, заголовок и вступление

  1. Жмём Add layout. Выбираем разметку "01: Начало, заголовок и вступление", так мы получим 2 колонки.
  2. Далее жмём Add Content, чтобы заполнить эти колонки. Для левой колонки выбираем блок контента Heading. Из документы берём заголовок (его в Heading h2).
    Далее жмём "плюсик" и добавляем Horizontal line, как разделитель.Затем сюда же в левый столбик добавляем Rich text и вставляем абзац из документа.
  3. Для правой колонки вставляем Rich Text. И берём следующий абзац (он обычно чуть больше) и вставляем текст из исходника. Его можно отформатировать, иногда там может быть список.

 

 

2. Шаблон с преимуществами: 02: 4 преимущества в ряд

  1. Переходим к следующему блоку. Жмём Add layout. Далее идёт layout "4 разноцветных преимущества в ряд"
  2. Здесь разметка тоже понятная и простая. В Heading вставляем название преимущества (1-2 слова обычно).
  3. В Rich text описание.
  4. В поле HTML code мы вставляем иконку, её нужно подобрать самостоятельно из множества иконок, из коллекции Font Awesome, список иконок ниже. 

Иконки

<i class="fal fa-garage"></i>
<i class="far fa-shield-check"></i>
<i class="fas fa-gem"></i>
<i class="far fa-user-secret"></i>
<i class="fas fa-wind"></i>
<i class="far fa-battery-bolt"></i>
<i class="far fa-user-hard-hat"></i>
<i class="fal fa-drafting-compass"></i>
<i class="far fa-ruler-combined"></i>
<i class="fal fa-file-certificate"></i>
<i class="fal fa-thumbs-up"></i>
<i class="fal fa-window-frame"></i>
<i class="far fa-cogs"></i>
<i class="fal fa-swatchbook"></i>
<i class="fad fa-shield"></i>
<i class="far fa-thunderstorm"></i>

 

 

3. 03: Таблица с заголовком и сравнением изделий

Для этого блока нам понадобится заголовок из документа.

А таблицу уже мы берём со страницы источника.

 

 

4. Последний шаблон. 04: Фото с заголовками и текстом

Весь контент берём со страницы источника. Здесь нужно немного творчества. Контент из источника переработать и опубликовать в заданные рамки, под наш шаблон.

По факту это будут: Картинка с пояснением + Заголовок + Отформатированный текст, иногда со списком или парой абзацев.

Контакты

Производство, офис продаж:

г.Мытищи, ул. Челюскинский карьер, 2


Шоурум:

г.Мытищи, д. Челобитьево, Мытищинская ярмарка, павильон ТСК 1-03

Время работы: будни 9:00-19:00

Телефон:

г.Мытищи, д. Челобитьево, Мытищинская ярмарка, павильон ТСК 1-03

Время работы: будни 9:00-19:00

Телефон: +7 (495) 669-66-31

E-mail: zakaz@vorota-prestige.ru