Общее

- Оформление

- Контакты в шапке и подвале сайта. Описание и html-разметка Блоков

- Ссылки на авторизацию, регистрацию

- Всплывашка карты по клику по адресу в шапке

- Верхнее меню

- Меню категорий

- Редактирование css и js

- Информационное сообщение в шапке сайта

- Виджет акции во всплывающем окне

- Виджеты соц. сетей в сайдбаре

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

- Сайдбар с категориями

- Слайдер и промо

- Список категорий в контенте

- Списки товаров на главной

- Инфоблоки

- Текст приветствия и виджеты соц. сетей.

- Настройка формы подписки (для приложения Рассылки).

Каталог

- Стикеры на товарах

- Превью товаров

- Сайдбар

- Вывод произвольных блоков в правом и левом сайдбаре (например, статичного баннера)

Страница категории

- Список подкатегорий

- Фильтр

- Характеристики в превью продукта (вид списком)

Страница товара

- Виджет комментариев Vk

- Виджет комментариев Facebook

Страница "Контакты"

- Описание и html-разметка страницы "Контактов"

Приложение "Блог"

- Картинки для записей

Использование Дополнительных параметров

- Страницы

- Бренды на главной странице (плагин Бренды с картинками и описаниями - приобретается отдельно)

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

Оформление

К теме подобрано 14 цветовых схем. Но есть возможность подобрать любые цвета:

Контакты в шапке и подвале сайта. Описание и html-разметка Блоков

Блоки добавляются в приложении Сайт - Блоки - Новый блок

Например Контакты в шапке. Заполните:
Поле ID: header_contacts
Содержимое: код html-разметки

На сайте:

Адрес в шапке
id: header_address (код html-разметки)

Контакты в подвале
id: footer_contacts (код html-разметки)

Ссылки на приложения
id: footer_links_sections (код html-разметки)

Меню информационных страниц сайта
id: footer_links_company (код html-разметки)

Текст в подвале
id: footer_text

Копирайт
id: copyright (код html-разметки)

Коды скриптов (например для счетчиков)
id: footer_codes

Ссылки на авторизацию, регистрацию

Для вывода данных ссылок в шапке, необходимо включить авторизацию в настройках сайта:

Всплывашка карты по клику по адресу в шапке

1) Необходима версия темы приложения Сайт не ниже 1.5.1

2) Обновите содержимое блока header_address (код html-разметки), если вы обновлялись с версии ниже 1.5.1

3)Добавьте ссылку на карту для фрейма:

Ссылка на яндекс карту

Чтобы получить ссылку для яндекс карты, перейдите в конструктор карт → Создать карту. Далее введите адрес, отрегулируйте масштаб карты, нажмите "Сохранить и продолжить"

Далее "Получить код карты" → выберите тип iframe → из содержимого фрейма скопируйте значение атрибута src и вставьте в опцию Ссылка на карту для iframe

Ссылка на гугл карту

Перейдите на google maps. Введите адрес → нажмите "поделиться" → выберите тип "Код".

Из содержимого фрейма скопируйте значение атрибута src и вставьте в опцию Ссылка на карту для iframe

Верхнее меню

Верхнее меню

В верхнем меню выводятся ссылки на страницы приложений: Сайт, Магазин, Новости или Фотогалерея. Дополнительно можно настроить вывод ссылок на страницы приложений и на главную страницу:

Верхнее меню. Настройки

Меню категорий

1) Оформление

Меню категорий

Но если в системе не установлен этот плагин, картинки и иконки можно указать в параметрах категории image и icon. Выпадающий список подкатегорий выводится в разных вариантах:

- C подкатегориями в 1 колонку и выпадающем 3 уровнем:

- C подкатегориями в несколько колонок, и раскрытым 3 уровнем:

Для подкатегорий, выводимых в несколько колонок, доступен вывод картинок или иконок для 2 го уровня

- C картинками:

- C иконками:

Настройки:

Настройка "Вывод выпадающего списка подкатегорий".

Опция "Относительно родительской категории" позволяет выводить подкатегории относительно родительской, а не всего блока:

2) Дополнительные параметры

1. Для каждой категории можно настроить вид подкатегорий. Для этого укажите в настройках категории 1-го уровня дополнительный параметр submenu_columns со значением "one_column" (в одну колонку) или "columns" (несколько колонок).

2. Также есть возможность индивидуально настроить вывод картинок или иконок для второго уровня: для этого укажите для категории 1-го уровня параметр submenu_pic со значением "image", "icon" или "" (пустое значение, если хотите не выводить картинку, перекрыв основные настройки)

3. Для скрытия категории в меню добавьте параметр menu_hide=1 .

4. В меню категорий в сайдаре можно указать категорию, которая будет раскрыта по-умолчнию, для этого добавьте параметр sidebar_open=1

Редактирование css и js

Если вы хотите переопределить или добавить новые стили рекомендуем использовать файл unishop.custom.css в приложении Сайт. Правила а данном файле переопределяют правила основного файла стилей. Так же при обновлении Вам проще будет заменить в новой версии данный файл, чем заново редактировать основной файл стилей.

Если вы хотите использовать оригинальные файлы стилей вместо сгенерированных в настройках шаблона включите опцию "Отключить сгенерированные файлы стилей"

Используя оригинальные файлы стилей, вы не сможете в настройках поменять цветовую схему или использовать настройки для выбора собственных цветов, поэтому, чтобы поменять основные цвета темы, необходимо скачать или скопировать файлы стилей, открыть в редакторе (например Notepad++) и заменить на нужные цвета следующие значения:- Основной цвет: "#ff7420"- Цвет кнопок, активных ссылок и др "#009999"

Файлы в которых нужно сделать замену цветов:
- приложение Магазин: colors.shop.css, unishop.shop.css (/wa-data/public/shop/themes/unishop/)
- приложение Сайт: colors.css, unishop.css (/wa-data/public/site/themes/unishop/)
- приложение Блог: colors.blog.css, unishop.blog.css (/wa-data/public/blog/themes/unishop/)
- приложение Фото: unishop.photos.css (/wa-data/public/photos/themes/unishop/)

Для добавления новых js-скриптов используйте файл unishop.custom.js.

Информационное сообщение в шапке сайта

Для информационного сообщения можно задать текст (поддерживает html, можно задавать ссылки), цвет фона, цвет текста, иконку и идентификатор. Сообщение показывается единожды каждому пользователю, уникальность управляется идентификатором, т.е. при смене идентификатора сообщение будет вновь показано всем пользователям (новое сообщение).

Виджет акции во всплывающем окне

С помощью виджет можно вывести произвольную информацию в popup окне для всех пользователей.

  • Активировать виджет. Активность виджета.

  • Задержка показа окна (в секундах). Время ожидания по окончанию загрузки страницы, после которого будет показано popup окно.

  • Количество дней для повторного показа окна. Количество дней, после которых пользователю вновь покажется данное окно.

  • Максимальная ширина popup окна (в пикселях). Ширина окна в максимальной развертке, не влияющая на адаптивность интерфейса.

  • Заголовок popup окна. Заголовок, который будет выводиться в popup окне, можно оставить пустым, если заголовок не требуется.

  • Идентификатор блока для вывода (Сайт -> Блоки). Блок, контент которого будет выведен в popup-окно, создается в приложении Сайт - Блоки - Новый блок.

  • Идентификатор новой акции (Произвольное число). При смене идентификатора сообщение будет вновь показано всем пользователям (новая акция).

Виджеты соц. сетей в сайдбаре


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

Настройки:

  • Код для виджета Вконтакте. В данной поле вставляется код группы вконтакте. Рекомендованная ширина по ширине сайдбара 260 пикселей. Готовый код можно взять по ссылке, где значение 21415010 нужно изменить на идентификатор своей группы.

  • Код для виджета Facebook. В данной поле вставляется код группы Facebook. Код можно получить через генератор по ссылке. Ширину виджета нужно установить в значение 260.

  • Код для виджета Одноклассники. В данной поле вставляется код группы Одноклассники. Код для виджета можно сгенерировать на странице.

  • Код для виджета Twitter. В данной поле вставляется код группы Twitter. Получить код для вставки можно на странице.

  • Формировать instagram виджет. Т.к. у instagram нет готового виджета, в тему дизайна встроен функционал автоматического формирования.


  • Числовой идентификатор пользователя instagram для верификации. Необходимо вставить числовой идентификатор Вашего аккаунта. Его можно получить только из исходного кода. Открывайте ваш аккаунт instagram на компьютере. После чего правой кнопкой мышки вызываем диалоговое окно и жмём просмотр кода страницы. Вам открывается код страницы на которой вы находитесь. Теперь нажимаем ctrl + f — это поисковая строка, в которой набираем profile.


  • Валидный oAuth токен instagram. Токен можно получить с помощью сервиса http://instagram.pixelunion.net/. Нажимаем кнопку "Generate Access Token", авторизуемся в instagram и получаем код:


  • Числовой идентификатор пользователя instagram для вывода фото. Необходимо вводить свой идентификатор, который используется для верификации (ранее можно было выводить фото с чужого аккаунта, впоследствии сервис эту возможность запретил).

  • Лимит вывода фото для instagram. Количество выводимых фото для instagram.

  • Автоматическое переключение соцсетей.. Включает автоматическое переключение соцсетей через определенные промежутки.

  • Время автоматического переключения (секунды).. Время для автоматического переключения.

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

Сайдбар с категориями

Доступные настройки по данному блоку:

Настройки "Максимальное количество меню категорий в сайдбаре на главной" и "Максимальное количество категорий в выпадающем меню категорий" ограничивают вывод первого уровня категорий до указанного количества, остальные категории скроются за пунктом меню "Еще категории":

Настройки "Длина сайдбара" позволяет подстроить основной контент под длину сайдбара, расположив блоки информации справа от сайдбара. Например, при выбранном варианте "До списка категорий" промокарточки располагаются справа от сайдбара:

Слайдер и промо на главной

Предусмотрен вывод товаров из созданного списка или из Промо

Промо:

Товары:

Настройки:

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

Для вывода в слайдер списка товаров в приложении магазин, необходимо создать список и указать его идентификатор в настройке "Идентификатор списка товаров в слайдере".

Если в слайдер выводятся промо, то можно указать номера нужных промо-карточек для ограничения количества выводимых карточек. Номеру карточки соответствует порядок в списке, начиная с 0:

В настройке "Промо-карточки в слайдере" укажите (через запятую) номера нужных промо-карточек.

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

Высоту слайдера можно изменить с помощью настройки "Высота слайдера, px". Эта настройка предусмотрена для выравнивания слайдера с раскрытым списком категорий.

Список категорий в контенте

Категории на главной можно спрятать, вывести в один или два уровня:

Чтобы вывести в два уровня, нужно указать "Максимальное кол-во подкатегорий":

Списки товаров на главной

В теме доступен вывод до 3-х списков. Для каждого списка можно указать заголовок и цвет фона заголовка.

Чтобы определить идентификатор списка для настройки "Идентификатор списка #1", необходимо зайти в приложение Магазин - Товары - Списки:

Инфоблоки на главной

Этот блок редактируется с помощью настроек «Инфоблок»:

Максимальное количество инфоблоков — 4. Иконкой инфоблока может быть картинка или иконка шрифта fontawesome. Для подбора иконки перейдите на http://fontawesome.io/icons/, выберите иконку и скопируйте класс в настройку «Иконка в инфоблоке»:

Текст приветствия и виджеты соц. сетей на главной

Для редактирования текста приветствия и виджетов соц. сетей доступны настройки:

Стикеры на товарах

В настройках можно изменить фон стикеров:

Настройка формы подписки (для приложения Рассылки).

Зайдите в приложение Рассылки → Новая форма. Убедитесь что отключены поля Имя и Капча. Определите идентификатор формы (он необходим для опции "Идентификатор формы в приложении Рассылки" в настройках темы):

Перейдите в настройки темы и установите в опцию "Идентификатор формы в приложении Рассылки" идентификатор формы:

Превью товаров

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

В каталоге можно (по необходимости) отключить следующий функционал: Всплывающую корзину, Сравнение товаров, Избранные товары, Предпросмотр карточки товара, Вы смотрели, Рекомендуемые товары в корзине, Вывод рейтингов продуктов. Все эти настройки видны на скриншоте выше.

Сайдбар

В каталоге можно настроить вывод правого и левого сайдбара. Все блоки настраиваются на вывод в правом или левом сайдбаре.

Индивидуально для страниц Категория с товарами, Категория без товаров, Страница товара, Поиск, Корзина, Оформления заказа отключается/включается отображение правого и/или левого сайдбара:

Вывод произвольных блоков в правом и левом сайдбаре (например, статичного баннера)

В теме есть возможность вывода произвольных блоков в правом и левом сайдбаре, например статичного баннера. Для этого зайдите в приложении Сайт -> Блоки -> Новый блок.
1) Создайте два блока с id unishop_sidebar_1 и unishop_sidebar_2.
2) Для вывода картинки баннера в содержимое вставьте код из файла для первого блока и код файла для второго блока.

Пример:

3) Далее, загрузите картинки с наименованием banner_1.jpg для первого баннера, и картинку с наименованием banner_2.jpg в папку /wa-data/public/site/banners/ через файл-менеджер приложения Сайт.

Список подкатегорий на странице категории

3 варианта отображения подкатегорий:

С иконками:

С картинками:

Без изображений:

В настройках темы указывается вид для категорий с товарами, и категорий без товаров:

Для каждой категории возможно настроить индивидуальный тип отображения подкатегорий, указав в настройках категории дополнительный параметр "sub_view" со значением "icon" (подкатегории с иконками), "image" (подкатегории с картинками), "no_image" (подкатегории без изображений)

Фильтр

Для фильтра можно ограничить вывод раскрытых характеристик и опций, настройками «Максимальное количество раскрытых характеристик» и «Максимальное количество показываемых вариантов характеристик в фильтре по умолчанию»:

Характеристики в превью продукта (вид списком)

Чтобы вывести характеристики в список товаров, нужно отметить настройку "Показывать значения характеристик в списках товаров (вид списком)". По умолчанию будут выводиться все характеристики товара, но чтобы ограничить количество, нужно указать (через запятую) коды нужных характеристик в настройке "Коды выводимых характеристик в списках товаров (вид списком)":

Виджет комментариев Vk

Для активации виджета нужно произвести следующие настройки:

Получение идентификатора приложения:

1. Переходим по ссылке и нажимаем кнопку "Создать приложение".

2. Заполняем форму и подтверждаем создание через смс:

3. Переходим во вкладку "Настройки" и копируем идентификатор приложения:

Виджет комментариев Facebook

Для активации виджета нужно произвести следующие настройки:

Получение идентификатора приложения:

1. Переходим по ссылке и нажимаем кнопку "Добавить новое приложение".

2. Заполняем основные настройки:

3. Копируем идентификатор в настройки темы дизайна.

Описание и html-разметка страницы "Контактов"

1. Скопируйте html-код в редактируемую страницу из файла , отредактируйте текст, заменив код карты:

2. Удалите из блока site.send_email_form стили:

Страница контактов:

Картинки для записей Блога

В приложении "Блог" (в стандартном функционале) нет возможности загрузить картинку для записи, мы сделали эту возможность с помощью Дополнительных параметров.

1. Загрузите файл в Файл-менеджер, например в папку "news" и скопируйте путь до картинки:

2. Добавьте к записи параметры image и image_small со значением пути к картинке: "image=путь до картинки", "image_small=путь до маленькой картинки". Каждый параметр с новой строчки. Для маленькой картинки рекомендуется ширина 150 пикселей, для большой не более 400 пикселей. Если не загружена маленькая картинка, то в превью записи будет подставляться большая картинка, ее размер автоматически адаптируется.

Дополнительные параметры: Страницы

Для скрытия страниц в меню используйте Дополнительные параметры:
top_menu_hide=1 - в верхнем меню
footer_menu_hide=1 - в подвале сайта
sidebar_menu_hide=1 - в сайдбаре

Дополнительные параметры: Бренды на главной странице

По умолчанию на главной странице выводится весь список брендов. Чтобы ограничить этот список необходимо:
1) Установить в настройках темы для опции Бренды на главной значение Выводить только с параметром "home"
2) Указать Дополнительный параметр home=1 в настройках бренда


Дополнительный параметр: