Установка шаблонів OpenCart з templatemonster.com

Вступ Що знаходиться в шаблоні і для чого його можна використовувати

В даний час займаюся доробкою одного інтернет магазину на движку OpenCart. Хоча … слово “доопрацювання” тут уже недоречно використовувати, так як даний інтернет-магазин вже майже повністю переписаний, проте мова сьогодні піде про більш простому шляху.

Напевно багато хто чув про такий ресурс як templatemonster.com. Там є купа готових шаблонів під різні движки, в тому числі і під OpenCart. При розробці власного шаблону я і взяв за основу один з демонстраційних шаблонів з цього ресурсу, а в блог вирішив закинути їх інструкцію з встановлення цих самих шаблонів. Так що не вважайте за плагіат, чесно вказав звідки вона взята, щоб вам не шукати.

Отже, дана документація складається з декількох частин і охоплює весь процес установки і настройки веб-сайту OpenCart c нуля. Керівництво досить зрозуміле і зручне у використанні.

Що являє собою OpenCart?

OpenCart – це безкоштовна платформа електронної комерції з відкритим вихідним кодом для Інтернет-підприємців. OpenCart дозволяє створити професійну і надійну основу для побудови успішного онлайн магазину. Спільнота Opencart включає безліч користувачів, починаючи з досвідчених веб-розробників, які шукають зручний інтерфейс, і закінчуючи власниками магазинів, вперше запускають онлайн-бізнес. OpenCart надає величезну кількість функцій, що дозволяють повністю контролювати магазин. З інструментами OpenCart ви легко розкриєте потенціал магазину.

структура файлів

Шаблон складається з наступних компонентів:

  • documentation – містить детальний посібник з встановлення шаблону і движка;
    • index_ru.html – Основний файл документації. Ви його зараз читаєте 🙂
  • screenshots – містить скріншоти теми;
  • sources – вихідний файл шаблону для Adobe Photoshop (.psd);
  • themeXXX – включає:
    • themeXXX (full) .zip – архів з движком OpenCart, шаблоном і демо-даними теми (призначений для установки з нуля);
    • themeXXX (update) .zip – архів з шаблоном без демо-даних (для установки поверх існуючого магазину);
    • unzip.php – файл, який використовується для розархівації .zip після завантаження на хостинг сервер;
  • info.txt – надає інформацію про архіви;
  • fonts_info.txt – містить інформацію про шрифти, які використовуються в шаблоні;

підготовка Що потрібно зробити перед початком роботи

Перш, ніж перейти до установки веб-сайту OpenCart, потрібно повністю підготуватися.

Програмне забезпечення

Для повноцінної роботи з шаблоном Opencart ми рекомендуємо завантажити всі необхідні додатки. Список необхідного програмного забезпечення знаходиться на сторінці предпросмотра шаблону. Вимоги для різних шаблонів можуть змінюватися, тому ми перерахуємо лише основні:

  1. Вам може знадобитися програма Adobe Photoshop. Вона використовується для редагування вихідних файлів .PSD і необхідна, якщо потрібно змінити графічний дизайн і зображення шаблону.
  2. Для редагування вихідного коду файлів шаблону потрібно використовувати редактор коду, наприклад Adobe Dreamweaver, Notepad ++, Sublime Text і т.п.
  3. Щоб завантажити файли на хостинг сервер, потрібно FTP менеджер, наприклад Total Commander, FileZilla, CuteFTP і т.д.

Хостинг

Оскільки OpenCart базується на додатках PHP / MySQL, необхідно підготувати хостинг сервер.

При наявності активного сервера, потрібно перевірити його на відповідність вимогам до системи і на здатність обслуговувати веб-сайти OpenCart.

Також можна встановити OpenCart на персональному комп’ютері за допомогою локального сервера. Для створення локального хостинг сервера необхідно використовувати програмне забезпечення WAMP, AppServ, MAMP і т.п. Будь-яке з них встановлюється як звичайна програма і підтримує OpenCart.

Ви можете скористатися наступними туторіали для настройки локального сервера:

початок використання Куди натискати, щоб приступити до роботи

Даний тип установки використовується, якщо у вас немає готового сайту OpenCart. Архів ‘themeXXX (full) .zip’ включає файли движка OpenCart і теми з демо-даними, тому вам не потрібно окремо завантажувати движок OpenCart. Демо-дані дозволять вашому сайту виглядати так само, як і шаблон на сторінці попереднього перегляду, з усіма зразками товарів, модулів і настройками сайту.

Дотримуйтесь даного типу установки, якщо у вас вже є діючий сайт OpenCart і потрібно всього лише змінити його зовнішній вигляд, шляхом установки нової теми.

повна установка

Повна установка використовується в тому випадку, якщо потрібно встановити веб-сайт OpenCart c нуля. Передбачається попереднє виконання всіх і наявність необхідних програм.

Створення бази даних

Коли всі файли будуть завантажені на хостинг сервер, необхідно підготувати нову базу даних для веб-сайту OpenCart. Її можна створити через інструмент управління базами даних в контрольній панелі хостингу. (зазвичай PhpMyAdmin).

За допомогою phpMyAdmin можна створити нову базу даних за 3 простих кроки: (див. Наступні слайди):

  1. Натисніть кнопку Databases (бази даних) у верхньому меню навігації, щоб перейти до списку баз даних.
  2. Введіть назву бази даних в поле “Create new database (Створити нову базу даних)”
  3. Натисніть праворуч на кнопку Create (Створити).

База даних з’явилася в списку. Клацніть по її назві, щоб отримати доступ до неї. Відкрийте вкладку “Databases (Бази даних)”, щоб перейти до списку баз даних (1).

Введіть назву бази даних (2) і клікніть кнопку “Створити” (3).

База даних з’явилася в списку. Клацніть по назві, щоб отримати доступ до бази даних (4).

У разі виникнення складнощів при створенні бази даних, необхідно звернутися до хостинг провайдера за підтримкою.

Завантаження та розархівування

Для початку роботи з OpenCart, потрібно завантажити файли на хостинг сервер. Це можна зробити за допомогою файлового менеджера хостингу або альтернативного FTP менеджера.

  1. В поле ‘Choose your zip file (Виберіть файл zip)’ виберіть завантажений файл ‘themeXXX (full) .zip’.
  2. В поле ‘Unzip to (Розпакувати в)’ вкажіть директорію, куди потрібно розпакувати файли.
  3. Натисніть кнопку ‘Unzip (Видобути)’, щоб розпакувати файли.

Задайте правильні дозволу на папку, куди потрібно розпакувати файли. Дозволи повинні бути CHMOD 755 або 777 в залежності від конфігурації сервера.

установка OpenCart

Відкрийте браузер і пропишіть шлях до директорії OpenCart в адресному рядку браузера (наприклад http: // your_domain_name / opencart). Повинен з’явитися екран установки OpenCart:

1 етап / установки Ліцензія

Ознайомтеся з ліцензією OpenCart і, якщо ви згодні з її умовами, виберіть опцію I agree to the license (Я згоден з умовами ліцензії) і натисніть кнопку Continue (Продовжити).

2 етап / Попередній

На даному етапі, OpenCart перевірить хостинг сервер: чи відповідають налаштування вимогам OpenCart і правильність налаштувань дозволу файлів і директорій. Переконайтеся, що дозволу на такі файли і папки движка OpenCart задані правильно:

  • chmod 0755 або 0777 image /
  • chmod 0755 або 0777 image / cache /
  • chmod 0755 або 0777 image / data /
  • chmod 0755 або 0777 system / cache /
  • chmod 0755 або 0777 system / logs /
  • chmod 0755 або 0777 download /
  • chmod 0755 або 0777 config.php
  • chmod 0755 або 0777 admin / config.php.
3 етап / Конфігурація

На даному етапі потрібно вказати деталі підключення до бази даних. Наскільки ви пам’ятаєте, на етапі підготовки була створена база даних MySQL, зараз потрібно вказати отримані / задані вами деталі:

  • сервер бази даних;
  • назва бази даних;
  • ім’я користувача бази даних;
  • пароль користувача бази даних;

При виникненні труднощів з цими деталями, зверніться до хостинг провайдера.

Також потрібно створити профіль адміністратора магазину. Введіть ім’я, пароль і e-mail адміністратора. Ці деталі будуть використовуватися для доступу в панель управління OpenCart.

4 етап / Готово!

Це заключний етап установки движка OpenCart. Пропонуються дві опції: перейти на ваш сайт магазину OpenCart або в панель управління OpenCart.

Ви також можете скористатися туторіали по установці: OpenCart. Як встановити движок і шаблон OpenCart (за допомогою “fullpackage”).

Видаліть папку “install” з сервера. Ви не зможете увійти в магазин, поки ця папка знаходиться на сервері.

Встановіть дозволу 644 або 444 на наступні файли з метою обмеження доступу до них:

  • config.php
  • index.php
  • admin / config.php
  • admin / index.php
  • system / startup.php.

Переконайтеся, що папки vqmod і vqmod / vqcache мають дозволу на запис (755 або 777).

Установка завершена. Щоб відкрити магазин, пропишіть своє доменне ім’я в адресному рядку браузера. Для доступу в панель управління OpenCart, пропишіть доменное_імя / admin.

Установка на існуючий магазин

  1. Щоб встановити шаблон OpenCart, потрібно завантажити його файли на хостинг сервер. В папці шаблону OpenCart знайдіть архів “ThemeXXX (update) .zip” і завантажте в кореневу директорію встановленого OpenCart.
  2. Файли шаблону ніяким чином не зашкодять магазину.

  3. Після цього завантажте файл unzip.php шаблону на сервер в ту ж директорію, що і попередній архів.
  4. Потім відкрийте сайт в браузері і додайте – unzip.php до URL. Адреса буде виглядати наступним чином: yourwebsite.com/unzip.php.
  5. У списку “Choose your zip file” (Виберіть ваш файл zip), виділіть файл themeXXX (update) .zip і натисніть “Unzip” (Видобути). Розпочнеться розархівування файлів на сервер в ту ж директорію. Це займе деякий час.
  6. Введіть yourwebsite.com/install/ в адресному рядку браузера.
  7. На завершення, дотримуйтесь інструкцій по установці з’явилися на екрані.

Ви також можете скористатися туторіали по установці: OpenCart. Як встановити шаблон на існуючий магазин (за допомогою архіву “update”).

Ласкаво просимо в vQmod

“VQmod ™” (aka Virtual Quick Mod) – система перевизначення, розроблена з метою уникнення необхідності змінювати файли системи. Концепція досить проста. Замість внесення змін до основних файли безпосередньо, зміни створюються як XML скрипти пошуку / заміни. Ці файли скриптів обробляються під час завантаження сторінки, коли кожен «вихідний» файл движка завантажується з функціями php «include» або «require». Вихідний файл змінюється з урахуванням файлу скрипта, після чого зміни вносяться в тимчасовий файл. Потім тимчасовий файл замінює вихідний під час виконання. Оригінальний файл ніколи не змінюється. В результаті, в движку відбуваються «віртуальні» зміни під час виконання без істотних змін файлів ядра.

Автоматична установка vQmod

  1. Скачайте останню версію vQmod з назвою “opencart” за посиланням
  2. Через FTP завантажте папку “vqmod” з архіву в кореневу папку OpenCart.
  3. Папки vqmod і vqmod / vqcache, а також файли index.php і admin / index.php повинні бути перезаписуваними (дозволу 755 або 777).
  4. Якщо ви не впевнені, який дозвіл є гідною кандидатурою, спробуйте спочатку 755.
  5. У разі виникнення помилок дозволу використовуйте 777.
  6. Перейдіть за посиланням http://www.yoursite.com/vqmod/install.
  7. Повинно з’явитися повідомлення про успішну установку. Якщо немає, поміняйте дозволу і повторіть процес.
  8. Відкрийте домашню сторінку сайту і перевірте, як він працює.
  9. Потрібно переконатися, що в папці “vqmod / vqcache” на FTP сервері з’явилися нові файли “vq”.
  10. Якщо файли з’явилися, значить ви можете завантажити і / або створювати скрипти vQmod.

НЕ Видаляйте папки vqmod / install /! ВСТАНОВЛЕННЯ ПОТРІБНО ЗАПУСКАТИ ЩОРАЗУ при оновленні OPENCART! Перезапуск УСТАНОВКИ НЕ ПРЕДСТАВЛЯЄ НЕБЕЗПЕЦІ!

Налаштування розширень

Olark Live Chat

Для того, щоб використовувати чат, доступний на демо шаблону, потрібно зареєструватися на офіційному веб-сайті Olark. Після надання всіх необхідних даних, ви отримаєте код, який потрібно додати в файл catalog \ view \ theme \ themeXXX \ template \ common \ footer.tpl перед </ body> тегом.

Політика використання cookies

Згідно із законом ЄС про Cookies Ви повинні додати на Ваш сайт модуль, який буде відображати попередження про cookies, використовуваних на сайті. Ми рекомендуємо до використання наступний модуль:

Післямова куди звертатися за допомогою, підтримкою і додатковою інформацією

OpenCart – це багатофункціональний, швидке і зрозуміле користувачу рішення для електронної комерції з привабливим дизайном. Це ідеальне рішення для онлайн магазину. Стандартний пакет містить всі необхідні модуля і розширення для успішної торгівлі. Відкритий вихідний код надає воістину видатні можливості для ваших клієнтів.

Додаткова інформація:

Неможливо завантажити Google Fonts:
  1. Відкрийте ‘site \ index – *. Html’ або ‘site \ css \ style.css’ файли
  2. Знайдіть рядок:
  3. //fonts.googleapis.com/css?family=[—your_web_font_name_here—]

  4. Замініть її наступним:
  5. //fonts.useso.com/css?family=[—your_web_font_name_here—]

Якщо вважаєте статтю корисною, не лінуйтеся ставити лайки і ділитися з друзями.

Ссылка на основную публикацию