Изменение основных настроек и внешнего вида магазина
Сначала надо изменить основные настройки магазина. Для этого в основной административной панели откроем закладку «Система», пункт «Настройки», выберем наш магазин «Your Store (По умолчанию)» и нажмем ссылку «Изменить». Откроется окно с настройками (рис. 5.1) изменения в которых мы опишем по пунктам.
Рисунок 5.1 – Настройки магазина
Изменение настроек по закладкам:
Общие – Название магазина: Винтик и Шпунтик; Владелец Магазина: Вася Пупкин; Адрес магазина: Солнечный город, ул.Веселых Мастеров, д.1.
Магазин – Заголовок: Винтик & Шпунтик; Мета-тег "Описание": Винтик & Шпунтик – магазин ручного инструмента; Шаблон магазина: вариант шаблона у нас один, поэтому выбирать нечего.
Локализация – Страна: Российская федерация; Язык и Язык Администратора: Русский; Валюта: Рубль; Единица измерения: штука; Вес: Грамм.
Опции – все настройки оставим без изменений.
Изображения – в логотип добавим логотип нашей компании, увеличим размер изображений в списке категорий и списке товаров с значения 80х80 на 100х100, остальное оставим без изменений.
Почта, Фрауд и Сервер – оставим без изменения (их менять имеет смысл при настройке готового магазина на конкретный хостинг).
Следующий этап – это создание и замена баннеров. Создание баннеров похоже на создание других списков, находятся они в разделе «Система» –«Дизайн»–«Баннеры». Создадим 4 вида баннеров:
Manufacturers – производители товаров со ссылками на список производителей в нашем магазине (рис. 5.2).
Central banner – последовательность рекламных картинок большого разрешения о ручных инструментах (рис. 5.3).
Recommended – Рекомендуемые товары со ссылками на список товаров (рис. 5.4).
FIT – рекламный баннер компании Finch Industrial Tool, который мы сами составили из изображений с логотипом компании, производимых товаров, стендов с товарами, логотипа российского представительства и общей картинки рекламного содержания. Все слайды баннера ссылаются на внешний адрес – официальный сайт российского представительства компании (рис. 5.5).
Рисунок 5.2 – Баннер «Manufacturers»
Рисунок 5.3 – Баннер «Central banner»
Рисунок 5.4 – Баннер «Recommended»
Рисунок 5.5 – Баннер «FIT»
Теперь перейдем в раздел «Дополнения»–«Модули» и выполним ряд настроек c отдельными модулями для отображения созданных нами баннеров на сайте (во всех модулях принцип настройки примерно одинаков для каждого отображаемого баннера: задаются размеры отображения, страница отображения, расположение на странице, указывается статус и порядок сортировки):
Баннер – добавим баннеры FIT, Recommended, Manufacturers, они будут на странице со списком товаров в карточке товаров и на странице производителей (рис. 5.6).
Карусель – добавим баннер Manufacturers, он будет на главной странице сразу под рекомендованными товарами в виде вытянутого слева направо списка и возможностью перемещаться по нему (рис. 5.7).
Слайдшоу – добавим баннер Central banner он будет на главной странице по центру как табло с анимацией смены слайдов (рис. 5.8).
Рисунок 5.6 – Модуль «Баннер»
Рисунок 5.7 – Модуль «Карусель»
Рисунок 5.8 – Модуль «Слайдшоу»
Функции, которые мы заложили в баннер Recommended, можно легко реализовать, воспользовавшись модулем Рекомендуемые. Для этого необходимо, помимо выбора настроек, включить нужные нам товары при помощи поля «Товары». Набираем название интересующего нас товара, появляется список с похожим сочетанием слов, выбираем нужный, и система автоматически добавляет этот товар в список рекомендуемых (рис. 5.9). За количество отображаемых элементов списка отвечает поле entry_limit. Недостатком этого модуля по сравнению с банерным является то, что выбранные товары не показываются друг за другом в одном слайде, а выводятся в список, ограниченный количеством записей в поле entry_limit, и, соответственно, при большом списке могут занимать слишком большую площадь окна.
Рисунок 5.9 – Модуль «Рекомендуемые»
После проверки результата добавим рекомендуемый товар на страницу товара (рис. 5.10), для того чтобы убрать пустое пространство внизу страницы и увеличить ее информативность.
Рисунок 5.10 – Добавление строки в модуль «Рекомендуемые»
Теперь подключим модуль Последние – данный модуль позволяет видеть последние поступления товара в базу; из важных настроек следует отметить только поле «Лимит», которое ограничивает количество показываемых карточек товара. Мы будем использовать этот модуль на 3-х страницах, настройки расположения представлены на рисунке 5.11 .
Рисунок 5.11 –Модуль «Последние»
На этом настройку внешнего вида и интерфейса можно считать законченной. На рисунках 5.12 – 5.17 представлен внешний вид нашего интернет магазина.
Рисунок 5.12 – Главная страница, русский язык, рубль
Рисунок 5.13 – Главная страница, английский язык, доллар
Рисунок 5.14 – Страница «Алфавитный список производителей»
Рисунок 5.15 – Страница категории раздел «Ручной Инструмент – Рубанки»
Рисунок 5.16 –Страница карточки товара
Рисунок 5.17 – Страница списка товаров производителя Stayer
Последний этап – это настройка доступа к сайту по доменному имени (перенос сайта в отдельный виртуальный хост).
Создадим папку vish-tools.ru в «D:\home».
Создадим в ней подпапку www и перенесём всё содержимое папки «D:\WebServers\home\localhost\www\vish» в неё.
В файлах «D:\WebServers\home\vish-tools.ru\www\config.php» и «D:\WebServers\home\vish-tools.ru\www\admin\config.php» поменяем все вхождения строки «localhost/vish/» на «vish-tools.ru/». Строки, начинающиеся с буквы виртуального диска вида «Z:\home\», менять не надо.
Выполнить рестарт сервера.
Теперь для доступа к нашему сайту можно набирать его доменное имя «http://vish-tools.ru», а для доступа к административной панели «http://vish-tools.ru/admin». Настройка интернет магазина завершена.
В приложении 1 отображен процесс заказа товара на сайте, отображение информации о нем в административной панели и в базе данных, также показан процесс экспорта таблиц.