SiteEdit
Search:


Главная страница Карта сайта Русский English

On-line guide
to create sites

Урок SiteEdit 12

Categories:

СОЗДАНИЕ И НАСТРОЙКА ИНТЕРНЕТ-МАГАЗИНА

Заметим, что Интернет-магазин можно реализовать только на версии SiteEdit Business. Сначала немного теории. Что из себя представляет интернет-магазин, реализованный на системе SiteEdit?

Интернет-магазин, это:
  • Ряд модулей, поставленных на нужных страницах, с настроенными взаимосвязями;
  • Локальный сервер (программное дополнение к версии SiteEdit Business), с помощью которого мы управляем Интернет-проектами;
  • Электронный менеджер, с помощью которого ведется база товаров (дополнительная программа, поставляемая с версией SiteEdit Business)

Реализация основных страниц и модулей

Откроем новый, либо готовый проект в программе SiteEdit. Для того, чтобы реализовать Интернет магазин - первым шагом является построение цепочки модулей, расположенных на страницах проекта (рис. Структура взаимосвязей модулей Интернет-магазина). 4 страницы (Магазин, Поиск, Оплата заказов, Корзина) самые основные - они должны быть всегда. Дополнительные модули, такие как "Быстрый поиск по магазину", "Каталог групп товаров магазина", "Информер корзины заказов" нужны лишь для удобства работы с магазином, расположение этих модулей на сайте непринципиально.


Рис. Структура взаимосвязей модулей Интернет-магазина


Теперь по порядку. Создаем первую страницу (F7), в Заголовке пишем "Магазин", имя страницы - "catalogue"


Рис. Создание Страницы "Магазин"


Жмем "Сохранить". На странице включаем режим иконок (F9) добавляем новый раздел (желтая иконка). В открывшемся окне на вкладке "Тип модуля" выбираем модуль "Интернет-магазин V 3.0#sshop_goods.tlb". Модуль выбирается двойным кликом мышки по названию. После программа спрашивает, хотим ли мы применить стандартные настройки, жмем "Да".


Рис. Вид страницы "Магазин"


Модуль поставлен. Модуль Магазина как сложная функциональная единица состоит из нескольких субстраниц (Витрина, Таблица, Подробно, Аналоги), и представляет из себя в программе SiteEdit прототип (макет). Полностью рабочую версию можно увидеть в Интернете. В программе настраивается цепочка связей, параметры модуля, и дизайн. Переходя по ссылкам в модуле (к примеру: "Спортивные товары\коньки, лыжи, шлемы" и д.р.), мы можем уйти вглубь модуля и проследить все субстраницы. В заголовке раздела можем написать "Магазин".

Совет: Щелкнув по иконке "Редактировать раздел", На вкладке "Параметры" мы можем выбрать те разделы и пункты, которые нам нужны в магазине. Модуль имеет весьма широкие возможности, для различные целей и задач. Для удобства подобраны настройки по умолчанию, в которые выведены самые важные пункты. Вы можете установить свои (если вы опытный пользователь). Если же вы установили по вашему мнению неверные значения на вкладке "Параметры", вы всегда можете вернуть стандартные настройки, щелкнув по кнопке "По умолчанию", расположенной в правой части окна.


Рис. Параметры модуля "Интернет-магазин V 3.0"


По аналогии Создаем вторую страницу (F7), в Заголовке пишем "Корзина", имя файла страницы - "shopcart"

Жмем "Сохранить". На странице включаем режим иконок (F9) добавляем новый раздел (желтая иконка). В открывшемся окне на вкладке "Тип модуля" выбираем модуль "Корзина заказа#sshop_carts.tlb". Модуль выбирается двойным кликом мышки по названию. После программа спрашивает, хотим ли мы применить стандартные настройки, жмем "Да". (Рис. Создание Страницы "Корзина"). В заголовке раздела можем написать "Корзина".

ОБРАТИМ ВНИМАНИЕ! В параметрах Раздела (модуля) "Корзина" напротив пункта "Страница интернет-магазина" должно стоять имя страницы магазина, в данном случае "catalogue". Этим осуществляется привязка двух модулей (Рис. Параметры модуля "Корзина").


Рис. Создание Страницы "Корзина"



Рис. Параметры модуля "Корзина"



Рис. Вид страницы "Корзина"


По аналогии Создаем третью страницу (F7), в Заголовке пишем "Оплата заказов", имя файла страницы - "clientaccount"

Жмем "Сохранить". На странице включаем режим иконок (F9) добавляем новый раздел (желтая иконка). В открывшемся окне, на вкладке "Тип модуля" выбираем модуль "Список клиентских заказов из БД#sshop_orderlist.tlb". Жмем "Сохранить". В заголовке раздела можем написать "Список заказов". На этой же странице добавляем еще модуль в этом же контенте. В открывшемся окне, на вкладке "Тип модуля" выбираем модуль "Оплата заказов#sshop_payment.tlb". Жмем "Сохранить". В заголовке раздела можем написать "Оплата заказов".


Рис. Создание Страницы "Оплата заказов"



Рис. Вид Страницы "Оплата заказов"


Теперь нам нужно скрыть эту страницу для остальных посетителей, т.к. информация на ней не предназначена для всех. Зайдем в верхнем меню: Редактировать\Изменить страницу (Рис. Изменить страницу) На вкладке "Доступ" поменяем параметр "All" на "User" напротив пункта "Уровень доступа" (Рис. Назначение уровня доступа для страницы). Это означает, что эту страницу будут видеть только зарегистрированные на сайте пользователи, т.е. потенциальные покупатели.


Рис. Изменить страницу



Рис. Назначение уровня доступа для страницы


Добавим возможность поиска по базе товаров магазина.

По аналогии создаем четвертую страницу (F7), в Заголовке пишем "Поиск по магазину", имя файла страницы - "searchlist"

Жмем "Сохранить". На странице включаем режим иконок (F9) добавляем новый раздел (желтая иконка). В открывшемся окне, на вкладке "Тип модуля" выбираем модуль "Поиск по магазину#sshop_searchlist2.tlb". Жмем "Сохранить". В заголовке раздела можем написать "Поиск по магазину".
Рис. Создание Страницы "Поиск"



Рис. Вид Страницы "Поиск по магазину"


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

Установка дополнительных модулей

Если в магазине предполагается наличие групп товаров, то проведем следующие действия: зайдем в карту дизайна Верхнее меню - Оформление\Редактирование карты дизайна. Правой кнопкой мыши вызовем контекстное меню и поставим один из глобальных контентов (смотрите, чтобы они не повторялись, иначе информация будет дублироваться). Поставим глобальный контент-1 в левую боковую колонку - места для будущего модуля достаточно немного (поэтому старайтесь, чтобы он был сбоку). В данном случае, он будет располагаться под универсальным меню. Жмем кнопку "Сохранить".


Рис. Добавление глобального контента


Рис. Внешний Вид модуля "Каталог групп товаров"


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

Для этого нам нужно попасть в карту дизайна - Верхнее меню - Оформление\Редактирование карты дизайна. Правой кнопкой мыши вызовем контекстное меню и поставим один из глобальных контентов (смотрите, чтобы они не повторялись, иначе информация будет дублироваться). Поставим глобальный контент-2 (т.к глобальный контент-1 уже присутствует) в левую боковую колонку - места для будущего модуля нужно немного (его вы можете расположить в верхней части сайта). В данном случае, он будет располагаться между универсальным меню и глобальным контентом-1. Жмем кнопку "Сохранить".


Рис. Добавление глобального контента-2


На странице включаем режим иконок (F9) добавляем новый глобальный раздел (желтая иконка). В открывшемся окне, на вкладке "Тип модуля" выбираем модуль "Информер корзины заказов#sshop_cartinformer.tlb". Жмем "Сохранить". В заголовке раздела можем написать "Информер корзины".


Рис. Добавления модуля "Информер корзины заказов"



Рис. Внешний вид модуля "Информера корзины заказов" в программе


ОБРАТИМ ВНИМАНИЕ! В параметрах Раздела (модуля) "Информер корзины заказов" напротив пункта "Страница корзины заказа" должно стоять имя страницы Корзины, в данном случае "shopcart". Этим осуществляется привязка двух модулей (Рис. Параметры модуля "Информер корзины заказа").


Рис. Параметры модуля "Информер корзины заказа"


Добавим возможность быстрого поиска товаров.

Для этого нам нужно попасть в карту дизайна - Верхнее меню - Оформление\Редактирование карты дизайна. Правой кнопкой мыши вызовем контекстное меню и поставим один из глобальных контентов (смотрите, чтобы они не повторялись, иначе информация будет дублироваться). Поставим глобальный контент-3 (т.к глобальный контент-1 и 2 уже присутствуют) - места для будущего модуля нужно немного. В данном случае, он будет располагаться вместо обычного поиска - в правой части экрана - напротив заголовка страницы. Жмем кнопку "Сохранить".


Рис. Добавление глобального контента-3



Рис. Добавление модуля "Быстрый поиск по магазину"



Рис. Внешний вид модуля "Быстрый поиск по магазину" в программе


ОБРАТИМ ВНИМАНИЕ! В параметрах Раздела (модуля) "Быстрый поиск по магазину" напротив пункта "Страница с поиском" должно стоять имя страницы Поиска, в данном случае "searchlist". Этим осуществляется привязка двух модулей (Рис. Параметры модуля "Быстрый поиск по магазину")


Рис. Параметры модуля "Быстрый поиск по магазину"


ВАЖНО!! При создании Интернет-магазина необходимо наличие блока авторизации и страницы регистрации. Если у вас уже есть эти блоки - следующий пункт можете пропустить.

Вверх

Добавление блока авторизации

Установка электронного менеджера

Вверх

Установка электронного менеджера

Установка электронного менеджера

Вверх

Работа с SiteEdit Server

1. Запустите установочный файл setupadmin.exe и выполните все требования установщика (установки сервера и менеджера рекомендуется выполнить в папку с установленной программой CMS SiteEdit) 2. Запустите сервер (Пуск - "Главное меню/SiteEdit Business/SiteEdit сервер (запуск)") - при первом запуске программа потребует придумать и ввести пароль Администратора (рекомендуется пароль сохранить, так как в случае утери придется полностью переустанавливать сервер), далее этот пароль потребуется для входа в панель управления сервером.

   
Рис. Запуск SiteEdit Server


В правой нижней части экрана в меню SiteEdit Server выберите пункт "Запустить сервер".

3. Для входа в панель управления сервера, выберите пункт меню "Настройки". Программа попросит ввести пароль Администратора (вводится пароль созданный в шаге 2)


Установите общие параметры для запуска и синхронизации проектов.

На странице "Подключение" устанавливаются номера Портов сервера TCP/IP и MySQL. Не рекомендуется без причины изменять номера Портов. Данные изменения могут делать только опытные Администраторы.

Если ваш компьютер подключен к интернет через Прокси-сервер, необходимо внести соответствующие изменения в строке "Адрес" и "Порт".


Рис. Общий вид SiteEdit Server

4. Перейдите на страницу "Проекты" и нажмите на кнопку "Новый проект"


Рис. Пример Интернет-проектов SiteEdit Server



Рис. Установка названия и пароля для проекта


Придумайте имя проекта, логин и пароль, которые необходимы для администрирования в электронном менеджере. Для синхронизации с сайтом необходимо выбрать ключ от проекта SiteEdit (в папке Мои документы/SiteEdit|Business).

После создания нового проекта загрузите данные с сайта - нажмите на кнопку "Загрузить"


Рис. Загрузка нового проекта


Для создания DEMO - проекта введите в поле "Имя проекта" слово "demo" (ключ не требуется)

В демо-режиме вы можете локально (не выгружая в интернет) поработать с магазином своего проекта.
Вверх

Работа с SiteEdit manager

После запуска Локального Сервера и создания в нем нового проекта Запускаем установленный электронный менеджер (либо через иконку на рабочем столе, либо через меню "пуск" в нижней панели вашего компьютера)


Рис. Запуск электронного менеджера

Далее вводим название проекта и пароль (который мы создали, работая с локальным сервером SiteEdit Server). Жмем "ОК"


Рис. Вход в проект в менеджере



Рис. Общий вид Электронного менеджера


Описание программы:
Слева находится панель инструментов, с помощью которых мы можем редактировать и поддерживать электронный бизнес. Справа - рабочая область, где отображаются выполняемые действия.

Начав работу с менеджером, первым делом нужно установить курсы валют. Заходим в пункт "Валюты". Жмем кнопку "Добавить Валюту", Вносим необходимые значения. Жмем "ОК". Далее по аналогии добавляем Доллар США, Евро и остальные валюты (если требуется). Пример показываем на уже созданных валютах (Рис. Добавление валюты).


Рис. Добавление Валюты


Чтобы установить курс валюты, достаточно щелкнуть два раза мышкой на строку с введенной валютой и в открывшемся окне нажать "Установить курс по РФ".


Рис. Установка курса валюты


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


Рис. "Добавление товара в менеджере"


В открывшемся окне (в вашем случае будет "Добавить товар", для примера открыто окно "Изменить товар") вводим необходимые значения, описание товара, фото, цену.

Артикул устанавливается автоматически. Обязательно заполнение поля "Наименование". Справа указывается группа, в которую помещен товар (если в магазине есть группы товаров). Исходя из заполненного окна готового товара (Рис. Описание товара), заполняем остальные поля. В конце жмем кнопку "Сохранить". Если у товара Есть похожие или сопутствующие товары, скидки, добавляем их, переходя по вкладкам в верхней части окна.


Рис. Описание товара


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


СМОТРЕТЬ следующий урок
Вверх
 
Copyright © Edgestile Company, 2004-09
tel.:  8 (495) 229-45-50, 8 (812) 777-01-30, 8 (34241) 3-69-90
e-mail:  info@siteedit.ru - general questions
icq: 268-447-867 - general questions
all contacts