Як зробити сайт на OpenCart

18

Від автора: вітаю вас, друзі. Отже, ми продовжуємо цикл статей, присвячених знайомству з однієї з найпопулярніших CMS для створення інтернет-магазинів – OpenCart (Оперкарт). У цій статті ми поговоримо про те, як зробити сайт на OpenCart, конкретніше, ми поговоримо про створення шаблонів (тем) для Опенкарт.

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

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

Отже, перейдемо на сервері, де вже встановлений двигун, в папку catalog/view/theme. Там ми побачимо єдину (за умови, що це чиста установка CMS) папку – default. Це і є стандартна тема магазину. В межах вказаної папки для нас в першу чергу представляє інтерес папка template, в якій і знаходяться всі шаблони движка.

Уважно ознайомтеся зі структурою шаблонів, оскільки коли ви будете створювати власну тему, вам необхідно буде повторити структуру дефолтної теми. Для прикладу візьмемо папку common і знаходяться в ній шаблони.

Як зробити сайт на OpenCart

Інтернет-магазин на OpenCart!

Створити інтернет-магазин на самій популярної CMS OpenCart з нуля!

Приступити до створення

Як зробити сайт на OpenCart

Як бачите, файлів досить багато і кожен з них відповідає за той чи інший шматочок сторінки сайту. Наприклад, перший файл – cart.tpl – відповідає за показ вмісту кошика на кнопці в шапці сайту.

Як зробити сайт на OpenCart

Шаблони column_left.tpl і column_right.tpl, як ви напевно здогадалися, показують сайдбары сайту. Файли header.tpl і footer.tpl відповідають за шапку і підвал сайту і т. д. Створюючи свою тему, ви дивіться, який саме ділянка сторінки ви хочете змінити. Якщо вам потрібно змінити шапку сайту, тоді в папці вашої теми з шаблонами потрібно створити папку common, а в ній створити файл header.tpl з потрібним вмістом. Давайте спробуємо.

Нехай папка з нашою темою називається просто – mytheme. У ній ми створюємо потрібний файл по наступному шляху: mytheme/template/common/header.tpl. Щоб цей файл не був порожнім, скопіюємо в нього повністю код з однойменного файлу дефолтної теми.

Тепер давайте перейдемо в адмінку і там зайдемо в меню Доповнення – Доповнення, де зі списку наявних доповнень виберемо Шаблони. У списку доступних шаблонів ми повинні побачити доданий нами – mytheme.

Як зробити сайт на OpenCart

Виберемо і встановимо його в якості активної теми для сайту. Якщо після цього повернутися на сайт і оновити сторінку, то ми не знайдемо жодних змін. Все вірно. Справа в тому, що Опенкарт працює наступним чином: при формуванні сторінки він збирає її з шматочків, підключаючи файли шаблонів один за іншим. При цьому кожен файл виду движок шукає в папці активної теми. Якщо потрібного файлу виду там не виявиться, тоді Опенкарт підключить потрібний вид з дефолтної теми. Ну а оскільки ми повністю скопіювали вміст header.tpl, не вносячи жодних правок, на сайті нічого не змінилося. Всі інші файли tpl були взяті з папки default.

Тепер наше завдання, як розробників теми, правити вміст файлів у папці нашої теми. Наприклад, для файлу header.tpl ми можемо підключити свої стилі, скрипти, змінити верстку шапки і т. д. В якості прикладу давайте спробуємо видалити кнопку кошика. Для цього повернемося до файлу header.tpl і знайдемо там відповідний код – це рядок 96:

Як зробити сайт на OpenCart

Замінимо цей рядок на щось таке:

Тут була кошик

У результаті ми повинні побачити таку картину:

Як зробити сайт на OpenCart

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

Як зробити сайт на OpenCart

Інтернет-магазин на OpenCart!

Створити інтернет-магазин на самій популярної CMS OpenCart з нуля!

Приступити до створення