Сайт или магазин под ключ от 3900 рублей или помощь по сайту от 80 рублей.
Подробнее

Дизайн #1807

Дизайн #1807

1. Как изменить шапку сайта?

Верхняя часть шаблона состоит из формы поиска, иконок социальных сетей, ссылок на страницы авторизации/регистрации, названия сайта и пунктов меню.

Чтобы изменить верхнюю часть сайта перейдите в в Панель управления → Дизайн → Редактор → Глобальные блоки → Верхняя часть сайта

Укажите ссылки на свои социальные сети в строках 23-30:

<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>

Название вашего сайта — текст, который будет отображаться в переменной $SITE_NAME$. Чтобы изменить его требуется перейти в Панель управления → Настройки → Общие настройки и изменить поле “Название вашего сайта” на необходимое.

Если же вместо текста нужно изображение тогда перейдите в Панель управления → Дизайн → Редактор → Глобальные блоки → Верхняя часть сайта найдите 48 строку кода:

<a href="$HOME_PAGE_LINK$"><!-- <logo> -->$SITE_NAME$<!-- </logo> --></a>

и вместо $SITE_NAME$ пропишите:

<img src="ссылка на логотип">

где "ссылка на логотип" – пропишите ссылку, которую вы можете получить, осуществляя:

1) Логотип загружается в файловый менеджер сайта (Панель управления → Инструменты.)

2) После загрузки изображения, просто кликните на название изображение и вы получите заветную ссылку.

Чтобы изменить фон шапки сайта, перейдите в Панель управления → Дизайн → Редактор → Таблица стилей (CSS), после чего найдите там 89 строку:

.header{color:#fff;margin:0 auto;position:relative;background-color:#1d2436}

#1d2436 – является цветом верхней части сайта. Его можно изменить на любой другой html-цвет.

2. Как изменить промо-блок?

Промоблок состоит из слайдера, для того, чтобы изменить его, необходимо перейти в Панель управления → Дизайн → Редактор → Глобальные блоки → PROMO.

Слайдер состоит из 3 слайдов. Вам необходимо найти строки 2-52, где для каждого слайда можно изменить:

Изображение:

<img src="/.s/t/1807/1.jpg" alt="photo">

где /.s/t/1807/1.jpg – является ссылкой на изображение. Вместо него можно указать свою ссылку на свое изображение, предварительно загрузив его в Файловый менеджер сайта.

Заголовок, описание и кнопку для перехода к материалу и изображение:

<h1>Lorem ipsum dolor</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam aspernatur consequatur corporis doloribus eligendi eos facilis, id impedit in molestias odio odit porro quae rem sequi sit, soluta vero.</p>
<a href="#" class="info-btn">More</a>

где More – вы можете изменить на любой свой текст, а вместо # укажите ссылку для перехода.

Для изменения превью следующего слайда перейдите к строкам 47-51 и укажите свои ссылки на изображения:

<a data-slide-index="0" href=""><img src="/.s/t/1807/1.jpg" /></a>
<a data-slide-index="1" href=""><img src="/.s/t/1807/2.jpg" /></a>
<a data-slide-index="2" href=""><img src="/.s/t/1807/3.jpg" /></a>

3. Как сделать, чтобы слайдер отображался не только на главной странице?

По желанию, вы можете изменять условие для вывода слайдера на различных страницах вашего сайта.

Для этого необходимо перейти в Панель управления → Дизайн → Редактор → PROMO в 1 строке указать ID необходимых страниц  модулей в условии

<?if($PAGE_ID$='sitePage1')?> <?endif?>

или добавить условие для вывода в нужных модулях:

<?if($MODULE_ID$='forum')?> <?endif?>  

Также вы можете удалить данные условные операторы для отображения во всех модулях и страницах.

4. Как изменить фон шаблона?

Изменить фон сайта можно в Панель управления → Дизайн → Редактор → Таблица стилей (CSS). Вам потребуется перейти к 29 строке кода:

body{background:#0f131c;font-size:13px;line-height:1.67;color:#989eb2}

#0f131c – фон сайта. Его можно изменить на любой другой html-цвет.

5. Как изменить цвет блоков?

Блоки не имеют изображений или каких-то других особенностей. Цвет блоков зависит от фона сайта.

6. Как изменить нижнюю часть сайта?

Для изменения нижней части перейдите в Панель управления → Дизайн → Редактор → Глобальные блоки → Нижняя часть сайта.  

Она состоит из иконок социальных сетей, перейдите к строкам 10-17 и замените ссылки на свои:

<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>

Изменить фон нижней части сайта можно в Панель управления → Дизайн → Редактор → Таблица стилей (CSS). Вам потребуется перейти к 285 строке кода:

.footer{background-color:#1d2436}

#1d2436 – фон нижней части сайта. Его можно изменить на любой другой html-цвет.

7. Какой цвет основных элементов сайта?

Цветом цветом основных элементов сайта является #fea32e.

Если требуется сменить цветовую гамму, то воспользуйтесь заменой #fea32e на любой свой html-цвет, используя замену внутри шаблона Таблица стилей CSS.

Дизайн #1807