Текст, Изображение и Разделитель работают как отдельные секции на любой странице и как блоки внутри многих других секций. Их настройки в обоих случаях одинаковы, с небольшими отличиями, описанными ниже.
Добавьте элемент
В конструкторе нажмите Добавить новую секцию. Текст и изображение находятся в группе Контент, разделитель в группе Декор. На странице можно добавить до 3 текстовых секций, 3 секций изображений и 10 разделителей. Чтобы добавить элемент как блок, выберите секцию и нажмите Добавить новый блок.
Текст
- Текст: в редакторе есть жирный, курсив, подчеркивание, зачеркивание, размер текста (маленький, обычный, большой, огромный), цвет текста, цвет выделения и кнопка очистки форматирования.
- Предустановка: По умолчанию, Абзац или от Заголовок 1 до Заголовок 6. Заголовки используют шрифты заголовков и показывают поисковым системам структуру страницы. Используйте только один "Заголовок 1" на странице.
- Шрифт: По умолчанию использует шрифт пресета. Основной текст, Заголовок, Подзаголовок или Акцент вместо этого берут этот шрифт из настроек Шрифты.
- Размер (от 10 до 30 пикселей), Высота строки и Межбуквенный интервал (Плотный, Нормальный или Свободный).
- Ширина: Вписать (по ширине текста) или Заполнить (на всю ширину). При варианте "Заполнить" появляется Выравнивание (слева, по центру, справа).
На странице коллекции в тексте можно использовать {{collection_name}}, {{collection_description}} и {{products_count}}, чтобы показывать актуальные значения просматриваемой коллекции.
Изображение
- Изображение: выберите картинку из медиатеки.
- Ширина: Вписать, Заполнить или Настраиваемый с Пользовательская ширина в процентах. При варианте "Заполнить" Выравнивание скрыто.
- Пропорции: Авто (собственная форма изображения), Портретный, Квадрат или Альбомный. При фиксированных пропорциях Вписать выбирает Заполнить (заполняет рамку, может обрезать) или Вместить (показывает изображение целиком).
- Радиус скругления: скругляет углы, от 0 до 100 пикселей.
- Ссылка: необязательно. При щелчке изображение открывает этот адрес, например
https://example.com/products/your-link.
Разделитель
Линия, разделяющая контент. В вертикальном расположении она горизонтальная, а прямо внутри горизонтальной группы становится вертикальной.
- Ширина: вписать или заполнить.
- Толщина: от 1 до 10 пикселей. Длина: от 5% до 100% пространства.
- Выравнивание: в начале, по центру или в конце. Появляется, когда длина меньше 100%.
- Радиус скругления: Острый или Скруглённый концы линии.
Цвета и отступы
- Как секция каждый элемент имеет Цветовая схема: фон, цвет текста, а для разделителя цвет линии (цвет границы схемы). См. Цветовые схемы.
- Как блок текст имеет Использовать цветовую схему родителя (по умолчанию включено). Выключите, чтобы выбрать другую схему. Изображения в блоках следуют своей секции.
- Отступы с каждой стороны. Секция разделителя позволяет до 200 пикселей, чтобы сделать больше пространства между секциями.
Полезно знать
- Пустой текст не показывается в магазине, поэтому пустой текстовый блок не оставляет промежутка.
- Изображение обрезано: установите подгонку "Вместить" или пропорции "Авто".
- Разделитель не вертикальный: он должен находиться прямо внутри группы с горизонтальным направлением, см. Как с помощью блоков "Группа" размещать контент рядом или в столбцы?.