Дизайн #1727
1. Как изменить шапку сайта?
Верхняя часть шаблона состоит из надписи названия сайта, иконок социальных сетей, авторизации и пунктов меню и строки поиска.
Чтобы изменить название сайта требуется перейти в Панель управления → Дизайн → Редактор → Глобальные блоки → Верхняя часть сайта. Вам потребуется 4 строчка кода:
<div class="logo-wrap"><a class="logo-lnk" href="$HOME_PAGE_LINK$" title="Главная"><!-- <logo> -->Мой сайт<!-- </logo> --></a></div>
где "Мой сайт" – вы можете изменить на любой свой текст.
Если же вместо текста Вы хотите разместить изображение, тогда в этой же строке вместо "Мой сайт" пропишите код:
<img src="ссылка на логотип">
где "ссылка на логотип" – пропишите ссылку, которую вы можете получить, осуществляя:
1) Логотип загружается в файловый менеджер сайта (Панель управления → Инструменты.)
2) После загрузки изображения, просто кликните на название изображение и вы получите заветную ссылку
Также укажите свои ссылки на аккаунты в социальных сетях в строках 6-13:
<div class="soc-block"> <span><a href="https://vk.com" target="_blank" class="fa fa-vk"></a></span> <span><a href="https://twitter.com" target="_blank" class="fa fa-twitter"></a></span> <span><a href="https://facebook.com" target="_blank" class="fa fa-facebook"></a></span> <span><a href="https://instagram.com" target="_blank" class="fa fa-instagram"></a></span> <span><a href="https://plus.google.com" target="_blank" class="fa fa-google-plus"></a></span> <span><a href="https://ok.ru/" target="_blank" class="fa fa-odnoklassniki"></a></span> </div>
2. Как изменить промо-блок?
Промоблок состоит из пяти блоков: четырех изображений и надписи с кнопкой для перехода, изменить которые Вы можете перейдя в Панель управления → Дизайн → Редактор → Глобальные блоки → PROMO.
Для изменения изображений найдите блоки 4-6, 9-11, 17-19, 22-24 в каждом из которых измените ссылку на изображение:
<div class="img-wrap"> <img src="/.s/t/1727/img-1.png" alt="img"> </div>
/.s/t/1727/img-1.png - является ссылкой на данное изображение. Вместо него можно указать свою ссылку на свое изображение, предварительно загрузив его в Файловый менеджер сайта.
Для изменения текстового блока найдите строки 12-16 и измените текст и кнопку:
<div class="info-wrap"> <h1>Lorem ipsum dolor sit amet, consectetur</h1> <p>Lorem ipsum dolor sit amet, consectetur Lorem ipsum dolor sit amet</p> <div class="btn"><a href="#">Lorem ipsum</a></div> </div>
где More – вы можете изменить на любой свой текст, а вместо # укажите ссылку для перехода.
3. Как сделать, чтобы промо-блок отображался не только на главной странице?
По желанию, вы можете изменять условие для вывода промо-блок на различных страницах вашего сайта.
Для этого необходимо перейти в Панель управления → Дизайн → Редактор → PROMO в 1 строке указать ID необходимых страниц модулей в условии
<?if($PAGE_ID$='sitePage1')?> <?endif?>
или добавить условие для вывода в нужных модулях:
<?if($MODULE_ID$='forum')?> <?endif?>
Также вы можете удалить данные условные операторы для отображения во всех модулях и страницах.
4. Как изменить фон шаблона?
Изменить фон сайта можно в Панель управления → Дизайн → Редактор → Таблица стилей (CSS). Вам потребуется перейти к 37 строке кода:
body.base { background-color: #f9b6a7}
#f9b6a7 – фон сайта. Его можно изменить на любой другой html-цвет.
5. Как изменить цвет блоков?
Блоки не имеют изображений или каких-то других особенностей.
Для изменения цвета линий вам требуется перейти в Панель управления → Дизайн → Редактор → Таблица стилей (CSS). Здесь перейдите к 202 строке кода:
.sidebox:not(:last-child){border-bottom: 1px solid #fff}
#fff – это и есть цвет бордера. #fff можете заменить на любой другой цвет html.
6. Как изменить нижнюю часть сайта?
Для изменения нижней части перейдите в Панель управления → Дизайн → Редактор → Глобальные блоки → Нижняя часть сайта.
Она состоит из заголовка и слайдера с изображениями. Заголовок можно изменить перейдя к строке 3:
<h6 class="carousel-title">Lorem ipsum</h6>
Далее укажите ссылки на свои изображения слайдера в строках 4-53:
<div class="img-wrapp"><img src="/.s/t/1727/slider-1.png" alt="cover"></div>
Вместо /.s/t/1727/slider-1.png укажите свою ссылку на свое изображение.
Также вы можете использовать информер для этого блока, который будет выводить, материалы модуля “Фотоальбом””.
Тогда в коде шаблона удаляем строки 5-52 и вместо них пропишите код необходимого созданного информера $MYINF_1$
При создании или редактировании информера необходимыми параметрами являются:
- Тип данных: Материалы
- Количество материалов: 8
- Количество колонок: 1
А шаблон информера будет иметь вид:
<div class="slide-c"> <div class="img-wrapp"><img src="$FULL_PHOTO_DIRECT_URL$" alt="cover"> </div>
Более детально с тем, как создать и настроить информер вы можете ознакомится здесь: /tools/informery
7. Какой цвет основных элементов сайта?
Цветом цветом основных элементов сайта является #ff988d.
Если требуется сменить цветовую гамму, то воспользуйтесь заменой #ff988d на любой свой html-цвет, используя замену внутри шаблона Таблица стилей CSS.