Інструкція для дизайнера

Платформа для интернет магазина Gollos

Дата изменения 10 декабря 2010

Оглавление

  1. Новый дизайн
  2. Разметка дизайна
  3. Разметка модулей
  4. Стандартные разметки модулей
  5. Содержимое стандартных страниц
  6. Содержимое стандартных страниц по умолчанию
  7. Файлы
  8. Кнопки
  9. Мета теги
  10. Часто задаваемые вопросы

1Новый дизайн

Что бы создать новый дизайн, перейдите в панели управления на страницу «Настройки» → «Дизайн» и нажмите «Добавить»

Список дизайнов

Откроется страница с описанием дизайна

Новый дизайн

Где:

  1. Разметка - это HTML код, который задает общий вид всех страниц
  2. Разметка модулей – это HTML код, который задает вид модулей (пример: список товаров)
  3. Содержимое стандартных страниц – это текст или HTML код, который размещается в зонах страницы (пример: текст для левой, центральной и правой зоны)
  4. Файлы – только те, что используются в дизайне
  5. Кнопки – выбор иконок для стандартных кнопок
  6. Мета теги – мета тэги дизайна (пример: подключение JavaScript или CSS)
  7. Просмотр – как выглядит магазин с этим дизайном

Есть и более простой способ создать дизайн – установите готовый дизайн и каталога и измените его.
Что бы применить дизайн к магазину, кликните «Сделать текущим».

2Разметка дизайна

Разметка дизайна – это HTML код, который отображается на каждой странице. В разметке дизайна можно объявлять модули и зоны. Зона служит контейнером для информации на странице, в котором будет размещаться нужное содержимое. Пример: в левой колонке находится левая зона и на главной странице она содержит список последних новостей магазина.

Для объявления зоны в дизайне вставьте код #place_(название зоны)#. Пример: #place_left# или #place_top#.

Модули – это готовые элементы, которые могут иметь свойства и выбор разметки.

По правилам Gollos, каждый дизайн должен содержать 2 рекламных блока или 1 большой в пределах первого экрана (без прокрутки). Рекламные блоки автоматически отключаются, если магазин оплатил услугу.

Разметка дизайна

3Разметка модулей

Разметка модуля, задает формат вывода информации. Пример: вывести список товаров без кнопки «В корзину» но с кнопкой «Подробнее».

Для некоторых модулей, таких как список и описание товара можно выбрать стандартную разметку или создать свою. Что бы создать свою разметку кликните по соответствующему модулю в разделе «2. Разметка модулей». Далее введите название разметки и саму разметку.

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

Разметка

4Стандартные разметки модулей

Ниже приведен список стандартных разметок. Можно создать свою разметку модуля взяв за основу стандартную.

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

Стандарт 1 (однострочный список)

#product_photo#

#product_name#

#product_announce#

#product_brand#
#product_instock#
#product_price# #product_oldprice#
#product_add#
#separator1#

Стандарт 2 (2-х колоночный)

#product_name#

#product_photo#

#product_announce#

#product_brand#
#product_instock#
#product_price# #product_oldprice#
#product_add#
#separator2#

Стандарт 3 (3-х колоночный)

#product_name#

#product_photo#

#product_announce#

#product_brand#
#product_instock#
#product_price# #product_oldprice#
#product_add#
#separator3#

Стандарт 4 (4-х колоночный)

#product_name#

#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_title#

#publication_announce#

Производители

#brand_name#

Группы товаров

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

Сокращенный список

Категории

Список главных групп и первых подгрупп

Группа 1

Группа 1
  • Подгруппа 1.1
  • Подгруппа 1.2

Группа 2

Группа 2
  • Подгруппа 2.1
  • Подгруппа 2.2

Список главных групп с фото и описанием

Группа 1

Группа 1

Описание группы 1

Группа 2

Группа 2

Описание группы 2

Полный список групп и всех подгрупп

Категории

5Содержимое стандартных страниц

Здесь вы можете изменить содержимое стандартной страницы (пример: главная или список товаров). Содержимое страницы делится на зоны, которые были объявлены в размете дизайна.

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

Пример: страница «Товары. Описание» отвечает за отображение описания товара и должна содержать модуль #product_info(1)# (где 1 – номер разметки). Если после этого модуля разместить текст или HTML код, он будет отображаться в каждом описании товара.

Содержимое стандартных страниц

6Содержимое стандартных страниц по умолчанию

Содержимое центральной зоны - #place_center#

Главная

#shop_title#

#product_random(2,6)#

Новости. Список

Новости. Описание

Статьи. Список

Статьи. Описание

Товары. Список

#product_list(1,10)#

Товары. Описание

Корзина

Оформление корзины

Регистрация

Мой кабинет

Вход

Восстановление пароля

Новая страница

Карта сайта

Прайс-лист

7Файлы

Все файлы, которые используются в дизайне нужно добавлять через страницу «Настройки» → «Дизайн» → «Файлы»

Файлы

8Кнопки

Для каждой стандартной кнопки нужно указать изображение. Файл изображения добавляется на странице «Настройки» → «Дизайн» → «Файлы». Если дизайн готовится для продажи через каталог дизайнов, желательно указать переведенные кнопки для других языков.

Если картинку не указать кнопка отобразится в виде ссылки или стандартной кнопки где это предусмотрено.

Кнопки

9Мета теги

Пример: что бы объявить файл стилей «main.css» необходимо добавить файл на странице «Настройки» → «Дизайн» → «Файлы» а затем добавить мета тег «CSS» указав имя файла с расширением (путь к файлу будет установлен автоматически).

Пример: что бы пройти «Подтверждение права собственности» в Google, нужно добавить мета тег:

Для этого в разделе «Мета теги» выберите тип «Google webmaster» и укажите значение атрибута content: pNBg_0YU6vFGsMn1Qmr5cBEal_CPcd00rjzYBjmthuU

Мета теги

10Часто задаваемые вопросы

Как установить дизайн из каталога?

В каталоге дизайнов можно встретить 3 типа цены:

  1. "Бесплатно"
  2. "Цена" - цена авторского права на дизайн. После покупки дизайн удаляется из каталога.
  3. "Цена копии" – сколько угодно пользователе может купить копию дизайна по заманчивой цене.

Бесплатный дизайна:

  1. Кликните по дизайну в каталоге, перейдете в описание
  2. Нажмите "Установить"

Готово! Дизайн установлен в Вашем магазине. Перейдите в панель управления "Настройки" → "Дизайн" и напротив нужного дизайна нажмите "Сделать текущим"

Платный дизайна:

  1. Кликните по дизайну в каталоге, перейдете в описание
  2. Напротив нужной цены нажмите "Купить"
  3. Оплатите дизайн. Информация для оплаты в описании дизайна
  4. Перейдите в Учетную запись
  5. В списке "Мои заказы" нажмите "Оплачен" и введите информацию об оплате
  6. Автор дизайна подтверждает оплату

Готово! Дизайн установлен в Вашем магазине. Перейдите в панель управления "Настройки" → "Дизайн" и напротив нужного дизайна нажмите "Сделать текущим"

Как вывести производителей с логотипом?

  1. В панели управления перейдите в «Настройки» → «Дизайн»
  2. В «Разметка модулей», кликните по ссылке «Производители»
  3. Добавите разметку указав:
    Название: Список с фото
    HTML:

    #brand_image_150# #brand_name#

  4. Перейдите в разметку дизайна
  5. Найдите в разметке объявление модуля - #brands# и удалите его
  6. Установите курсор на его место
  7. Слева выберите модуль "Производители", разметку "Список с фото" и нажмите "Вставить"
  8. Сохраните разметку

Как установить фильтр товаров?

  1. В панели управления перейдите в «Настройки» → «Дизайн»
  2. В «Содержимое стандартных страниц», кликните по ссылке «Товары. Список»
  3. Перейдите в нужную зону (пример: #place_left#) и установите курсор в текстовое поле
  4. Выберите модуль «Фильтр товаров» и нажмите «Вставить»
  5. нажмите «Сохранить»

Как добавить текст на главную страницу?

  1. В панели управления перейдите в «Настройки» → «Дизайн» → кликните редактировать → «Содержимое стандартных страниц» → «Главная»
  2. Перейдите в нужную зону (пример: #place_ center#)
  3. Откройте редактор и введите текст
  4. нажмите «Сохранить»

Как вставить баннер?

  1. В панели управления перейдите в «Файлы», загрузите картинку баннера и сохраните ссылку на файл
  2. Перейдите в «Настройки» → «Дизайн» → кликните редактировать → «Содержимое стандартных страниц» → «Главная»
  3. Перейдите в нужную зону (пример: #place_right#)
  4. Вариант 1 (простой):
    1. Откройте редактор
    2. Кликните по кнопке «Изображение» и укажите ссылку (URL) на картинку баннера
    3. В редакторе выделите баннер (кликните по вставленной картинке) затем кликните по кнопке «Вставить ссылку» и укажите адрес (URL) страницы на которую должен попасть пользователь кликнув по баннеру

    Вариант 2 (сложный, но чистый код):

  5. нажмите «Сохранить»

Как изменить стили (CSS)?

  1. В панели управления перейдите в «Настройки» → «Дизайн»
  2. Перейдите в раздел «Файлы»
  3. Найдите файл стилей *.css (пример: main.css)
  4. Кликните по ссылке файла и сохраните файл на компьютер
  5. Внесите изменения в файл и на этой же странице «Файлы» загрузите его обратно