Інструкція для дизайнера
Платформа для интернет магазина Gollos
Дата изменения 10 декабря 2010
Оглавление
- Новый дизайн
- Разметка дизайна
- Разметка модулей
-
Стандартные разметки модулей
- Содержимое стандартных страниц
- Содержимое стандартных страниц по умолчанию
- Файлы
- Кнопки
- Мета теги
-
Часто задаваемые вопросы
1Новый дизайн
Что бы создать новый дизайн, перейдите в панели управления на страницу «Настройки» → «Дизайн» и нажмите «Добавить»
Откроется страница с описанием дизайна
Где:
- Разметка - это HTML код, который задает общий вид всех страниц
- Разметка модулей – это HTML код, который задает вид модулей (пример: список товаров)
- Содержимое стандартных страниц – это текст или HTML код, который размещается в зонах страницы (пример: текст для левой, центральной и правой зоны)
- Файлы – только те, что используются в дизайне
- Кнопки – выбор иконок для стандартных кнопок
- Мета теги – мета тэги дизайна (пример: подключение JavaScript или CSS)
- Просмотр – как выглядит магазин с этим дизайном
Есть и более простой способ создать дизайн – установите готовый дизайн и каталога и измените его.
Что бы применить дизайн к магазину, кликните «Сделать текущим».
2Разметка дизайна
Разметка дизайна – это HTML код, который отображается на каждой странице. В разметке дизайна можно объявлять модули и зоны. Зона служит контейнером для информации на странице, в котором будет размещаться нужное содержимое. Пример: в левой колонке находится левая зона и на главной странице она содержит список последних новостей магазина.
Для объявления зоны в дизайне вставьте код #place_(название зоны)#. Пример: #place_left# или #place_top#.
Модули – это готовые элементы, которые могут иметь свойства и выбор разметки.
По правилам Gollos, каждый дизайн должен содержать 2 рекламных блока или 1 большой в пределах первого экрана (без прокрутки). Рекламные блоки автоматически отключаются, если магазин оплатил услугу.
3Разметка модулей
Разметка модуля, задает формат вывода информации. Пример: вывести список товаров без кнопки «В корзину» но с кнопкой «Подробнее».
Для некоторых модулей, таких как список и описание товара можно выбрать стандартную разметку или создать свою. Что бы создать свою разметку кликните по соответствующему модулю в разделе «2. Разметка модулей». Далее введите название разметки и саму разметку.
Что бы применить новую разметку для модуля, удалите старый модуль и вставьте новый, выбрав нужную разметку.
4Стандартные разметки модулей
Ниже приведен список стандартных разметок. Можно создать свою разметку модуля взяв за основу стандартную.
Список товаров
Стандарт 1 (однострочный список)
#product_photo# |
#product_announce#
#product_brand#
#product_instock#
#product_price# #product_oldprice#
#product_add#
|
#separator1#
Стандарт 2 (2-х колоночный)
#product_photo#
#product_announce#
#product_brand#
#product_instock#
#product_price# #product_oldprice#
#product_add#
#separator2#
Стандарт 3 (3-х колоночный)
#product_photo#
#product_announce#
#product_brand#
#product_instock#
#product_price# #product_oldprice#
#product_add#
#separator3#
Стандарт 4 (4-х колоночный)
#product_photo#
#product_announce#
#product_brand#
#product_instock#
#product_price# #product_oldprice#
#product_add#
#separator4#
Описание товара
#breadcrumbs#
#product_name#
#product_photo#
#product_brand#
#product_code#
#product_instock#
#product_price# #product_oldprice#
#product_variants#
#product_add#
#product_properties#
#product_description#
#product_images#
#product_reviews#
#product_comments#
#product_related(4)#
Публикации
#publication_image#
#publication_announce#
Производители
Группы товаров
Изменить эту разметку нельзя. Ниже приводится исходный код, что бы можно было под него писать стили (CSS).
Сокращенный список
Категории
- Группа 1
- Группа 2
- Активная группа 3
- Подгруппа 3.1
- Подгруппа 3.2
Список главных групп и первых подгрупп
Группа 1
- Подгруппа 1.1
- Подгруппа 1.2
Группа 2
- Подгруппа 2.1
- Подгруппа 2.2
Список главных групп с фото и описанием
Группа 1
Описание группы 1
Группа 2
Описание группы 2
Полный список групп и всех подгрупп
Категории
- Группа 1
- Подгруппа 1.1
- Подгруппа 1.2
- Подгруппа 1.3
- Активная группа 2
5Содержимое стандартных страниц
Здесь вы можете изменить содержимое стандартной страницы (пример: главная или список товаров). Содержимое страницы делится на зоны, которые были объявлены в размете дизайна.
Отличие стандартной страницы от созданной вручную, в том, что стандартная страница выполняет определенную логику и должна содержать определенные модули.
Пример: страница «Товары. Описание» отвечает за отображение описания товара и должна содержать модуль #product_info(1)# (где 1 – номер разметки). Если после этого модуля разместить текст или HTML код, он будет отображаться в каждом описании товара.
6Содержимое стандартных страниц по умолчанию
Содержимое центральной зоны - #place_center#
Главная
#shop_title#
#product_random(2,6)#
Новости. Список
Новости. Описание
Статьи. Список
Статьи. Описание
Товары. Список
#product_list(1,10)#
Товары. Описание
Корзина
Оформление корзины
Регистрация
Мой кабинет
Вход
Восстановление пароля
Новая страница
Карта сайта
Прайс-лист
7Файлы
Все файлы, которые используются в дизайне нужно добавлять через страницу «Настройки» → «Дизайн» → «Файлы»
Для каждой стандартной кнопки нужно указать изображение. Файл изображения добавляется на странице «Настройки» → «Дизайн» → «Файлы». Если дизайн готовится для продажи через каталог дизайнов, желательно указать переведенные кнопки для других языков.
Если картинку не указать кнопка отобразится в виде ссылки или стандартной кнопки где это предусмотрено.
Пример: что бы объявить файл стилей «main.css» необходимо добавить файл на странице «Настройки» → «Дизайн» → «Файлы» а затем добавить мета тег «CSS» указав имя файла с расширением (путь к файлу будет установлен автоматически).
Пример: что бы пройти «Подтверждение права собственности» в Google, нужно добавить мета тег:
Для этого в разделе «Мета теги» выберите тип «Google webmaster» и укажите значение атрибута content: pNBg_0YU6vFGsMn1Qmr5cBEal_CPcd00rjzYBjmthuU
10Часто задаваемые вопросы
Как установить дизайн из каталога?
В каталоге дизайнов можно встретить 3 типа цены:
- "Бесплатно"
- "Цена" - цена авторского права на дизайн. После покупки дизайн удаляется из каталога.
- "Цена копии" – сколько угодно пользователе может купить копию дизайна по заманчивой цене.
Бесплатный дизайна:
- Кликните по дизайну в каталоге, перейдете в описание
- Нажмите "Установить"
Готово! Дизайн установлен в Вашем магазине. Перейдите в панель управления "Настройки" → "Дизайн" и напротив нужного дизайна нажмите "Сделать текущим"
Платный дизайна:
- Кликните по дизайну в каталоге, перейдете в описание
- Напротив нужной цены нажмите "Купить"
- Оплатите дизайн. Информация для оплаты в описании дизайна
- Перейдите в Учетную запись
- В списке "Мои заказы" нажмите "Оплачен" и введите информацию об оплате
- Автор дизайна подтверждает оплату
Готово! Дизайн установлен в Вашем магазине. Перейдите в панель управления "Настройки" → "Дизайн" и напротив нужного дизайна нажмите "Сделать текущим"
Как вывести производителей с логотипом?
- В панели управления перейдите в «Настройки» → «Дизайн»
- В «Разметка модулей», кликните по ссылке «Производители»
- Добавите разметку указав:
Название: Список с фото
HTML:
- Перейдите в разметку дизайна
- Найдите в разметке объявление модуля - #brands# и удалите его
- Установите курсор на его место
- Слева выберите модуль "Производители", разметку "Список с фото" и нажмите "Вставить"
- Сохраните разметку
Как установить фильтр товаров?
- В панели управления перейдите в «Настройки» → «Дизайн»
- В «Содержимое стандартных страниц», кликните по ссылке «Товары. Список»
- Перейдите в нужную зону (пример: #place_left#) и установите курсор в текстовое поле
- Выберите модуль «Фильтр товаров» и нажмите «Вставить»
- нажмите «Сохранить»
Как добавить текст на главную страницу?
- В панели управления перейдите в «Настройки» → «Дизайн» → кликните редактировать → «Содержимое стандартных страниц» → «Главная»
- Перейдите в нужную зону (пример: #place_ center#)
- Откройте редактор и введите текст
- нажмите «Сохранить»
Как вставить баннер?
- В панели управления перейдите в «Файлы», загрузите картинку баннера и сохраните ссылку на файл
- Перейдите в «Настройки» → «Дизайн» → кликните редактировать → «Содержимое стандартных страниц» → «Главная»
- Перейдите в нужную зону (пример: #place_right#)
-
Вариант 1 (простой):
- Откройте редактор
- Кликните по кнопке «Изображение» и укажите ссылку (URL) на картинку баннера
- В редакторе выделите баннер (кликните по вставленной картинке) затем кликните по кнопке «Вставить ссылку» и укажите адрес (URL) страницы на которую должен попасть пользователь кликнув по баннеру
Вариант 2 (сложный, но чистый код):
- нажмите «Сохранить»
Как изменить стили (CSS)?
- В панели управления перейдите в «Настройки» → «Дизайн»
- Перейдите в раздел «Файлы»
- Найдите файл стилей *.css (пример: main.css)
- Кликните по ссылке файла и сохраните файл на компьютер
- Внесите изменения в файл и на этой же странице «Файлы» загрузите его обратно