mail@krayt.ru | 8 (800) 555-13-01

Главная страница

Главная страница

1. Шапка сайта.
 1.1. Изменение логотипа.
 1.2. Изменение номера телефона.
 1.3. Управление пунктами меню.
2. Управление баннерами в слайдере на главной странице
3. Настройка блоков "Акция","Хиты продаж","Новинки"(слайдеры)
4. Добавление и изменение акций в блоке акций
5. Добавление новостей в блок "Новости"
6. Добавление бренда в блок "Популярные бренды"
7. Управление блоком "Преимущества
8. Подвал сайта.
 8.1. Изменение логотипа.
 8.2. Управление пунктами меню.
 8.3. Изменение текстовой информации(телефон,почта,название сайта)

1. Шапка сайта


1.1. Изменение логотипа

 Рекомендуемые требования к логотипу:
 Размер: 350х120 пикселей
 Формат: png
 Для изменения логотипа в шапке страницы перейдите в административную панель и пройдите  по следующему пути
"Контент"-"Структура сайта"-"Файлы и папки"-include-logo
g1.png

Если ваш логотип в формате png, переименуйте ваш файл как logo_kids.png и замените файл на ваш в вышеуказанной папке.
Если ваш файл имеет иной графический формат загрузите его в вышеуказанную папку и затем перейдите на главную страницу. На главной странице, находясь в "режиме правки", наведите мышку на область с логотипом и нажмите "Редактировать область как html".

g2.png

В данном окне замените logo_kids.png на название и формат вашего файла, например если ваш файл называется mylogo.jpeg полная строка будет выглядеть так:
<img src="<?=SITE_DIR?>include/logo/mylogo.jpeg">.

 Нажмите Сохранить.

g3.png

1.2. Изменение номера телефона

Для изменения номера телефона на главной странице необходимо перейти в "режим правки" и навести курсор мыши на область с телефонами и нажать "Редактировать область как html"
g4.png

Для замены номера телефона впишите свой номер в открывшемся окне в местах показанных на скриншоте, например если ваш телефон 8 (812) 555-35-35 строка будет выглядеть так: "<a href="tel:88125553535" class="phone-link change_PHONE"> 8 (812) 555-35-35</a> "
g5.png

1.3. Управление пунктами меню


Для редактирования пунктов меню на главной странице(переименование пунктов, добавление новых, изменение порядка пунктов) находясь в "режиме правки" на главной странице наведите мышку на область меню и нажмите "Редактировать пункты меню" 
g6.png

- Для переименования пункта нажмите на значок карандаша у нужного пункта в колонке "Название" и введите нужное название. Если нужно чтобы ссылка вела на другую директорию сайта нажмите на значок карандаша в колонке "Ссылка" и введите название директории.
 
- Для изменения порядка используйте зеленые стрелки и выставите нужный порядок пунктов

-Для добавление пункта меню нажмите на кнопку "Вставить пункт" и введите соответствующее название и ссылку на директорию
g7.png


2. Управление баннерами в слайдере на главной странице


Чтобы добавить свой баннер в слайдер в верхней части главной страницы необходимо в административной панели перейти в инфоблок  "Баннеры на главной"
"Контент"-"Информационный"-"Баннер на главной"-Добавить элемент
g8.png

Далее заполните поля:
 -Название
 -Символьный код
 -Картинка для анонса(версия баннера для десктопной версии, рекомендуемый размер 2600x960 пикселей)
 -Картинка для моб.версии(версия баннера для мобильных устройств, рекомендуемый размер 576x296 пикселей)
 -Ссылка(ссылка при клике на баннер, например "#SITE_DIR#catalog/igry-i-igrushki/")

2(1).png
2(2).png

Чтобы задать порядок отображения баннеров измените у каждого элемента поле "Сортировка" в соответствии с необходимым порядком ( у самого первого баннера должно быть самое маленькое значение данного поля). Удобнее всего это сделать находясь в инфоблоке "Баннер на главной" в административной панели.


g9.png
g10.png

Чтобы отключить баннер уберите у нужного баннера галочку Активность
g11.png

3. Настройка блоков "Акция","Хиты продаж","Новинки"(слайдеры)


В данные слайдеры товары подгружаются автоматически в зависимости от настроек фильтра в настройках компонента.
Разберем работу на примере слайдера "Акция", в слайдерах "Хиты продаж" и "Новинки" настраивается аналогично.
 Чтобы зайти в настройки компонента необходимо в "режиме правки" на главной странице навести курсор на слайдер и нажать на значок шестеренки.

g12.png
 В слайдере "Акции" товары выбираются по следующему фильтру: выводятся только товары у которых свойство "Акция" отмечено галочкой. Вы можете сделать фильтрацию по своему свойству. Настройки фильтра находятся в вкладке "Источник данных", чтобы задать свое условие нажмите "Добавить условие" и выставите условие.
3(1).png

Для выбора свойств, которые выводятся в карточку(страна, объем и т.п.) перейдите на вкладку "Внешний вид" и в поле "Свойства" с помощью зажатой клавиши ctrl отметьте необходимые свойства
g13.png

Для выбора свойств торговых предложений , которые выводятся в карточку(год производства и т.п.) перейдите на вкладку "Внешний вид" и в поле "Свойства предложений" и поле "Свойства для отбора предложений" с помощью зажатой клавиши ctrl отметьте необходимые свойства

g14.png
g15.png

Для выбора отображаемых цветных меток перейдите на вкладку "Внешний вид" и в поле "Свойство меток товара" с помощью зажатой клавиши ctrl отметьте необходимые метки
g16.png

Для изменения заголовка "Акция" над слайдером  необходимо в "режиме правки" на главной странице навести курсор на заголовок и нажать "Редактировать область как html" и в открывшемся окне изменить слово Акция на своё.

g17.png


4. Добавление и изменение акций в блоке акций
g34.png

Акции которые выводятся в данный блок находятся в инфоблоке "Акции". Чтобы добавить  новую акцию в административной панели перейдите "Контент"-"Информационный" - "Акции" - Добавить элемент
g18.png

В вкладке "Элемент" заполните следующие поля:
-Начало активности(первый день акции)
-Окончание активности(последний день акции)
-Название
-Символьный код(обязательно)
-Показать на главной(отметьте если необходимо показывать акцию на главной странице)
-Картинка для каталога(под фильтром, рекомендуемый размер 460х880 пикселей)
-Картинка для главной страницы(картинка которая будет отображаться на главной странице, рекомендуемый размер 3840х708 пикселей )
-Привязка товаров(товары которые участвуют в акции)
В вкладке "Анонс" заполните следующие поля:
-Картинка для анонса(рекомендуемый размер  1280x780 пикселей)

В вкладке "Подробно" заполните следующие поля:
-Детальная картинка(рекомендуемый размер 2600х520 пикселей)
-Детальное описание (текст акции)
g19.png
g20.png
g21.png


Готово. Созданная акция так же появится на странице акций по адресу ваш_сайт/stock/

5. Добавление новостей в блок "Новости"

Новости которые выводятся в данный блок находятся в инфоблоке "Новости". Чтобы добавить новость в административной панели перейдите "Контент"-"Информационный" - "Новости" -
 Добавить элемент
g22.png

Заполните следующие поля:
- Название
- Символьный код(обязательно)
- Показать на главной  (отметьте если необходимо отображать новость на главной странице)
- Автор
- Картинка для анонса (рекомендуемый размер 802х462 пикселей)
- Описание для анонса
- Детальная картинка (рекомендуемый размер 2600х664 пикселей)
- Детальное описание


g23.png
g24.png
g25.png

  Готово. 

6. Добавление бренда в блок "Популярные бренды"

Бренды которые выводятся в данный блок находятся в инфоблоке "Бренды". Чтобы добавить бренд в административной панели перейдите "Контент"-"Информационный" - "Бренды" -
 Добавить элемент
g26.png

Заполните следующие поля:

-Название
-Символьный код(обязательно)
-Популярные бренды(галочка влияет на то выводить данный бренд в слайдер на главной странице или нет)
-Картинка для анонса(рекомендуемый размер 500х500 пикселей)
-Детальное описание
g27.png
g28.png


7.Управление блоком "Преимущества"

g35.png
В данном блоке предусмотрено только пять пунктов, в них можно изменить картинку или текст.

Данные преимущества находятся в инфоблоке "Преимущества". Чтобы изменить пункт  в административной панели перейдите "Контент"-"Информационный" - "Преимущества" . На нужном пункте нажмите на значок "гамбургера" - Изменить

g36.png

В поле "Название" введите необходимое название, в поле "Иконка" загрузите нужное изображение( рекомендуемый размер 37х34 пикселей)

g32.png

8.Подвал сайта

8.1. Изменение логотипа

Если изменить логотип в шапке сайта то по умолчанию логотип в подвале изменится тоже (см.пункт 1.1) Если в подвале сайта необходим другой логотип в "режиме правки" наведите курсор на логотип в подвале сайта и нажмите "Редактировать область как html", далее в открывшимся окне замените слово logo_kids.png на название своего файла , перед этим загрузив сам файл в ту же директорию что в пункте 1.1. инструкции
g37.png

8.2. Управление пунктами меню

Управление происходит аналогично меню в шапке сайта, смотрите  пункт 1.3.

8.3. Изменение текстовой информации(телефон,почта,название сайта)

Принцип везде одинаковый: переходите в "режим правки", наводите курсор на нужную область, нажимаете "Редактировать область как html" и в открывшимся окне меняете данные на свои.
g29.png

Инструкции
Остались вопросы?
Пообщайтесь со специалистами в чате
или позвоните по телефону
8 (800) 555-13-01