Zen Cart. Краткое руководство пользователя

1. Установка ZenCart с нуля
   • Загрузка движка ZenCart
2. Как установить шаблон Zen Cart
   • Как установить шаблон Zen Cart
   • Как установить Zen Cart демо-контент
   • ZenCart шаблон вручную установить
3. Как управлять модулями
4. Настройка темы
   • Как поменять логотип магазина
   • Как поменять цвета магазина
   • Как настроить содержание страниц
5. Zen Cart расширения
   • Модуль социальных иконок
   • Модуль футер ссылок в колонках
   • Дополнительные изображения товаров
6. Вывод

Загрузка движка ZenCart

Сначала проверьте требования шаблона к программному обеспечению на странице предварительного просмотра нужной версии Zen Cart. Мы не гарантируем корректную работу шаблона, если версия Zen Cart движка не соответствует требованиям.

Зайдите на официальный сайт http://www.zen-cart.com/
1. На правой панели нажмите на Download(скачать)

Если нужна ранняя версия движка Zen Cart:

1. Справа нажмите на Click here to download older versions(Нажмите здесь, чтобы скачать более ранние версии)
2. Найдите и скачайте нужную версию

После того как Вы скачали Zen Cart движка нужно распаковать файлы из скаченного пакета и загрузить их на хостинг сервер. Прочитайте также уроки о том, как распаковать файлы с WinZip (Windows OS) и StuffitExpander(MAC OS) и как загрузить файлы на хостинг сервер

После того, как Вы загрузили файлы движка Zen Cart на хостинг сервер, можно начинать установку. В адресной строке браузера укажите адрес к директории инсталляции Zen Cart и нажмите на Enter. Появится экран установки Zen Cart. Для установки движка следуйте инструкциям на экране.

Просмотрите, пожалуйста, детальный видео-урок о том, как установить движок Zen Cart.

Как установить шаблон Zen Cart

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

После того, как Вы полностью скачали шаблон, распакуйте файлы из скаченного пакета. Это можно осуществить с помощью WinZip (Windows OS) или Stuffit Expander (MAC OS) . Не забудьте распаковать файлы из внутреннего исходного_XXXX.zip пакета. Исходный архив защищен паролем и содержит исходные файлы шаблона. Пароль находится на странице с деталями заказа.

Процедура установки довольно простая. Откройте папку шаблона, где находятся распакованные файлы Zen Cart шаблона. Вот так должна выглядеть структура файлов:

• documentation *(Документация продукта. Информация об установке и конфигурации тем)
• screenshots *(скриншоты темы)
• themeXXX *(корневой файл папки темы)
• includes *(файл папки темы)
• sources *(источники)
• psd* (PSD макеты и кнопки первой сттраницы)
• images* (изображения товара, социальные услуги и ключевой lightbox)
• ZENCART_FULL.sql* (Находятся примеры продуктов и настройки магазина)
• ZENCART_SHORT.sql* (Находятся только магазин и настройки темы)
• ZENCART_SOCIAL.sql* (Набор социальных иконок на странице продукта)
• info.txt* (Информация про архив)
• fonts_info.txt* (Информация про шрифты, которые используются в шаблоне)

1.Откройте папку "theme###" и загрузите папку "includes" в корень Zen Cart установки на сервере.

ФАЙЛЫ,КОТОРЫЕ НАХОДЯТСЯ В ЭТОМ ПАКЕТЕ:

• includes/languages/english/html_includes/themeXXX/ define_main_page.php
• includes/modules/themeXXX/also_purchased_products.php
• includes/modules/themeXXX/featured_products.php
• includes/modules/themeXXX/new_products.php
• includes/modules/themeXXX/specials_index.php
• includes/templates/themeXXX/buttons/* (buttons to match design)
• includes/templates/themeXXX/common/tpl_box_default_left.php
• includes/templates/themeXXX/common/tpl_box_default_right.php
• includes/templates/themeXXX/common/tpl_footer.php
• includes/templates/themeXXX/common/tpl_header.php
• includes/templates/themeXXX/common/tpl_main_page.php
• includes/templates/themeXXX/css/CSS_read_me.txt
• includes/templates/themeXXX/css/print_stylesheet.css
• includes/templates/themeXXX/css/stylesheet.css
• includes/templates/themeXXX/css/stylesheet_css_buttons.css
• includes/templates/themeXXX/css/stylesheet_boxes.css
• includes/templates/themeXXX/css/stylesheet_main.css
• includes/templates/themeXXX/css/stylesheet_tm.css
• includes/templates/themeXXX/images/* (logo, different color images, shadow images, etc.)
• includes/templates/themeXXX/sideboxes/ …
• includes/templates/themeXXX/templates/ …

ПРИМЕЧАНИЕ: Замена файлов не повредит Вашему магазину

ПРИМЕЧАНИЕ: Это список наиболее часто используемых файлов, в Вашем шаблоне могут быть другие.

2.Потом откройте админ панель магазина Zen Cart и перейдите "Tools > Template Selection" (Инструменты > Выбор шаблона).

3.В правой колонке нажмите на кнопку Edit(изменить) и в появившемся окне выберите новый шаблон (theme###).

2. Как установить Zen Cart демо-контент

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

В шаблонах Zen Cart есть четыре SQL файла с примерами контента всего вебсайта (кроме картинок) и настройки образца сайта. SQL файлы можно импортировать в базу данных с помощью инструмента управления базой данных (обычно phpMyAdmin) или прямо через админ панель Zen Cart: Tools > Install SQL Patches(Инструменты > Установить патчи SQL)

• ZENCART_FULL.sql – содержит образцы товаров и настройки магазина. Использовать с чистой инсталляцией Zen Cart.
• ZENCART_SHORT.sql – содержит только настройки магазина и темы. Установка дамп не заменит товары магазина.
• ZENCART_SOCIAL.sql — набор социальных иконок для страницы товара

ВНИМАНИЕ: Импортирование SQL файла в базу данных перезапишет весь существующий контент и настройки сайта. НЕ импортируйте SQL файл, если у хотите сохранить существующий контент.

ПРИМЕЧАНИЕ: ВСЕГДА делайте резервную копию базы данных перед любыми изменениями.

Чтобы установить демо-контент, который идет вместе с шаблоном, откройте административную панель Zen-Cart, перейдите Tools (инструменты) > Install SQL Patches(установить патчи SQL)

Появятся две опции: выполнить SQL запрос или загрузить .sql файл. Результат будет одинаковый, несмотря на то, какую опцию Вы выбрали. Мы остановились на второй опции, так как вы шаблоне 3 .sql файла.

Нажмите на кнопку «Browse» (найти) и в пакете шаблона к папке «sources«, выберите файл .sql и нажмите на кнопку «Upload» (загрузить).

Вы можете также просмотреть урок о том как установить демо-контент Zen Cart шаблона

ВНИМАНИЕ: импортируйте .sql файлы в строгой последовательности. Вначале загрузите ZENCART_SHORT.SQL и только потом – ZENCART_FULL.SQL

3. Настройка Zen Cart шаблона вручную

В этой части урока Вы увидите, как вручную настроить Zen Cart шаблон. Если Вы уже перекинули SQL файлы шаблона, то можете просто пропустить этот шаг.

1. Для начала нужно настроить модули магазина.

Перейдите в «Tools» (инструменты), затем в «Layout Boxes Controller» и выключите боковые окна, которые хотите использовать. В этом шаблоне настроены оба: окошки слева и справа.

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

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

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

a) Вручную отредактируйте в админ панели опции и функции.

Прочитайте, пожалуйста, документацию Вашего шаблона, чтобы узнать про настройки шаблона.

b)Можно настроить шаблон импортируя файл ZENCART_SHORT.SQL.

3. Следующий шаг –это настройка страниц магазина с контентом и меню (EZ-страницы). Пожалуйста, перейдите в административную панель Zen Cart, потом в Tools > EZ-Pages и установите следующие опции.

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

Чтобы управлять левыми/правыми блоками откройте админ панель Zen Cart Tools > Layout Boxes Controller (инструменты >макет контроллера блоков).

Вы увидите список доступных модулей. Выберите один, нажмите справа на кнопку «Edit» (редактировать).

При использовании левой и правой колонки можно изменить следующие свойства:

Left/Right Column Status:(статус левой/правой колонки) ON=виден, OFF=спрятан
Location: (расположение) LEFT (левая) или RIGHT (правая) позиция бокового окна сообщений
Left/Right Column Sort Order:(последовательность сортировки левой/правой колонки) боковые окна сообщений (sideboxes) с меньшим числом стоят вверху колонки

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

Как поменять логотип магазина

Чтобы использовать собственный логотип, просто перепишите «logo.jpg», который находится в includes/templates/theme###/images/ .

Можно создать картинку, которая будет по размерам больше чем стандартная. Если он не будет соответствовать размерам хедера, то нужно изменить стиль в файле /includes/templates/theme###/css/stylesheet_tm.css.

Как поменять цвета в магазине

Чтобы поменять цвета сайта нужно в /includes/templates/theme###/css/ отредактировать CSS файлы. Больше про работу с CSS файлами Вы можете узнать просмотрев детальные видео-уроки.

Как настроить содержание страниц

Чтобы добраться к страницам с содержанием магазина откройте админ панель Zen Cart и перейдите в tools > EZ-Pages(инструменты > EZ-страницы). Там отображаются все контентные страницы.У каждой страницы следующи параметры конфигурации :

• Open New Window:Off * (открывает ссылки в новой вкладке браузера)
• Page is SSL:Off * (SSL страница)
• Header:On * (меню ссылки к хедеру)
• Sidebox:Off * (меню ссылки в боковом окне)
• Footer:On * (меню ссылки к футеру)
• Chapter:0 * (Главы показывают Предыдущий/Следующий вместе с TOC порядком сортировки. Ссылки в ТОС содержат страницы в соответствии с номером главы, и будут отображаться в ТОС порядке)
• TOC:0; * (Порядок сортировки используется при генерации страниц, которые настроены или как единственная строка (хедер/футер и т.д.) или вертикально, в зависимости от потребностей; Порядок сортировки должен быть больше нуля, чтобы включить страницу в список)

Модуль социальных иконок

Этот модуль позволяет отображать на странице товара иконки социальных сетей а также с его помощью можно распространять информацию о продукте в разных сайтах социальных сетей (Google Plus, Facebook, Twitter, Delecious, Digg, Stumble Upon, Technorati, Reddit).

Настройка модуля: Для настройки модуля социальных иконок рекомендуется установка ZENCART_SOCIAL.SQL. SQL патч можно импортировать с помощью администрационной панели Tools > Install SQL Patches.

Настройка: Чтобы настроить модуль перейдите, пожалуйста, в Zen Cart админ панели в Configuration > Social Media Icons (Настройки > Социальные иконки). По умолчанию все иконки активны.

Деактивация всех иконок — Social Media Buttons – установить на 0 Включить/выключить конкретные иконки: выбрать название иконки – установить значение на 1 или 0 (1= вкл., 0 = выкл.) .

Модуль футер ссылок в колонках

Этот модуль позволяет отображать ссылки футера в строках также как и в колонках. Количество колонок и позицию каждого элемента в колонке определяется последовательностью, которая установлена в Admin > Tools > EZ-Pages (Админ > Инструменты > EZ-страницы).

Первая цифра в порядке сортировки – это номер колонки где располагается ссылка, число колонок зависит от количества доступных первых чисел. Вторая цифра в порядке сортировки обозначает, где в колонке будет находиться ссылка.

Например:
В первой колонке будут отображаться ссылки с таким порядком сортировки 11, 12, 13, 14, 15
Во второй колонке будут находиться ссылки, у которых порядок сортировки такой: 21, 22, 23, 24, 25
В третьей с таким порядком 31, 32, 33, 34, 35 и т.д.

Дополнительные изображения товаров

С помощью новой функции Zen-cart можно на странице продукта показывать дополнительные изображения продукта и открывать их в lightbox. Чтобы дополнительные картинки показывались на странице продукта, поместите их в папку с изображениями товара.

• Откройте Zen Cart админ панель
• Перейдите в Catalog/Каталог > на экране редактирования продукта прокрутите вниз и найдите как называется файл изображения и откройте продукт, который хотите изменить.
• На экране редактирования продукта прокрутите вниз и найдите как называется файл изображения

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

Посмотрите пример названий для файлов:

Например:
Название стандартного изображения товара: 01.jpg
Названия дополнительной картинки товара: 01_1.jpg, 01-2.jpg и т.д.
Или
Название стандартного изображения товара: my_product.jpg
Названия дополнительной картинки товара: my_product _1.jpg, my_product -2.jpg и т.д.

Загрузите дополнительные картинки в директорию, где находится стандартная картинка. Обычно изображения товаров хранятся в “images” директории установки Zen Cart.

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

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

Движок Zen Cart — это отличное решение для интернет-магазина. По умолчанию движок содержит все модули, необходимые для успешных продаж. Открытое программное обеспечение позволяет предлагать клиентам действительно великолепные торговые возможности. Из-за довольно сложной конструкции движка для продвинутого использования Zen Cart потребуется много времени и стремления. Вам нужно гораздо больше, чем это руководство.

Следующие ресурсы помогут вам стать настоящим Zen Cart профессионалом:

• Официальное руководство пользователя Zen Cart
• Официальное Zen Cart Wiki
• Уроки по Zen Cart из помощи по шаблонам
• Siteground Zen Cart туториалы