Примеры стилей

Лид — это первый абзац статьи, информативный отрывок позволяющий захватить внимание читателя на данном материале. Необязательный элемент.

about.jpg

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

H2. Многострочный заголовок, длина которого иногда бывает так некстати. Да, он действительно многострочный

Типовые элементы оформляются в системе администрирования через визуальный редактор «Реформатор». Чтобы контент-менеджеру было легче в них ориентироваться, их количество лучше свести к необходимому минимуму.

H3. ДЕЛАЕМ ЗАГОЛОВКИ НАРОЧИТО ДЛИННЫМИ, ЧТОБЫ УБЕДИТЬСЯ В ПРАВИЛЬНОМ ИНТЕРЛИНЬЯЖЕ

Имманентный подход подразумевает отношение к тексту как к автономной реальности, нацеленность на выявление его внутренней структуры. Репрезентативный — рассмотрение текста как особой формы представления знаний о внешней тексту действительности.

H4. В первую очередь нас интересуют интерлиньяж и отступы, но не стоит забывать и про сам заголовок. Это важно

Текст состоит из некоторого количества предложений. Одно предложение, даже очень распространённое, сложное, текстом назвать нельзя, поскольку текст можно расчленить на самостоятельные предложения, а части предложения сочетаются по законам синтаксиса сложного предложения, но не текста.

H5. Заголовок пятого уровня

Заголовок используется только для вспомогательной информации, где есть вероятность появления шестого уровня разбивки. Пример — блок «Контактная информация», который внутри дробится по отделам компании.

H6. НИЗКОУРОВНЕВЫЙ ЗАГОЛОВОК

Самый «нижний» заголовок предваряет такие элементы, как «Комментарий» или «Таблица».

Форматирование текста

Списки

  • Если пункты списка длинные и представляют собой развернутые предложения, они должны начинаться с прописной буквы и заканчиваться точкой.
    • Если пункты списка длинные и представляют собой развернутые предложения, они должны начинаться с прописной буквы и заканчиваться точкой.
    • Если пункты списка короткие, не являются самостоятельной законченной конструкцией и грамматически тесно связаны с предшествующей списку вводной фразой, они должны начинаться со строчной буквы и заканчиваться точкой с запятой (в конце последнего пункта — точка).
  • Если пункты списка короткие, не являются самостоятельной законченной конструкцией и грамматически тесно связаны с предшествующей списку вводной фразой, они должны начинаться со строчной буквы и заканчиваться точкой с запятой (в конце последнего пункта — точка).
  1. Если пункты списка длинные и представляют собой развернутые предложения, они должны начинаться с прописной буквы и заканчиваться точкой.
  2. Если пункты списка короткие, не являются самостоятельной законченной конструкцией и грамматически тесно связаны с предшествующей списку вводной фразой, они должны начинаться со строчной буквы и заканчиваться точкой с запятой (в конце последнего пункта — точка).

Ссылки

На сайте могут встречаться внутритекстовые ссылки. Они всегда выделяются подчёркиванием и открыватся по умолчанию в текущем окне.

Таблица

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

Заголовок 1 Заголовок 2 Заголовок 3 Заголовок 4
Ячейка с информацией Ячейка Ячейка с информацией Ячейка с информацией
Ячейка с информацией Ячейка с информацией Ячейка с информацией Ячейка с информацией
Ячейка с информацией Ячейка с информацией Ячейка Ячейка с информацией
Ячейка с информацией Ячейка с информацией Ячейка с информацией Ячейка с информацией
Заказать звонок
    Корзина
    нет товаров
    Добро пожаловать на демо-сайт «Классический интернет-магазин»
    Позвольте рассказать об основных возможностях решения и о скрытых инструментах, используя которые можно повысить продажи вашего будущего интернет-магазина.
    Строка с живым поиском

    Моментальный поиск по каталогу товаров.

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

    Блок с корзиной

    Компактное и информативное оформление.

    Вы можете настроить фиксированное или плавающее позиционирование блока.

    Главный слайдер
    Загружайте эффектные фото и даже видео для привлечения внимания к важным событиям или акционным продуктам из вашего каталога.
    Лучшие предложения
    Анонсируйте лучшие товары из вашего ассортимента прямо на главной странице сайта.
    Новости и статьи
    Публикуйте анонсы интересных материалов и важных новостей на главной.
    Блок раздела
    Список корневых разделов каталога с изображением и подразделами для быстрого перехода.
    Боковое меню
    Компактное, с возможностью перехода в нужный подраздел в один клик.
    Фильтр
    Настраиваемый и адаптируемый, изменяется в зависимости от характеристик товаров, расположенных в данном разделе.
    Подразделы
    Удобный, наглядный список подразделов с изображением и наименованием.
    Сортировка товаров

    Возможность быстрой сортировки товаров раздела по цене и популярности.

    Чем быстрее пользователь сможет найти подходящий товар, тем быстрее он сделает покупку.

    Вид списка товаров

    Два вида отображения, с возможностью выбора вида по умолчанию. Кстати, скоро будет больше видов :)

    Хороший инструмент для повышения видимости товаров на странице.

    Карточка товара в списке

    Настраиваемые стикеры, старая и новая цены, статус наличия и кнопка добавления в корзину.

    Полноценный набор для повышения конверсии.

    Фотогалерея
    Можете загружать сколько угодно изображений для любого товара.
    Купить в 1 клик
    Быстрая покупка — быстрая прибыль :)
    Характеристики
    Настраиваемый список, показывайте только важные, чтобы раскрыть ключевые преимущества.
    Документы
    Загружайте инструкции, сертификаты, награды для повышения лояльности ваших клиентов.
    Сопутствующие товары
    Продавайте больше, увеличивая средний чек вашего магазина.
    Лендинг внутри интернет-магазина

    Посадочные страницы — это проверенный инструмент для повышения конверсий вашего магазина.

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

    Характеристики
    Показывайте больше преимуществ ваших товаров, чтобы побудить клиента к покупке!
    Фотогалерея
    Делайте и размещайте качественные фотографии, в сочетании с интересной компоновкой изображений это обязательно привлечёт внимание клиента.
    Доставка и оплата
    Сразу перечислите все способы оплаты и варианты доставки, чтобы у посетителя не осталось вопросов и препятствий для покупки.
    Форма заказа
    Принимайте быстрые заказы в один клик. Просто, без лишних полей и задержек.