Меню

Как настроить шаблон opencart

Установка шаблона (темы) в opencart 2.3 и 3.0!

В данной статье речь пойдет о том, как установить шаблон на CMS OpenCart 2.3 и 3.0

Процесс добавления нового шаблона в данной системе состоит из трех этапов:

  1. Выбор шаблона
  2. Установка шаблона в корневую папку OpenCart
  3. Настройка шаблона

Установка шаблона в версиях OpenCart 2.3 и 3.0 выполняется одинаково.

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

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

Выбор шаблона

Как и у всех остальных CMS для OpenCart можно найти платные и бесплатные шаблоны.

Бесплатные шаблоны

Если выбирать из бесплатных шаблонов, то для OpenCart их выбор достаточно скудный, внешний вид (дизайн) достаточно примитивный.

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

Платные шаблоны

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

Самые лучшие платные шаблоны для OpenCart 2.3 и 3.0, с которыми мне приходилось сталкиваться, можно приобрести у разработчика OCTeamplates. Все шаблоны, документация и поддержка на русском языке.

Вы так же можете посмотреть список платных шаблонов в каталоге шаблонов на форуме OpenCart или в магазине.

Если на этих сайтах не нашлось нужного для вас шаблона, то попробуйте воспользоваться поиском в интернете.

Чтобы более наглядно продемонстрировать установку шаблона OpenCart, будем считать, что выбор был остановлен на премиум шаблоне UltraStore от компании OCTeamplates.

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

5 премиум шаблонов с поддержкой на русском языке

UltraStore — адаптивный шаблон для OpenCart 3.0. Хорошо подходит под абсолютно разные тематики.

Поддерживаемые версии OpenCart\OCStore: 3.0

3499 руб.

FeelMart — адаптивный универсальный шаблон для Opencart 3.0. Хорошо подходит под любые тематики.

Поддерживаемые версии OpenCart\OCStore: 3.0

3499 руб.

TechStore — адаптивный универсальный шаблон отлично подходящий для продажи техники.

Поддерживаемые версии OpenCart\OCStore: 2.3

3499 руб.

Shop-store 2 — адаптивный универсальный шаблон, который подходит для продажи любого ассортимента.

Поддерживаемые версии OpenCart\OCStore: 2.3

2999 руб.

Luxury — адаптивный универсальны, который подходит для продажи любого ассортимента.

Поддерживаемые версии OpenCart\OCStore: 2.3

2999 руб.

Установка шаблона

Когда вы определились с выбором шаблона, для последующей его установки, вам потребуется:

  1. Установленная CMS OpenCart/OCStore
  2. FTP клиент FileZilla
  3. Файлы шаблона

Пункт 1 мы не будем разбирать в рамках данного поста, так как он подробно расписан в этой статье.

Далее разберем установку и настройку FTP клиента и копирование файлов шаблона в вашу систему.

Установка и настройка FTP клиента

Первым делом вам нужно скачать и установить FTP клиент Filezilla.

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

Обычно эти данные предоставляются вашим хостинг провайдером.

Запустите программу и откройте Файл->Менеджер сайтов

Нажмите на кнопку «Новый сайт», укажите название нового сайта(не обязательно), введите данные для подключения по FTP полученные от хостинг провайдера и нажмите на кнопку «Соединиться».

Если вы ввели все верно, но подключение не работает, то попробуйте изменить метод шифрования на «Использовать обычный FTP (небезопастно)»

Копирование файлов шаблона

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

Так как ранее в качестве образца я выбрал шаблон UltraStore, то именно на его примере мы и выполним копирование.

Как видно из анимации выше, я просто скопировал с перезаписью файлы шаблона для версии opencart 3 в корень сайта, через FTP клиент.

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

Читайте также:  Как правильно настроить вася диагност

Выбор шаблона в админ панели сайта

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

Переходим сюда Выбираем шаблон

При первом входе на сайт после выбора шаблона вы увидите сообщение «TEMPLATE HAS BEEN INSTALLED ON YOUR SYSTEM!», которое сообщает нам об успешной установке шаблона, как только вы его увидите можно смело удалять папку themeinstall из корня вашего сайта.

При повторном входе на сайт перед нами откроется сайт в новом дизайне.

Разницу между стандартным шаблоном и fastor мы можем наблюдать на скринах представленных ниже.

default fastor

Основная часть установки шаблона на этом в принципе заканчивается, остается выполнить настройку шаблона.

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

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

Что касается настройки шаблона fastor, то на youtube есть серия видеороликов по его установке и детальной настройке, правда на английском языке, но это не сильно мешает понимать куда нужно нажать.

Заключение

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

Статьи о детальной настройке шаблонов размещать на блоге я пока не планирую, а вот о настройке cms opencart на блоге есть целая рубрика, в которой есть полезная информация о данной системе.

Читайте мой блог, подписывайтесь на обновления.

Источник



Как изменить, настроить шаблон OpenCart

В этой статье описаны пути к файлам, которые нужно изменять для редактирования шаблона сайта OpenCart

В этой статье описаны пути к файлам, которые нужно изменять для редактирования шаблона сайта OpenCart

Логотип и favicon(иконка)

Изменение логотипа и фавикона не требует от Вас специальных знаний, так как доступно редактирование с админки.

1. Dойдите в панель администратора Opencart.

2. Перейдите Система -> Настройки -> Изменить -> Вкладка «Изображения»

3. В появившейся вкладке жмем кнопку «Очистить» -> затем «Обзор» для загрузки нужного логотипа/фавикона соответственно.

В этой же вкладке можно задать желаемый размер для картинки товара на разных страницах интернет-магазина.

Шрифт и Цветовая гамма & Фон

Для удачного изменения шрифта или цвета отдельных элементов шаблона вы должны быть знакомы с азами html/css.

1. Подключитесь к FTP для редактирования файлов

2. Войдите в корневую папку вашего сайта с файлами Opencart (обычно www или public_html)

3. Перейдите catalog -> view -> theme-> ваша_тема(стандартная default)-> stylesheet -> stylesheet.css

4. Откройте css-файл stylesheet.css для редактирования

5. Задайте требуемый шрифт/цвет элементу шаблона

6. Сохраните изменения и обновите главную страничку сайта в браузере

Фон — Изменить цвет фона можно посредством редактирования значения «background-color» тэга «body».

Шапка (Верхняя часть сайта) & Подвал

1. Подключаемся к FTP используя фтп-менеджер для редактирования файлов

2. Перейдите в корневую папку интернет-магазина с файлами Opencart (обычно это www или public_html)

3. Перейдите catalog -> view -> theme-> ваша_тема(стандартная default)-> template -> common -> header.tpl

4. Откройте header.tpl для редактирования

5. Редактируем код под свои нужды используя html

6. Не забываем о сохранении изменений

Редактируем Подвал (Нижняя часть) — перейдите catalog -> view -> theme-> ваша_тема -> template -> common -> footer.tpl

Редактируем и сохраняем изменения.

Изменение внешнего вида модуля

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

1.Перейдите в папку catalog -> view -> theme-> ваша_тема -> template -> module

2. Выбираем нужный нам модуль и жмем на редактировать

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

Читайте также:  Как настроить apple tv как телевизор

Источник

CMS Рейтинг

Рейтинги и обзоры CMS

Как установить шаблон на OpenCart: пошаговая инструкция и правила выбора тем

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

Как выбрать шаблон для OpenCart

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

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

Безопасность шаблонов — важный аспект выбора

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

Чтобы избежать подобных проблем, придерживайтесь полезных рекомендаций:

  • скачивайте шаблоны с включенным антивирусом;
  • обращайте внимание на такие факторы, как размер и расширение файла. Не следует скачивать файлы с очень маленькими размерами или нетипичным расширением. Традиционные для шаблонов форматы — RAR и ZIP. Другие расширения — потенциально опасные;
  • проверяйте скачанные файлы при помощи онлайн-сканеров — эффективных инструментов для удаления вредоносных программ.

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

Проверенные ресурсы, которым можно доверять

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

  • Opencart.com — официальная интернет-площадка OpenCart с очень высоким уровнем модерации. Все компании, поставляющие на сайт некачественные шаблоны, штрафуются. А также сайт гарантирует пользователям возврат денежных средств, если в скачанном шаблоне все же обнаружены какие-то недочеты;
  • Opencart ru — русскоязычный официальный сайт OpenCart, где собрано более тысячи безопасных и качественных шаблонов для интернет-магазинов;
  • Opencartforum.com — русскоязычный ресурс, на котором все некачественные шаблоны после тщательной проверки отсеиваются и не доходят до пользователей. Компаниям, изготовившим низкопробные продукты, после проверки даются полезные рекомендации;
  • TemplateMonster — сайт, известный всем опытным веб-мастерам. Ресурс предоставляет огромный выбор шаблонов для OpenCart, а также возможность заказать тему, разработанную по индивидуальному проекту. К достоинствам сайта относятся оперативная техническая поддержка и гарантии безопасности от лучших разработчиков шаблонов;
  • ThemeForest — надежный сайт для приобретения премиум-тем OpenCart. Немного проигрывает предыдущему ресурсу в плане качества сервиса, однако цены здесь значительно доступнее и приятнее.

Другие критерии для грамотного выбора шаблонов

При выборе шаблонов для OpenCart также важно учитывать следующие моменты:

  • совпадение версии OpenCart с версией шаблона. Если это правило не соблюдать, то все достоинства темы сразу обесцениваются, какой бы она не была идеальной;
  • наличие у темы демо-версии, позволяющей наглядно оценить все плюсы и минусы шаблона. Премиум-темы всегда должны иметь демо-версию. Отсутствие демо-версии у бесплатной темы не так критично. Однако в таком случае к шаблону должно прилагаться хотя бы несколько скриншотов;
  • адаптивность шаблона. Очень важно, чтобы ваш интернет-магазин выглядел привлекательно на любом устройстве, ведь многие пользователи заходят в интернет с мобильных телефонов и других гаджетов. При наличии у темы демо-версии, попробуйте запустить ее с мобильного телефона и оценить качество шаблона;
  • форму основных компонентов управления и общую схему витрины интернет-магазина;
  • функционал шаблона: он должен быть достаточным, а не избыточным. Чем больше функций имеет шаблон, тем тяжелее с ним работать. Новичкам следует выбирать темы с минимальным арсеналом настроек. Шаблоны с различными слайдерами и другими спецэффектами — неплохое решение для крупных интернет-магазинов. Если ваш магазин маленький, а ассортимент товаров небольшой, то сложный дизайн сайта будет выглядеть нелепо. Лучше отдать предпочтение простым шаблонам без ненужной дизайнерской “начинки”;
  • наличие у шаблона технической поддержки, которая поможет вам решать проблемы любой сложности. Как правило, бесплатная техподдержка прилагается к любой коммерческой теме, а у бесплатных шаблонов она отсутствует;
  • SEO-оптимизацию шаблона, что важно для привлечения на ваш сайт потенциальных клиентов;
  • отзывы других пользователей о шаблоне, ведь всегда проще учиться на чужих ошибках, чем на своих. Если вы встретите информацию о проблемах, связанных с установкой и работой шаблона, то лучше прислушаться к чужому мнению и поискать другой вариант.
Читайте также:  Как настроить звук в навигаторе навител

Пошаговая инструкция установки шаблонов

Установка шаблонов на OpenCart состоит из нескольких этапов. Рассмотрим подробно каждый из них.

Шаг 1 — скачиваем тему

Рассмотрим первый этап на примере скачивания шаблона с сайта Opencart.com:

1. Зарегистрируйтесь на сайте.

2. Перейдите на главную веб-страницу. В ее шапке выберите позицию “MARKETPLACE”.

3. В левом секторе страницы откроется меню. Щелкните по клавише “Themes”. В центре страницы выберите одну из трех позиции: “All” (все), “COMMERCIAL” (коммерческий), “FREE” (бесплатный). В правом верхнем секторе веб-страницы находится фильтр, который поможет вам сузить поиск нужного шаблона. Вы можете найти тему в зависимости от рейтинга, стоимости и других показателей.

4. После просмотра и выбора понравившейся темы нажмите клавишу “DOWNLOAD” (загружать).

Шаг 2 — создаем резервную копию сайта

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

Схема создания резервной копии:

  1. На контрольной панели выберите позицию “System”.
  2. Кликните по клавише “Maintenance” и выберите позицию “BackUp/Restore”.
  3. Обозначьте галочками все файлы и щелкните по клавише “Export”.

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

Шаг 3 — устанавливаем шаблон на OpenCart

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

Рассмотрим процесс установки шаблона на примере “посадки” на OpenCart востребованной и популярной темы Materialize Template:

1. Зайдите в административную панель. В контрольном меню слева кликните по позиции “Extensions”. Выберите “Installer”. Кликните по “Upload” и загрузите установочный файл.

2. Выберите позицию “Modifications” и нажмите голубую клавишу в правом верхнем секторе веб-страницы. Эта кнопка служит для обновления кэша модификаторов. Кэш следует “чистить” после любой манипуляции с модификаторами: включения, выключения, удаления.

3. В левом контрольном меню выберите позицию “Extensions”, а после — подраздел с таким же названием. В появившейся строке выберите позицию “Themes”. Возле названия шаблона “Materialize Template” щелкните по зеленой клавише для установки темы.

4. Нажмите на синюю клавишу возле названия шаблона для того, чтобы открыть страницу редактирования. Выберите статус “Enabled” и нажмите позицию “Save”.

5. Зайдите во вкладку “System”, выберите позицию “Settings”. Нажмите клавишу редактирования сайта и в разделе “Theme” и смените стандартный шаблон на новый. Нажмите клавишу “Save” для сохранения изменений.

6. Зайдите на сайт и оцените полученный результат.

Заключение

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

Куда сложнее выбрать качественный шаблон. Оптимальная тема для OpenCart — совокупность безопасности, привлекательного дизайна и легкого интерфейса. Если вы не обладаете глубокими техническими навыками и знаниями, то отдавайте предпочтение простым шаблонам без сложного функционала и лишних настроек.

Источник

Adblock
detector