Документация Magento

1. Создание базы данных

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

При создании базы данных вы получите такие данные: название базы данных, имя пользователя, пароль и адрес сервера баз данных. Сохраните эти данные, так как они понадобятся вам при установке Magento.

При помощи phpMyAdmin возможно создать новую базу данных в 3 простых шага: (см. следующие слайды)

1. Щелкните кнопку Database (база данных ) в верхнем меню навигации, чтобы перейти в список баз данных
2. Введите название базы данных в поле "Create new database (Создать новую базу данных)"
3. Нажмите справа на кнопку Create (Создать)

База данных появилась в списке. Кликните по ее названию, чтобы получить доступ к ней:

Вы также можете воспользоваться детальным видео туториалом Как создать базу данных

2. Импортирование демонстрационных данных

Архив шаблона Magento содержит файл с демонстрационными данными (dump.sql или dump.gz). Этот файл находится в папке /sources/sample_data вашего шаблона. Он позволяет вам установить демонстрационные данные, чтобы ваш сайт после установки шаблона выглядел так же, как на демо версии шаблона.

Для установки файла с дампом выполните следующие действия:

1. В панеле управления базами данных (PhpMyAdmin) выберите ту базу данных, которую планируете использовать для установки Magento Commerce (Вы создали её выполнив действия предыдущего пункта инструкции).
2. Перейдите на вкладку "Import" и нажмите кнопку "Browse".
3. Перейдите в папку "/sources/sample_data" вашего шаблона и выберите файл dump.sql.gz.
4. Нажмите кнопку "GO". Процесс импортирования может занять несколько минут.

3. Загрузка движка с официального сайта

Для установки Magento вам нужно загрузить архив с официального сайта www.magentocommerce.com/download.

Из выпадающего меню выберите тип архива и нажмите кнопку Download. Для скачивания вам придётся зарегистрироваться на сайте Magento.

4. Извлечение файлов

После окончания загрузки вам потребуется распаковать файлы только что скачанного архива Magento.

Вы можете сделать это с помощью менеджера архивов, к примеру: WinZip(PC), StuffitExpander(MAC) и т.д.

Посмотрите инструкции по извлечению архивов с помощью WinZip(PC) и StuffitExpander(MAC).

5. Загрузка файлов Magento

В случае, если вы распаковали архив локально (на своем компьютере), вам потребуется загрузить файлы на хостинг.

Вы можете использовать файловый менеджер панели управления вашим хостингом или воспользоваться одним из FTP приложений, например: FileZilla, TotalCommander, CureFTP и т.д.

Посмотрите подробную видео инструкцию Как загрузить файлы на сервер с помощью FTP мэнеджера и Как загрузить файлы с помощью cPanel (WebHost менеджер, WHM).

6. Копирование файлов темы

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

1. Для начала откройте архив с шаблоном и перейдите в папку theme###.
2. Загрузите содержимое папки theme### в папку установки Magento (загрузите папки "app", "skin" и другие). Эти папки содержат файлы темы. Они никак не скажутся на ваших файлах, созданных ранее.
3. Если вы импортировали файл dump.sql.gz и собираетесь использовать демонстрационные данные, то вам нужно будет загрузить изображения товаров. Загрузите папку "media" из папки sources/sample_data в папку установки Magento.
4. Если вы не импортировали файл dump.sql.gz, то вам не нужно загружать папку "media".

7. Установка Magento

После окончания загрузки файлов можно приступать к установке Magento. Откройте ваш браузер и в адресной строке браузера напишите'доменное имя/путь к вашей папке Magento'. Вы должны увидеть экран приветствия. Следуйте инструкциям ниже для установки Magento.

Шаг 1: Installation Assistant

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

Шаг 2: Installation Assistant (Локализация)

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

Шаг 3: Настройка

Здесь вам необходимо указать данные для доступа к базе данных и некоторые базовые настройки. Database Connection – укажите адрес сервера, название базы, имя пользователя и пароль. Свяжитесь с вашим хостером, если у вас нет необходимых данных.

Убедитесь, что вы создали базу данных для установки Magento. Также убедитесь, что она пустая и в ней нет никаких таблиц. Web access options и Session Storage Options – оставьте эти разделы без изменений, если не уверены в том, что делаете. Настройки по умолчанию подходят в большинстве случаев.

Если все правильно, нажмите кнопку 'Continue'.

Шаг 4: Create Admin Account

Здесь вам нужно указать личные данные владельца магазина или администратора.

Когда данные будут введены, нажмите кнопку 'Continue'.

Шаг 5: You are All Set

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

В первую очередь убедитесь, что установленная версия Magento совместима с выбранным вами шаблоном. Если вы используете устаревшую версию Magento, то обновите ее. Не забудьте создать резервную копию файлов магазина и базы данных. Инструкции по обновлению Magento доступны на сайте Magento Wiki.

Если движок Magento соответствует требованиям шаблона, то можно приступать к установке.

1. Откройте архив шаблона и перейдите в папку theme###.
2. Загрузите папку theme### в корень установки Magento (загрузите "app", "skin" и остальные папки). Эти папки содержат файлы шаблона. Они не повлияют на уже существующие файлы.

1. Настройка шаблона

Мы рассмотрим настройку шаблона на конкретном примере. Настроим его таким образом, чтобы он повторил вид темы на странице предпросмотра (Live Demo) не затрагивая базу ваших товаров.

Активируйте новую тему

1. Откройте панель управления Magento и выберите в верхнем меню System > Design.
2. Нажмите кнопку "Add Design Change".
3. В поле "Custom Design" выберите название шаблона (к примеру, theme###).
4. Нажмите кнопку "Save" для сохранения внесенных изменений.

Переиндексация данных

1. Откройте панель управления Magento и выберите в верхнем меню System > Index Management.
2. Выберите поле "Select All" в верхнем левом углу.
3. Справа в поле "Actions" выберите "Reindex Data".
4. Нажмите кнопку "Submit".
5. Сохраняйте терпение. Эта операция может потребовать некоторое время.

Отключение кеширования

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

1. Откройте панель управления Magento и выберите в верхнем меню System > Cache Management.
2. Выберите поле "Select All" в верхнем левом углу.
3. Справа в поле "Actions" выберите "Disable".
4. Нажмите кнопку "Submit".

2. Настройка логотипа.

Следуйте этой инструкции для установки логотипа, предоставляемого в комплекте с темой (его видно на странице Live Demo).

1. Откройте панель управления Magento и выберите в верхнем меню System > Configuration.
2. Перейдите на вкладку "Design".
3. В разделе "Header" отредактируйте значение поля "Logo Image Src". Измените его с "gif" на "png".
4. Нажмите кнопку "Save Config".

Для установки логотипа вашей компании следует скопировать файл логотипа в папку /images приобретённой вами темы Magento.

3. Настройка страниц

Для полного соответствия приобретённй вами темы тому, что вы видели у нас на Live Demo шаблона необходимо соответствующим образом настроить страницы магазина. Мы предоставляем все исходные файлы с кодом страниц. Их нужно внести в Админ панель магазина по инструкции ниже используя таблицу настроек. Таблица настроек находится на странице Technical details на Live Demo приобретённого вами шаблона. Ссылка на неё есть в файле документации, который вы получили вместе с шаблоном:

• Documentation
  • documentation.html

Больше всего изменения затронут главную страницу шаблона, которая может содержать следующие элементы: баннеры, слайдер, галерею и т.д.

Мы рекомендуем отключить WYSIWYG редактор. Для того, чтобы сделать это, в верхнем меню панели управления, выберите System > Configuration. Откройте раздел "Content Management" и в окне WYSIWYG Options переключите "Enable WYSIWYG Editor" на "Disabled Completely".

1. В верхнем меню выберите CMS > Pages. Тут находятся все страницы магазина. Home page, About Us и Customer Service уже должны быть доступны, так что вам не потребуется их добавлять. Вам нужно только обновить HTML и XML содержимое страниц. Откройте любую из них для того, чтобы получить доступ к содержимому.
2. Откройте страницу и выберите вкладку Content. Она содержит HTML код страницы. Вы можете взять необходимый код из соответствующего исходного файла. Список исходных файлов вы можете найти в таблице на странице "Template Settings" Live Demo вашего шаблона. Скопируйте код из исходного файла и вставьте его в раздел content.
3. Когда закончите с кодом, перейдите на вкладку "Design". Она содержит XML код страницы. XML код позволяет вам встроить статические блоки Magento и виджеты на страницу. XML код должен быть скопирован так же, как и HTML из исходного файла. Вставьте новый код в раздел "Layout Update XML".
4. Не забудьте выбрать необходимую настройку "Layout".
5. В случае, если вам нужна новая страница, нажмите кнопку "Add New Page" в правом верхнем углу.

При любых сложностях обратитесь к подробной инструкции Как установить страницы демо-контента вручную.

4. Настройка статических блоков

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

1. В верхнем меню выберите CMS > Static Blocks
2. Нажмите кнопку "Add New block" в правом верхнем углу для добавления нового блока.
3. Укажите имя блока и идентификатор. Вы можете найти необходимые данные в таблице настроек шаблона (см. пункт настройки страниц).
4. Откройте исходные файлы блоков и скопируйте оттуда HTML код в раздел content.

После окончания настроек страниц и статических блоков ваш магазин готов к работе.

1. Модуль валют

1. Откройте панель управления Magento.
2. В верхнем меню выберите System > Configuration.
3. Перейдите на вкладку General и выберите Currency Setup.
4. В Currency Options, нажав кнопку CTRL, выберите валюты, которые должны быть доступны в вашем магазине. Когда выберете все необходимые, нажмите кнопку Save Config для сохранения изменений.
5. Перейдите в System > Manage Currency Rates в верхнем меню.
6. Установите необходимый курс валют или настройте импорт. Нажмите кнопку Save Currency Rates для сохранения изменений.

2. Модуль Polls

В верхнем меню выберите CMS > Polls.

1. Google Map

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

Обе карты можно настроить в админ панели Magento: System > Configuration > Templatemonster > Google Map секция.

Рассмотрим опции модуля:

2. Facebook like box

Данный модуль позволяет выводить Facebook like box в вашем Magento магазине.

Настроить его мы можете в админ панели Magento, в секции System > Configuration > Templatemonster > Facebook.

Рассмотрим опции модуля:

По умолчанию, блок плагина выводится в левой колонке. Но существует три варианта вывода: слева, справа и в футере.
Для изменения позиции вывода блока необходимо открыть файл tm_facebook.xml, который находится в папке app/design/frontend/default/themeXXX/layout вашей установки.

<reference name="left">
	<block type="core/template" name="tm_facebook_like_left" as="tm_facebook_like_left" template="tm/facebook/facebook_like.phtml"/>
</reference>
<!-- <reference name="right">
	<block type="core/template" name="tm_facebook_like_right" as="tm_facebook_like_right" template="tm/facebook/facebook_like.phtml"/>
</reference> -->
<!-- <reference name="footer">
	<block type="core/template" name="tm_facebook_like_footer" as="tm_facebook_like_footer" template="tm/facebook/facebook_like.phtml"/>
</reference> -->

В этом файле закомментировано два блока. И лишь один блок с name="left" не закомментирован. Он и отвечает за вывод плагина в левой колонке.
Если же вам необходимо вывести плагин, к примеру, в футере, вам необходимо:

• 1. Удалить комментирование блока с name="footer" (последний в примере кода выше) и закомментировать блок с name="left" (первый в примере кода выше).
• 2. Открыть файл footer.phtml, который находится в папке app/design/frontend/default/themeXXX/template/page/html.
• 3. Вставить в нужное вам место следующий код:

  <?php echo $this->getChildHtml('tm_facebook_like_footer') ?>

Теперь Facebook блок будет отображаться в футере.

3. Instagram module

Instagram модуль позволяет отобразить Instagram галерею в вашем магазине.
Данный модуль позволяет отображать два типа галереи: галерея пользователя и галерея по тегу.

Все опции управления доступны в админ панели, в секции System > Configuration > Templatemonster > Instagram.

Рассмотрим опции модуля:

4. Twitter module

Twitter модуль позволяет отобразить ленту твитов в вашем магазине.

Все опции управления доступны в админ панели, в секции System > Configuration > Templatemonster > Twitter.

Рассмотрим опции модуля:

По умолчанию, блок плагина выводится в левой колонке. Но существует три варианта вывода: слева, справа и в футере.
Для изменения позиции вывода блока необходимо открыть файл tm_twitter.xml, который находится в папке /app/design/frontend/default/themeXXX/layout вашей установки.

<reference name="left">
	<block type="core/template" name="tm_twitter_timeline" as="tm_twitter_timeline" template="tm/twitter/twitter_timeline.phtml"/>
</reference>
<!-- <reference name="footer">
	<block type="core/template" name="tm_twitter_timeline" as="tm_twitter_timeline" template="tm/twitter/twitter_timeline.phtml"/>
</reference>
<reference name="right">
	<block type="core/template" name="tm_twitter_timeline" as="tm_twitter_timeline" template="tm/twitter/twitter_timeline.phtml"/>
</reference> -->

В этом файле закомментировано два блока. И лишь один блок с name="left" не закомментирован. Он и отвечает за вывод плагина в левой колонке.
Если же вам необходимо вывести плагин, к примеру, в футере, вам необходимо:

• 1. Удалить комментирование блока с name="footer" (последний в примере кода выше) и закомментировать блок с name="left" (первый в примере кода выше).
• 2. Открыть файл footer.phtml, который находится в папке app/design/frontend/default/themeXXX/template/page/html.
• 3. Вставить, в нужное вам место, следующий код:

  <?php echo $this->getChildHtml('tm_twitter_timeline') ?>

Теперь Twitter блок будет отображаться в футере.

5. Newsletter popup

Данный модуль позволяет выводить всплывающий блок с формой подписки на email-рассылку.

Включить/отключить данный модуль можно в админ панели Magento, в секции System > Configuration > Templatemonster > NewsletterPopup.

Для редактирования внешнего вида окна, необходимо использовать файл style.css вашей темы. Если вам нужно добавить несколько пользовательских элементов во всплывающий блок, вам необходимо редактировать файл newsletterpopup.phtml, который находится в папке app/design/frontend/default/themeXXX/template/tm/newsletterpopup.

6. Special price countdown

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

Включить/отключить данный модуль можно в админ панели Magento, в секции System > Configuration > Templatemonster > Special Price Countdown.

Для редактирования внешнего вида таймера, необходимо использовать файл flipclock.css (flipclock.less), который находится в папке skin/frontend/default/themeXXX/css/tm/specialpricecountdown.

7. Product list gallery

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

Включить/отключить данный модуль можно в админ панели Magento, в секции System > Configuration > Templatemonster > Product List Gallery.

Модуль содержит 4 секции:List View, Grid View, Homepage List View, Homepage Grid View.

В секциях Homepage List View и Homepage Grid View настраивается вывод галереи на главной странице магазина. Другие две секции настраивают вывод галереи на страницах категории.

Все секции содержат одинаковые настройки:

Обратите внимание! Максимальная ширина картинки будет равна ширине колонки в которой она находится.

1. Olark Live Chat

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

Всё сделано! Теперь вы можете перейти на ваш сайт и увидеть виджет онлайн чата.

Вы также можете ознакомиться со следующими инструкциями:

• Начиная работать с Olark
• Руководство Olark

2. Cloud Zoom

Настройки Cloud Image Zoom дают возможность изменить размеры всплывающей картинки и задать оригинальный размер картинки.

3. Add This

Настройки Sharing Tool дают возможность выбрать вид вывода иконок, рекомендуемый показан на скрине.

4. Блог

5. Мега меню

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

MegaMenu включено в шаблонах по умолчанию, но включить или выключить его можно в меню System > Configuration > CMSMART MEGAMENU > Mega Menu.

1. Настроить отображение каждого выпадающего меню можно на странице настройки категории, которую вы можете найти в Catalog > Manage Categories.

2. Чтобы добавить статик блок в выпадающее меню, вам необходимо добавить статик блок в CMS > Static Blocks и только после этого добавить его в меню.

3. В модуле есть возможность добавить бэйдж для любой категории.

Сделать это вы можете в меню категорий Catalog > Manage Categories.

4. Чтобы изменить количество колонок в подкатегориях вам необходимо изменить значение (которое соответствует количеству колонок) Level column Count в меню Catalog > Manage Categories.

6. Параллакс

Чтобы добавить параллакс-эффект на определённый блок контента, необходимо:

1. Добавить любой класс для блока с параллакс эффектом (к примеру, parallax) и добавить атрибут data-source-url="{{skin url='images/your_images.jpg'}}".

2. Добавить изображение в папку с изображениями skin\frontend\default\themeXXX\images\.

3. Добавить стили в файл skin\frontend\default\themeXXX\css\style.css:

.parallax {
	background-image: url(../images/parallax-img.jpg);
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-size: cover;
	width: 3500px;
	left: 50%;
	margin-left: -1750px;
	}

4. Добавить в файл skin\frontend\default\themeXXX\js\scripts.js следующий код:

jQuery(window).load(function(){
	var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEmobile|Windows Phone|WPDesktop/i.test(navigator.userAgent);
	if(!isMobile) {  
	    if(jQuery(".parallax").length){  jQuery(".parallax").cherryFixedParallax({  invert: true, 
	    		offset: 300 
	    }); 
	  }; 		
	};	
});

Значение invert: true выбирает направление параллакс эффекта, а offset: 300 его интенсивность.

7. Фоновое видео

Видео можно добавить с помощью статического блока, подключив файл скрипта jquery.mb.YTPlayer.js и добавив соответствующий набор атрибутов для элемента, в котором это видео будет отображаться.

8. Политика в отношении куки

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

Например, с помощью куки интернет магазины "запоминают", какие продукты вы добавили в корзину. Куки также позволяют пользователям оставаться "в системе" на сайте, а владельцам сайтов получать важную информацию и статистику о посетителях.

Если вы имеете вебсайт, он скорее всего использует куки. Их самое распространенное применение - отслеживать количество и поведение посетителей, используя такие инструменты как Google Analytics. Куки могут использовать для отображения актуальных для посетителя объявлений. Они также позволяют функционировать основным инструментам интернет магазинов.

26 мая 2012 организация ICO выпустила изменение к правовым нормам о куки. С того момента было разрешено "подразумеваемое согласие", то есть вы должны четко показать, где на сайте находится ваша политика конфиденциальности и куки.

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

• Создайте баннер в соответствие с куки законом
• Закон ЕС о куки - подразумеваемое согласие