Данный блок заменяет собой поле настроек темы приветствие (HTML)
Для чего нужен блок
Если говорить вкратце – для удобства.
Во-первых, HTML удобнее редактировать в большом окне блока.
Во-вторых, содержимое блока не "слетит", если вам будет необходимо сбросить настройки темы, например в случае обновления темы.
HTML-код блока
Примерный код блока выглядит так
<h1 class="{$theme_settings.tb_align}"> Заголовок первого уровня </h1> <div class="sm-padding7"> <b>Добро пожаловать!</b> Наш интернет-магазин предоставляет широкий ассортимент современной продукции и обеспечивает быструю недорогую доставку по всей территории России. Клиентская база постоянно растет и насчитывает уже более 5000 счастливых клиентов. Присоединяйтесь! </div> <br> {* Отображение блоков в двух колонках *} <div class="col-md-6 col-sm-6 sm-padding7"> <h2 class="{$theme_settings.tb_align}">По 2 колонки</h2> <b>Отображение блоков в 2-х колонках</b><br> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> </div> <div class="col-md-6 col-sm-6 sm-padding7"> <h2 class="{$theme_settings.tb_align}">По 2 колонки</h2> <b>Отображение блоков в 2-х колонках</b><br> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> </div> {* Отображение блоков в трёх колонках *} <div class="col-md-4 col-sm-4 sm-padding7"> <h2 class="{$theme_settings.tb_align}">По 3 колонки</h2> <b>Отображение блоков в 3-х колонках</b><br> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> </div> <div class="col-md-4 col-sm-4 sm-padding7"> <h2 class="{$theme_settings.tb_align}">По 3 колонки</h2> <b>Отображение блоков в 3-х колонках</b><br> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> </div> <div class="col-md-4 col-sm-4 sm-padding7"> <h2 class="{$theme_settings.tb_align}">По 3 колонки</h2> <b>Отображение блоков в 3-х колонках</b><br> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> </div> {* Отображение блоков в четырёх колонках *} <div class="col-md-3 col-sm-3 sm-padding7"> <h2 class="{$theme_settings.tb_align}">По 4 колонки</h2> <b>Отображение блоков в 4-х колонках</b><br> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> </div> <div class="col-md-3 col-sm-3 sm-padding7"> <h2 class="{$theme_settings.tb_align}">По 4 колонки</h2> <b>Отображение блоков в 4-х колонках</b><br> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> </div> <div class="col-md-3 col-sm-3 sm-padding7"> <h2 class="{$theme_settings.tb_align}">По 4 колонки</h2> <b>Отображение блоков в 4-х колонках</b><br> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> </div> <div class="col-md-3 col-sm-3 sm-padding7"> <h2 class="{$theme_settings.tb_align}">По 4 колонки</h2> <b>Отображение блоков в 4-х колонках</b><br> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> </div> {* НЕ УДАЛЯТЬ СТРОКУ НИЖЕ!!! *} <div class="clearfix"></div>
Вы можете использовать лишь некоторые части кода – только те, которые вам нужны.
Результат
Если вы не любите HTML
Вы можете воспользоваться встроенным редактором Webasyst.
Для этого откройте приложение сайт - страницы – нажмите на плюсик рядом с названием вашего сайта.
При создании страницы сделайте её черновиком (передвиньте ползунок публикации влево).
Отредактируйте текст вашего приветсвия в режиме визуального редактора.
Затем, когда закончите редактировать, переключите редактор в режим HTML и скопируйте весь код, который увидите.
Можете нажать на кнопку "сохранить". Страница всё равно останется в черновиках.
Затем вставьте скопированный код в блок с ID prostore.welcome
Вставьте над вашим кодом код заголовка:
<h1 class="{$theme_settings.tb_align}"> Заголовок первого уровня </h1>
И замените в нём текст на свой.
{$theme_settings.tb_align} – будет менять выравнивание заголовка (с левого края / по центру / с правго края) в зависимости от настройки темы:
9 комментариев
добрый день
можно как нибудь сделать так чтобы приветствие отражалось не обрывками, а равномерно по всем строчкам
а охото чтобы так было
Нужно обернуть текст каким-нибудь тегом (в вашем случае лучше всего взять тег <p>) и добавить в этот тег атрибут
Было
Стало
Чтобы после обновления у вас этот текст не слетел (потому что нужно будет сбрасывать настройки темы), я рекомендую вам перенести этот текст в блок prostore.welcome. Как это сделать читайте прямо в статье выше на этой странице.
Добрый день. Подскажите, как можно сделать в этом блоке белый фон и вставить фото, как реализовано в магазине Мебель в Туле и Новомосковске | Бомба Мебельный Центр официальный сайт (bomba71.ru) . Спасибо.
Добрый день. Очень хочется сделать страничку О нас с фотографией слева и текстом спарва, например:
Подскажите, возможно такое?
Используйте разметку для двухколончного текста.
В одну из колонок вставьте тег изображения.
Спасибо! А подскажите, пожалуйста, надо заменить полностью код в шаблоне home.welcome.html на вышеуказанный? или добавить?
Не надо ничего трогать в файлах темы.
Создайте блок prostore.welcome
Если не знаете, что такое блоки, то прочтите эту заметку.
К вопросу выше, в других темах есть такая настройка:
Как бы такую же в нашей теме заполучить)
Ответил выше