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

Дизайн #1801

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

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

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

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

<a href="$HOME_PAGE_LINK$" class="site-n">$SITE_NAME$</a>

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

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

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

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

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

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

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

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

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

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

Для изменения первого слайдера перейдите к строкам 2-50.

Данный слайдер состоит из 3 слайдов, строки 4-18, 19-33, 34-48, в каждом из которых можно изменить:

Изображения. Фоновое и к описанию соответственно:

<img alt="photo" src="/.s/t/1801/main.png">
<img alt="promo" src="/.s/t/1801/promo.png">

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

Заголовок и текст:

<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 class="info-btn" href="#">More</a>

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

Для изменения второго слайдера перейдите к строкам 51-154.

Данный слайдер-карусель состоит из 10 блоков , в каждом вы можете изменить:

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

<img alt="cover" src="/.s/t/1801/1.jpg">

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

Текст и ссылка для перехода к материалу:

<a href="#">Lorem ipsum</a>
<p>Lorem ipsum dolor</p>

где вместо # укажите ссылку для перехода.

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

В таком случаи в коде шаблона удаляем строки 3-49 и вместо них пропишите код необходимого созданного информера, например, $MYINF_1$  

При создании или редактировании информера необходимыми параметрами являются:  

  • Тип данных: Материалы
  • Количество материалов: 10
  • Количество колонок: 1

Шаблон информера будет иметь вид:  

<div class="slide-c">
 <div class="img-wrapp">
 <div class="under-img"><img src="/_pu/5/95754642.jpg" alt="cover"></div>
 <div class="main-img"><img src="/_pu/5/95754642.jpg" alt="cover"></div>
 </div>
 <div class="title">
 <a href="$ENTRY_URL$">$TITLE$</a>
 <p>$MESSAGE$</p>
 </div>
 </div>

Более детально с тем, как создать и настроить информер вы можете ознакомится здесь: /tools/informery

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

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

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

<?if($URI_ID$='page1')?> <?endif?>

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

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

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

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

Для изменений перейдите в Панель управления → Дизайн → Редактор → Таблица стилей (CSS), найдите там 176 строку:

.sidebox { margin: 30px 0; padding: 20px; background-color: #fff; }

#fff – это и есть цвет блока. #fff можете заменить на любой другой цвет html.

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

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

body.base { background: #000; }

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

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

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

footer { background-color: #161616; color: #9e9e9e; }

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

В правом углу расположены иконки социальных сетей, для их изменения перейдите в Панель управления → Дизайн → Редактор → Нижняя часть, где в строках 10-17 укажите свои ссылки на аккаунты в социальных сетях:

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