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

Дизайн #1701

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

Верхняя часть шаблона состоит из двух небольших изображений и названия сайта.

1) В данном случае используется одно изображение и его зеркальное отображение.  

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

.site-n::before{content:'';background:url(/.s/t/1701/tree-2.png) no-repeat;width:113px;height:43px; display:inline-block; position:absolute; left:-130px;top:10px}
.site-n::after{content:'';background:url(/.s/t/1701/tree-2.png)no-repeat;width:113px;height:43px;display:inline-block;-webkit-transform:scale(-1,1);transform:scale(-1,1);position:absolute;right:-130px;top:10px}

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

2) Чтобы изменить название сайта, требуется перейти в Панель управления → Дизайн → Редактор → Глобальные блоки → Верхняя часть сайта. Вам необходимы 33 и 42 строчка кода:

<a href="$HOME_PAGE_LINK$"><!-- <logo> --><!-- <logo> -->Мой сайт<!-- </logo> --><!-- </logo> --></a>

где "Мой сайт" – вы можете изменить на любой свой текст.

Если же вместо текста Вы хотите разместить изображение, тогда в этой же строке вместо "Мой сайт" пропишите код:

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

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

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

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

2. Как изменить картинки в слайдере?

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

<img src="/.s/t/1701/slider.png" alt="img"> (строка 6)
<img src="/.s/t/1701/slider.png" alt="img"> (строка 15)
<img src="/.s/t/1701/slider.png" alt="img"> (строка 24)

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

3. Как изменить текст в слайдере?

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

Строка 8-10.

<div class="cap-ttl">Lorem ipsum dolor sit amet, consectetur</div>
<div class="cap-ds description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue tortor, mattis ac mollis viverra, lobortis at mi. Vivamus eget magna luctus, vehicula sapien in, accumsan lorem. Nullam iaculis enim id dictum finibus. Class aptent taciti massa nunc.</div>

Строка 17-19.

<div class="cap-ttl">Lorem ipsum dolor sit amet, consectetur</div>
<div class="cap-ds description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue tortor, mattis ac mollis viverra, lobortis at mi. Vivamus eget magna luctus, vehicula sapien in, accumsan lorem. Nullam iaculis enim id dictum finibus. Class aptent taciti massa nunc.</div>

Строка 26-28.

<div class="cap-ttl">Lorem ipsum dolor sit amet, consectetur</div>
<div class="cap-ds description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue tortor, mattis ac mollis viverra, lobortis at mi. Vivamus eget magna luctus, vehicula sapien in, accumsan lorem. Nullam iaculis enim id dictum finibus. Class aptent taciti massa nunc.</div>

4. Как изменить текст кнопки и активировать переход по ней.

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

<div class="cap-ds"><a role="button" href="#">More</a></div>

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

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

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

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

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

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

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

.sidetitle::after{content:''; background:url(/.s/t/1701/tree.png) #fff no-repeat right; width:270px; height:31px; display:block; position:absolute; right:0; top:37px}

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

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

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

body{background:#fff;margin:0;font-size:13px;color:#212121;font-family:"Open Sans",sans-serif;}

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

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

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

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

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