Magento Ketty v2.0 theme

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

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

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

1. Откройте панель управления Magento и выберите в верхнем меню System > Design.

   

2. Нажмите кнопку "Add Design Change".

   

3. В поле "Custom Design" выберите название шаблона (к примеру, theme###). Нажмите кнопку "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".

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

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

1. Откройте панель управления Magento и выберите в верхнем меню System > Configuration.

   

2. Перейдите на вкладку "Design".

   

3. В разделе "Header" отредактируйте значение поля "Logo Image Src". Измените его с "gif" на "png".
4. Нажмите кнопку "Save Config".

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

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

Для полного соответствия приобретённй вами темы тому, что вы видели у нас на 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" в правом верхнем углу.

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

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

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

1. В верхнем меню выберите CMS > Static Blocks.
2. Нажмите кнопку "Add New block" в правом верхнем углу для добавления нового блока.

   

3. Укажите имя блока и идентификатор. Вы можете найти необходимые данные в таблице настроек шаблона (см. пункт настройки страниц).
4. Откройте исходные файлы блоков и скопируйте оттуда HTML код в раздел content.

Внимание: Некоторые шаблоны не содержат статических блоков, так что таблица может быть пустой.

Исходные файлы для статических блоков находятся в папке "sources\demo\static_blocks\" архива шаблона.

Как вывести наши статик блоки?

1. В верхнем меню выберите CMS > Widgets
2. Нажмите кнопку "Add New Widget Instance" в правом верхнем углу для добавления виджета.

   

3. Укажите тип виджета CMS Static Block, тему к которой необходимо применить виджет и нажмите continue.

   

4. В новом окне, в поле Widget Instance Title впишите название виджета, которое будет отображаться в админ панели. В поле Assign to Store Views вы выбираете представления магазина, для которых будет отображаться ваш виджет. В блоке Layout Updates нажмите на кнопку Add Layout Update. В поле Display On вы можете выбрать представление для вывода виджета. В зависимости от выбранного представления у вас появятся дополнительные поля, которые вам необходимо заполнить.

   

5. В левом сайдбаре выберите закладку Widget Options и выбирайте тот статик блок, который вам нужен. Не забудьте сохранить ваши изменения.

   

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