Приветствую, друзья!
Сегодня мы с вами поговорим о такой крутой фишке в решениях «Аспро: Корпоративный сайт 3.0» и всей линейки корпоративных сайтов. То есть, сюда относятся и стройка и Digital, туризм, решение для автосервиса и инжиниринга, который вы сейчас видите на экране.
в общем вся линейка, которая построена на базе «Аспро: Корпоративный сайт 3.0» позволяет нам добавить очень ну скажем так, полезный функционал на главную страницу сайта.
Суть этого функционала сводится к тому, что мы на главную страницу можем добавить, используя базовые настройки решения, произвольный блок. То есть блок, в котором мы с вами сможем разместить любой текст, либо какие-то картинки, либо какую-то произвольную вёрстку.
И вот в качестве примера сейчас вы видите на экране пример такой вот произвольной вёрстки.
И сегодня мы с вами пройдём все шаги по настройке данного блока.
На самом деле, операция - она так немножечко мудрёная, но я постараюсь в
максимально простой и доступной форме всё вам это показать, чтобы вы, будучи владельцем такого сайта, могли у себя тоже внедрить такую опцию.
Изначально данный блок уже встроен в решение. И если мы с вами открываем виджет настроек и выбираем пункт «Главное» и перемещаемся здесь в самый низ, у нас вот здесь есть под № 24 такой пункт. Называется он «Дополнительный блок». Он по умолчанию отключён, но мы его можем включить.
Тоже самое, он у нас находится и в Панели настроек в административной части сайта. Вот он - «Пользовательский блок»:
Данный блок здесь один, но на самом деле их можно использовать не ограниченное количество.
И сегодня мы с вами как раз и разберём, как допустим, создать ещё один и как редактировать уже существующие. Вот сейчас у нас этот блок включён. И если мы в самый низ страницы отмотаем с вами — вот он у нас, этот блок.
Вот реквизиты компании. Здесь мы можем взять, например, и поставить текст.
Таким образом, мы с вами увидим всё, будет такой вариант. В админке всё это дело у нас находится в следующем пути:
В «Контент» идём. Здесь есть дополнительные блоки на главную. Вот они, дополнительные блоки:
И здесь у нас есть папка «Пользовательский текст».
Здесь я уже отключил один из элементов. Один оставил включённым. И вот как раз сейчас, здесь на главной странице мы его видим активированным. Но если мы с вами зайдём непосредственно вот сюда, то есть в «Элемент», здесь мы кроме «Символьного кода» больше, собственно говоря, ничего и не видим. Непонятно, как редактировать?
Для того, чтобы данный элемент отредактировать. То есть, чтобы сюда вот как у меня кастомную вёрстку поставить, например или свой текст написать или картинку добавить, как я уже говорил…
Мы с вами переходим в «Контент». Дальше «Структура сайта». Идём дальше… в «Файлы и папки», открываем. А здесь мы с вами находим папку «Include», её раскрываем и здесь мы с вами находим папку «Mainpage». Её тоже раскрываем. Здесь внутри есть папка «Components». Открываем и в неё переходим. Переходим в папку «Components».
Здесь у нас с вами куча всяких папок, но нам нужна папка «Custom_text». Вот это она и есть:
Когда мы в неё перейдём, мы здесь увидим файл «text.php». Нажимаем на бургер и «Редактировать как PHP». Вот здесь у меня, собственно говоря, и воткнута вот эта вёрстка… То есть, если я, например, сюда добавлю 1, 2, 3, например, и нажму «Сохранить» и обновим здесь на главной странице, то мы увидим вот это: 1, 2, 3 у меня здесь появилось.
Но мне сейчас это не нужно. Мы опять отредактируем и уберём вот это наше 1,2,3. Таким образом, вы сюда сможете, если не хотите настраивать дополнительный блок. Вы можете использовать уже это. И просто вот в этот файл воткнуть какую-то картинку, текст и прочее…
Теперь. Если же мы всё-таки хотим не только пользоваться тем, что уже у
нас есть, но и создать ещё один дополнительный блок. Что мы делаем? Находясь в этой же папке. То есть, «Include» - «Mainpage» - «Components», мы выбираем, например, вот эту же папку «Custom_text». Нажимаем на бургер и жмём кнопочку «Копировать».
Нам вот Битрикс предлагает какие-то варианты. То есть, если, например, имя совпадает, то спросить у пользователя, что с этим делать. Но он сразу нам предлагает скопировать в корень. В корень нам не нужно, поэтому мы копируем сюда же. То есть, вот в эту папку.
Здесь мы с вами в открывшемся диалоговом окне выбираем также «Include», выбираем с вами «Mainpage», выбираем с вами «Components». Вот так вот прям папку выделяем и нажимаем кнопочку «Открыть».
Всё. Вот у нас этот путь. Также, этот путь можно просто отсюда скопировать. Ctrl +С, Ctrl + V. Только не забудем тут в конце поставить флэш, чтобы не заниматься и всё. Нажимаем кнопочку «Копировать». Он нам предлагает…
Внимание! Папка уже содержит всё тоже самое…
И говорит: «Давайте переименуем». Говорим: «Переименовать». Всё. Он у нас скопировал. Вот у нас здесь появилось «Custom_text (1)».
Следующий шаг. Нам нужно присвоить какое-то более другое имя. Давайте его переименуем. «Переименовать». И пусть он у нас называется «Custom_New_Block». Вот пусть он так называется «Custom_New_Block». Всё. «Сохранить» нажимаем.
Вот он появился «Custom_New_Block»:
Переходим в папку и вот этот файл «text.php» - нам его тоже нужно переименовать. Нажимаем на бургер, выбираем пункт «Переименовать» и переименовываем. Можно назвать точно также «Custom_New_Block.php». Сохранили. Всё одна часть работы у нас с вами выполнена.
Далее… Мы с вами остаёмся в общем разделе «Контент», но уже переходим в этот вот подраздел «Дополнительные блоки на главной».
Мы в него переходим, открываем и добавляем здесь новый раздел. «Добавить раздел» нажимаем. Давайте ведём название. Будет называться у нас «Новая область».
Переходим в папку «Дополнительно» и сюда наш «Символьный код» вот этот вот вставляем.
Во вкладке «Дополнительно», в поле «Символьный код» вставляем вот это название, которое мы там сделали с вами как для папки, так и для файла «custom_ new_ block». Всё. Нажимаем «Сохранить». Сохранили.
Вот у нас тут появилась папка «Новая область». Мы с вами в неё переходим и здесь жмём кнопочку «Добавить элемент» и так же называем «Новая область на главной».
И здесь что важно?
Тоже есть у нас поле «Символьный код», также тут пишем «custom_ new_ block», то есть всё тоже самое. Нажимаем «Сохранить». Дальше, здесь в панели с иконками мы с вами переходим во вкладку «Аспро». Переходим в настройки, выбираем главную. У меня сейчас отмечено.
И здесь мы ищем… Вот, у нас появилась здесь в настройках виджета такая опция, как «Новая область».
Опять же, мы тут можем её передвигать вверх / вниз. То есть, в любое место ставить, задавать отступы и прочее…
Также здесь у нас появилась внизу тоже опция «Вид отображения пользовательского блока из раздела: «Новая область».
Вот стоит у меня здесь просто «Новая область». Если мы с вами добавим туда ещё какой-то элемент, то здесь появится ещё «Дополнительный выбор».
Но сейчас нам это не нужно. Нам достаточно того, что у нас уже есть. То есть, область у нас сейчас вот эта новая, активирована. Если у вас тут галочка не стоит, то вы её поставьте и нажмите кнопочку «Применить». Всё. У нас всё применилось.
Мы с вами возвращаемся на наш сайт. Возвращаемся на главную страницу,
нажимаем кнопочку F5. Отматываем в самый низ, так как у нас внизу. И вот она наша новая область:
То есть, сейчас здесь я поменял просто текст. Изначально тут была вот также вёрстка, как здесь. То есть, это у меня он уже третий по счёту блок.
То есть, первый блок я сделал как бы на базе того, что уже было. Потом я создал его копию - ещё один, но сюда можно любой контент поместить и потом для того, чтобы записать для вас это видео, я сделал ещё один, третий блок. Таким образом, мы с вами можем главную страницу кастомизировать на ваш вкус и цвет. И добавлять сюда любой контент. И не быть привязанными уже к тому, что в решении и так встроенное.
Но надо отдать должное. Здесь в решении и так встроено много чего. И вот всякие такие баннеры и вывод товаров. И ещё вот такие можно использовать, причём в разных их конфигурациях и так далее…Надеюсь, данная статья была для вас полезной. Благодарю вас за внимание!
