prostore.welcome – текст приветсвия (на главной магазина) в обход настроек темы

Данный блок заменяет собой поле настроек темы приветствие (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} – будет менять выравнивание заголовка (с левого края / по центру / с правго края) в зависимости от настройки темы:

Результат

Владимир Сергеев
Разработчик
Последнее обновление: 16 марта 2021
Эта статья была полезна?ДаНет

9 комментариев

  • тагир
    16 июня 2017 14:05

    добрый день

    можно как нибудь сделать так чтобы приветствие отражалось не обрывками, а равномерно по всем строчкам

    а охото чтобы так было

  • Владимир Сергеев
    Разработчик
    16 июня 2017 15:11

    Нужно обернуть текст каким-нибудь тегом (в вашем случае лучше всего взять тег <p>) и добавить в этот тег атрибут

    style="text-align:justify;"

    Было

    Стало

    Чтобы после обновления у вас этот текст не слетел (потому что нужно будет сбрасывать настройки темы), я рекомендую вам перенести этот текст в блок prostore.welcome. Как это сделать читайте прямо в статье выше на этой странице.

  • Алексей
    7 марта 2021 23:06

    Добрый день. Подскажите, как можно сделать в этом блоке белый фон и вставить фото, как реализовано в магазине Мебель в Туле и Новомосковске | Бомба Мебельный Центр официальный сайт (bomba71.ru) . Спасибо.

  • Алексей
    16 марта 2021 09:06

    Добрый день. Очень хочется сделать страничку О нас с фотографией слева и текстом спарва, например:


    Подскажите, возможно такое?

    • Владимир Сергеев
      Разработчик
      16 марта 2021 11:11

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

      <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">
          <img src="ссылка на изображение" alt="" style="max-width:100%;" />
      </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>

      • Алексей
        16 марта 2021 13:12

        Спасибо! А подскажите, пожалуйста, надо заменить полностью код в шаблоне home.welcome.html на вышеуказанный? или добавить?

      • Алексей
        16 марта 2021 09:21

        К вопросу выше, в других темах есть такая настройка:

        Как бы такую же в нашей теме заполучить)

        Добавить комментарий
        Чтобы добавить комментарий, зарегистрируйтесь или войдите
        Мы получаем и обрабатываем персональные данные посетителей нашего сайта в соответствии с официальной политикой.
        Если Вы продолжите использовать сайт, мы будем считать, что Вас это устраивает.
        Подписывайтесь и получайте скидки!

        Узнавайте первым о скидках и специальных предложениях!