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

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

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

1. Шапка сайта.
 1.1. Изменение логотипа.
 1.2. Изменение номера телефона.
 1.3. Управление пунктами меню.
2. Управление баннерами в слайдере на главной странице
3. Настройка блоков "Акция","Хиты продаж","Новинки"(слайдеры)
4. Добавление и изменение акций в блоке "Акции"
5. Добавление коктейлей в блок "Приготовьте сами"
6. Настройка блока "Подписаться"
7. Подвал сайта
 7.1. Изменение логотипа.
 7.2. Настройка блока "Обратная связь"
 7.3. Управление пунктами меню.
 7.4. Значки социальных сетей
 7.5. Изменение текстовой информации(телефон,почта,название сайта)

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


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

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

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

1.1(1).png

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

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

1.1(2).png

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

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

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

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


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

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

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


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


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

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

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

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

2(3).png
2(4).png

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

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


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


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

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

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

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

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

3(4).png


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

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

В вкладке "Элемент" заполните следующие поля:
-Начало активности(первый день акции)
-Окончание активности(последний день акции)
-Название
-Символьный код(обязательно)
-Показать на главной(отметьте если необходимо показывать акцию на главной странице)
-Расположение(выберите расположение баннера в блоке акций на главной странице из предложенных вариантов)
-Картинка для главной(картинка которая будет отображаться на главной странице, рекомендуемый размер пикселей указан в поле расположение  у пункта выпадающего списка)
-Привязка товаров(товары которые участвуют в акции)
4(1).png
4(2).png


В вкладке "Анонс" заполните следующие поля:
-Картинка для анонса(рекомендуемый размер  1160x684 пикселей)

В вкладке "Подробно" заполните следующие поля:
-Детальная картинка(рекомендуемый размер 2360х680 пикселей)
-Детальное описание (текст акции)

4(4).png

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

5. Добавление коктейлей в блок "Приготовьте сами"

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

Заполните следующие поля:
-Название(название коктейля)
-Символьный код(обязательно)
-Картинка для анонса(рекомендуемый размер 560х382 пикселя)
-Детальная картинка(рекомендуемый размер 560х382 пикселя)
-Детальное описание(описание коктейля)
-Показать на главной(если нужно чтобы коктейль отображался на главной выберите Да)
-Время приготовления
-Как приготовить (описание рецепта)
-Ингредиент(впишите ингредиенты, если кончаются поля нажмите на кнопку Добавить)
-Товары(выберите товары которые относятся к данному рецепту)
5(1).png
5(2).png
5(3).png

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

6. Настройка блока "Подписаться"


Чтобы изменить статичный текст в этой области в "режиме правки" наведите курсор и нажмите "Редактировать область в режиме html". В окне измените текстовые данные на свои.
6.png
Включение и отключение соглашения о согласии на обработку данных можно сделать в настройках компонента. Для этого в "режиме правки" наведите курсор на область с полем ввода и нажмите значок шестеренки, далее перейдите на вкладку Согласие пользователя и уберите или поставьте галку на "Запрашивать согласие"
6(1).png
6(2).png.

Если письма о подписке не приходят клиенту необходимо проверить настройку почтовых шаблонов подписки. Они находятся в 
"Настройки"-"Настройки продукта"-"Почтовые и СМС события"-"Почтовые шаблоны" . Тема шаблона #SITE_NAME#: Подтверждение подписки
6(3).png

Проверьте чтобы стояла галочка на "Активен" и в поле "Сайты" на нужном сайте

6(4).png

Так же здесь при желании можно изменить текст почтового шаблона.

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

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

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

7.2. Настройка блока "Обратная связь"

Для настройки адреса почты куда будут уходить сообщения из этой формы перейдите в "режим правки", нажмите Обратная связь , наведите курсор на самый верхний прямоугольник с красной серединой и нажмите на шестеренку. В открывшимся окне в вкладке "Основные параметры" в поле "e-mail" задайте нужный адрес.
7.2.png
7,2(1).png

Для настройки маски ввода номера (+7 (   )   -  -) перейдите в "режим правки", нажмите Обратная связь , наведите курсор на самый верхний прямоугольник с красной серединой, далее наведите курс на значок стрелки-вниз , потом на "Форма обратной связи" - Редактировать шаблон компонента
7.2(2).png

Если появится данное окно нажмите "Сохранить"
7,2(3).png

В открывшимся окне на 182 строке в конце файла измените маску ввода на нужную. Например для номеров из Украины строка будет выглядеть так
$(".masked").mask("+380 (99) 999-99-99");
7,2(4).png

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

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

7.4. Значки социальных сетей

Для задания ссылок на нужные страницы соцсетей перейдите в "режим правки, наведите курсор на область с соцсетями и нажмите "Редактировать область как html"
В открывшимся окне у ссылок вместо знака решетки впишите адрес страницы в соцсети.
7.4.png
7,4(2).png

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

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

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