Общее

- Оформление

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

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

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

- Контакты в шапке и подвале сайта

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

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

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

- Картинки для категорий

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

- Вывод списка товаров на инфо-страницы

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

- Слайдер

- Инфоблоки

- Предложение дня!

- Промокарточки

- Списки товаров

- Каталог товаров

- Как сделать заказ?

- Текст приветствия

- Новости

- Бренды

- Отзывы

Каталог

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

- Сайдбар

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

- Описание категории

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

- Характеристики в превью товара

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

- Фильтр

Карточка товара

- Краткое описание

- Вид опций товара

- Вкладки

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

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

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

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

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

Оформление

К теме разработано 14 цветовых схем:

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

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

Основные файлы стилей находятся в сгенерированных минимизированных файлах, с помощью которых реализуется возможность смены цветовой схемы шаблона. Для добавления или переопределения стилей рекомендуется использовать файл readyshop.custom.css. При обновлении удобно заменить в новой версии данный файл, чем заново редактировать основной файл стилей.

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

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

Основной файл для приложения Сайт - readyshop.css, приложения Магазин - readyshop.shop.css, приложения Блог - readyshop.blog.css, приложения Фото - readyshop.photo.css

Верхнее меню

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

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

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

Контакты в шапке и подвале сайта

Блоки информации в шапке и подвале выводятся с помощью блоков.

Например блок с контактами: Зайдите в приложение Сайт - Блоки - Создать новый блок

Заполните поля:
ID - header_contacts
Содержание - вставьте html-разметку из файла

Адрес в шапке:

ID - header_address
Содержание - ссылка на html-разметку

Блок "Компания" в подвале сайта:

ID - footer_links_company
Содержание - ссылка на html-разметку

Блок "Магазин" в подвале сайта:

ID - footer_link_shop
Содержание - ссылка на html-разметку

Блок "Разделы" в подвале сайта:

ID - footer_links_sections
Содержание - ссылка на html-разметку

Контакты в подвале сайта:

ID - footer_contacts
Содержание - ссылка на html-разметку

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

ID - footer_text
Содержание - произволный текст

Копирайт:

ID - copyright
Содержание - произволный текст

Коды счетчиков:

ID - footer_codes
Содержание - скрипты счетчиков

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Картинки для категорий

В тему интегрирован плагин Иконка, изображение и баннер для категории. Плагин необходимо приобретать отдельно. Есть возможность добавить иконку и картинку для категории без установленного данного плагина, а используя параметры категории, ниже описана инструкция.

Иконки - выводятся в меню категорий:

Картинки - в списке категорий на главной и на странице категории:

баннер - на странице категории под заголовком:

Как добавить картинку или иконку используя параметры категории.Зайдите в приложение Сайт - Файл менеджер. Загрузите картинки с подходящими размерами, для иконки не менее 25x25 пикселей, для картинки 160x160 пикселей:

Далее зайдите в редактирование категории, в самом низу формы есть поле Дополнительные параметры. Вставьте в это поле с новой строчки значения:
image=[путь до картинки]
icon=[путь до картинки]
banner=[путь до картинки]

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

Выпадающее меню оформлено в 3х вариантах (опция Тип выпадающего меню категорий):

В одну колонку, с выпадающим 3 уровнем:

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

В несколько колонок:

Дополнительно в меню категорий можно вывести ссылки на страницы приложений, в начало или в конец меню. Опции:

Вывод списка товаров на инфо-страницы

Для вывода списка используйте код из файла. В данном коде замените "new" в параметре list_id на идентифектор списка для вывода.

Слайдер (на главной странице)

В слайдер выводятся товары из списка или промокарточки. Опция Слайдер.

Слайдер с товарами:

Список товара, который вы хотите вывести в слайдер указывается в настройке Идентификатор списка товаров в слайдере (id можно узнать в приложении Магазин - Товары):

Слайдер с промокарточками:

Промокарточки находятся в приложении Магазин - Товары - Промо. Можно указать конкретные промокарточки для вывода в слайдер. Для этого укажите номера нужных промо-карточек через запятую в настройке Промо-карточки в слайдере. Например "0,1,3". Номеру карточки соответствует порядок в списке, начиная с 0:

Опции для настроек слайдера:

Инфоблоки

Данные этого блока заполняются из настроек, раздел "ИНФОБЛОКИ НА ГЛАВНОЙ":

Иконки можно загрузить картинкой или подобрать на сайте fontawesome.io. Найдите нужную иконку и скопируйте классы в поле Иконка инфоблока #N:

Предложение дня (на главной странице)

Настройка для данного блока:

Нужно указать идентификатор товара, счетчик отсчитывает время до конца текущего дня.

Промокарточки (на главной странице)

Промокарточки создаются в приложении Магазин - Товары - Промо. В настройке Промо-карточки в списке заполняются номера нужных промокарточек через запятую, например "0,1,3". Если оставить опцию пустой, выведутся все карточки.
Номеру карточки соответствует порядок в списке, начиная с 0:

Можно поменять оформление промокарточек настройкой Тип оформления промокарточек со значением Картинка фоном:

Если отключить блок "Предложение дня!", блок с промокарточками растянется на всю ширину:

Настройки промокарточек:

Списки товаров (на главной странице)

Можно вывести до 3х списков товаров.

Создаются списки в приложении Магазин - Товары - Создать список

ID списка введите в опцию Идентификатор списка #N на главной

В списках товаров первый товар выводится типом "Книжка", можно поменять на обычный вид настройкой В списках на главной выводить превью первого товара видом "книжка". Если отключить настройку Списки на главной по умолчанию выводить товары в 2 строчки, то по умолчанию будет видна только одна строчка товаров, остальные спрячутся за кнопкой "Показать еще". С такой комбинацией настроек результат будет такой:

Есть возможность отключить вкладки и последовательно выводить списки, настройкой Выводить списки на главной вкладками:

Каталог товаров

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

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

Можно ограничить список категорий в этом блоке настройкой Выводить только выбранные категории в списке на главной. Тогда выведутся категории с параметром "show_in_list_mainpage=1", который указывается в редактировании категории в поле Дополнительные параметры с новой строки:

Как сделать заказ

Можно вывести до 5 шагов. Данный блок заполняется из следующих настроек:

Текст приветствия

Данный текст выводится с помощью блоков. Зайдите в приложение Сайт - Блоки - Создать новый блок. Для поля ID укажите значение homepage_welcome_text. В содержание введите приветственный текст:

Новости на главной

Фон в качестве градиента подобран под каждую цветовую схему. Если Вы индивидуально настраивали цвета темы, то можно настроить свой градиент опциями Цвет градиента в начале и Цвет градиента в конце

Бренды на главной

В тему интегрирован плагин Бренды с картинками и описаниями. Плагин необходимо приобретать отдельно. Вывод данного списка можно ограничить настройкой Бренды на главной, указав вариант Выводить только с параметром "home", а для нужных брендов в поле Дополнительные параметры ввести значение "home=1" c новой строки:

Отзывы (на главной странице)

В данный блок выводятся последние отзывы о товарах. Можно изменить количество выводимых отзывов настройкой Количество последних отзывов

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

Цвет для стикеров Скидка, Новинка и Хит! можно изменить с помощью настроек:

Сайдбар каталога

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

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

Описание категории

Если текст описания категории слишком длинный, можно ограничить вывод текста настройкой Показывать ссылку "Читать далее" в описании категории и указать высоту видимого текста в пикселях в настройке Высота не скрытого текста, px

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

Превью товаров имеют 3 варианта оформления:

Плиткой

Списком

Таблицей

Каждый вид можно отключить. Есть возможность выбрать вид превью по умолчанию настройкой Вид превью товара по умолчанию

Характеристики в превью товара

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

Коды (или алиасы) можно узнать в приложении Магазин - Настройки - Типы и характеристики товаров

Из этого списка выводятся характеристики и в карточку товара в блок справа от галереи картинок. Если данная настройка пустая, в карточку краткие характеристики не выводятся.

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

Можно вывести список подкатегорий без картинок:

Настройки:

Фильтр

Для фильтра можно ограничить вывод раскрытых характеристик и опций:

Настройки «Максимальное количество раскрытых характеристик» и «Максимальное количество показываемых вариантов характеристик в фильтре по умолчанию»:

Опции с чекбоксами в фильтре выводятся кнопками, но при необходимости можете отключить этот вид настройкой Опции с чекбоксами выводить кнопками

Краткое описание в карточке товара

Краткое описание в карточке товара (блок справа, рядом с галерей) состоит из Краткого описания, кратких характеристик, и логотипа бренда (бренд выводится с помощью плагина "Бренды с картинками и описаниями", который приобретается отдельно)

Данную информацию можно убрать если отключить настройки:

Краткий список характеристик формируется с помощью настройки Коды выводимых характеристик в списках товаров (вид списком) и в карточку товара (блок справа). Коды указываются через запятую:

Коды (или алиасы) можно узнать в приложении Магазин - Настройки - Типы и характеристики товаров

Вид опций товара

Опции товара выводятся кнопками:

Настройка Вид выбора опций продукта - селектом меняет вид:

Вкладки в карточке товара

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

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

Для темы разработан дизайн страницы Контактов:

Для создания такой страницы необходимо 1) скопировать код из файла. Редактор переведите в режим HTML

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

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

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

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

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