Як самому створити інтернет-магазин на Joomla та VirtueMart (частина 1)

• Тип – безкоштовний компонент для створення інтернет-магазинів.

• Відеоурок.
• Список питань, розглянутих під час уроків 1-12.
• Приблизна вартість «безкоштовного» інтернет-магазину.

VirtueMart – це безкоштовний компонент для створення інтернет-магазинів на Joomla. Він дозволяє створювати інтернет-магазини різної складності. Підтримує багатомовність, багатовалютність, є повноцінний кошик товарів, особистий кабінет покупця, сортування та пошук товарів, відправка листів та таке інше. Магазин може містити 1-2 товари, а може 2430696 товарів. Незважаючи на те, що VirtueMart та Joomla безкоштовні, майже у всіх випадках вам все ж таки потрібні будуть гроші на розробку інтернет-магазину. Окрім відеоуроку у статті є приблизні розрахунки вартості «безкоштовного» інтернет-магазину.

Також пропоную ознайомитись з циклом відеоуроків по самостійному створенню сайту фірми на Jooml 4 та новинного сайту на Joomla 6.

Відеоурок

• Приклади шаблонів для інтернет-магазинів – 00:03:02.
• Встановлення локального сервера – 00:04:56.
• Встановлення Joomla – 00:08:30.
• Встановлення VirtueMart – 00:11:34.
• Встановлення шаблону Tienda – 00:12:52. Детальніше про налаштування шаблону можна дізнатись у окремих відеоуроках.
• Початкові налаштування Joomla та VirtueMart – 00:13:52.
• Встановлення Akeeba Backup та створення резервної копії – 00:18:08.
• Як правильно виходити з Joomla та закривати локальний сервер – 00:20:14.

Відео краще переглядати з якістю «1080p HD». Цей та інші відеоогляди та уроки можна знайти на моєму YouTube каналі.

Посилання з відео:

• Цикл відеоуроків по створенню сайтів на Joomla 4.
• Приклад інтернет-магазину на 1-2 товари.
• Приклад інтернет-магазину на 2430714 товарів.
• Відеоуроки по вбудованим розширенням Joomla.
• «Що таке шаблон Joomla. Переваги та недоліки шаблонів».
• Демонстраційний сайт шаблону Tienda.
• Демонстраційний сайт шаблону VP Neoteric.
• Демонстраційний сайт шаблону JA Agrivita.
• Відмінності демонстраційного вебсайту шаблону від вашого вебсайту.
• Завантажити локальний сервер XAMPP.
• Завантажити Joomla.
• Завантажити VirtueMart.
• Завантажити Tienda.
• «Відеоурок «Загальна конфігурація Joomla»».
• «Резервне копіювання Joomla та робота з XAMPP».

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

Цей цикл відеоуроків по самостійному створенню інтернет-магазину на VirtueMart та Joomla в першу чергу спрямовано саме на роботу з VirtueMart. Для прикладу буде використано платний шаблон інтернет-магазину Tienda. Але принципи роботи з самим VirtueMart не залежать від шаблону сайту.

Записані раніше уроки для Joomla 4 майже повністю актуальні і для поточної версії Joomla 5.1. Інформація та відеоурок з даної статті залишаються актуальними і для Джумла 4. Принаймні, це вірно на 03.08.2024.

В уроці бере участь остання доступна мені, на момент написання статті (03.05.2024), версія Joomla 5.1.2 українською мовою, VirtueMart 4.2.16.11030, Tienda 2.4.1, Akeeba Backup 9.9.5 та XAMPP 8.2.12.

Список питань, розглянутих під час уроків 1-12

Для більш глибокого розуміння процесу створення сайту раджу ознайомитись з теоретичним курсом відеолекцій.

Відеоурок 1.

• Приклади шаблонів для інтернет-магазинів – 00:03:02.
• Встановлення локального сервера – 00:04:56.
• Встановлення Joomla – 00:08:30.
• Встановлення VirtueMart – 00:11:34.
• Встановлення шаблону Tienda – 00:12:52.
• Початкові налаштування Joomla та VirtueMart – 00:13:52.
• Встановлення Akeeba Backup та створення резервної копії – 00:18:08.
• Як правильно виходити з Joomla та закривати локальний сервер – 00:20:14.

Відеоурок 2.

• Запуск локального сервера та вхід в адмінку Joomla – 00:02:14.
• Налаштування шаблону – 00:03:06.
• Категорії – 00:06:57, 00:31:24.
• Товари VirtueMart – 00:15:41.
• Виробники – 00:32:44.

Відеоурок 3.

• Призначення спеціальних полів – 00:01:25.
• Поле тип Рядок («Розмір») – 00:05:37.
• Поле тип Зображення («Колір») – 00:10:22.
• Поле тип Область тексту («Примітка») – 00:12:40.
• Поле тип Схожі товари – 00:13:32.
• Поле тип Група, що налаштовується – 00:14:32.

Відеоурок 4.

• Оновлення Joomla та української мови – 00:02:02.
• На складі – 00:07:12.
• Правила Стягень і обрахунків – 00:13:30.
• Відгуки та рейтинги – 00:16:26.
• Реєстрація користувачів – 00:17:33.

Відеоурок 5.

• «Ручне» оновлення Joomla та Akeeba Backup – 00:02:26.
• Визначення версії Joomla та PHP – 00:03:50.
• Замовлення – 00:05:59.
• Звіт про продажі – 00:09:30.
• Покупці – 00:09:57.
• Групи покупців – 00:11:51.
• Знижка для VIP клієнтів – 00:12:55.
• Купони – 00:16:14.

Відеоурок 6.

• Налаштування пошти в Joomla 5 – 00:01:36.
• Магазин – 00:06:00.
• Медіа-файли – 00:11:39.
• Способи доставки – 00:12:39.
• Способи оплати – 00:17:33.

Відеоурок 7.

• Магазин – 00:01:50.
• Замовлення – 00:07:21.
• Вигляд – 00:09:01.
• Шаблони – 00:11:09.
• Ціни – 00:16:33.
• Каса – 00:17:29.
• Сортування та пошук – 00:19:56.
• Стрічки – 00:22:48.
• SEO – 00:23:04.

Відеоурок 8.

• Поля, які заповнюються користувачами – 00:01:19.
• Статус замовлення – 00:09:46.
• Валюти – 00:12:06.
• Країни – 00:14:12.

Відеоурок 9.

• Оновлення VirtueMart – 00:01:30.
• Інструменти – 00:03:45.
• Модуль «Кошик» – 00:07:37.
• Модуль «Товари» – 00:09:37.
• Модуль «Категорії» – 00:12:07.
• Модуль «Пошук Товарів» – 00:12:56.
• Модуль «Вибір валюти» – 00:14:53.
• Додавання позиції модуля в шаблон – 00:15:45.
• Налаштування валют для модуля «Вибір валюти» – 00:16:40.
• Налаштування курсу валют VirtueMart – 00:17:29:02.
• Модуль «Виробники» – 00:20:50.

Відеоурок 10.

• Макет категорії – 00:01:32.
• Кошик – 00:02:58.
• Замовлення виконано (Створення прихованого пункту меню.) – 00:05:30.
• Список Замовлень – 00:08:32.
• Обслуговування рахунку – 00:10:53.
• Макет Деталей продукту – 00:13:29.
• Виробники – 00:16:26.
• Відображати умови обслуговування постачальника – 00:17:08.
• Детальний Макет Виробника – 00:18:10.
• Показати контакти продавця – 00:19:05.
• Показати продавця детально – 00:19:37.
• Показати продавців – 00:20:11.
• FE Manage Products (Керування товарами з фронтальної частини сайту) – 00:20:41.

Відеоурок 11.

• Встановлення SP Page Builder – 00:01:58.
• Створення головної сторінки – 00:02:39.
• Слайдер – 00:05:05.
• Блок «Нові товари» – 00:14:25.
• Блок «Літня колекція» – 00:18:21.
• Блок «4 товари» – 00:21:52.
• Блок «Зимова колекція» – 00:31:14.
• Блок «Топ товари» – 00:33:30.
• Налаштування мобільної версії головної сторінки – 00:35:12.

Відеоурок 12.

• Сторінка «Оплата та доставка» – 00:01:28.
• Зображення та заголовок сторінки – 00:03:08.
• Модуль «Навігаційна стежка» («хлібні крихти») – 00:04:28.
• Сторінка «Контакти» – 00:06:29.
• Додавання власного CSS – 00:17:28, 00:20:47.
• Перевизначення мовних констант – 00:20:00.

Приблизна вартість «безкоштовного» інтернет-магазину

Вартість розробки інтернет-магазину дуже сильно залежить від проекту: кількості товарів, складності/індивідуальності дизайну, функціональності та таке інше. Нижче я наведу приклади витрат лише на «технічні» складові, які безпосередньо відносяться до «програмної» частини. Питання маркетингу, логістики, створення контенту, просування сайту та ще багато чого що потрібно для функціонування інтернет-магазину як повноцінного бізнесу, не будуть розглянуті. Але вони можуть складати на багато більшу частину витрат.

Дизайн. Є можливість створити дизайн сайту на базі готового шаблону, а є можливість розробки індивідуального дизайну. У статті «Що таке шаблон Joomla. Переваги та недоліки шаблонів» я вже писав про орієнтовну вартість індивідуального дизайну. Розглянемо вартість шаблону для VirtueMart. Є безкоштовні шаблони для VirtueMart, але на мій погляд, вони дуже «прості». Я б не радив використовувати їх для реального проекту. Краще звернути свою увагу на платні, наприклад Tienda (24,99$) (малюнок нижче), VP Neoteric (79$),  JA Agrivita (89$) та інші.

Функціональність. У VirtueMart за замовчанням є досить багато всього, що може знадобитись «звичайному» інтернет-магазину. Але найчастіше я додаю такі розширення:

• Фільтр товарів – Custom Filters (37,22$).
• Односторінкове оформлення замовлення – VP One Page Checkout (69$).
• Список бажань, порівняння товарів, швидкий перегляд товарі – Essentials for VirtueMart (69$).

Та можна зекономити. Наприклад, придбати «пакет», який складається з декількох шаблонів, включаючи VP Neoteric (малюнок нижче) та такі розширення, як VP One Page Checkout, Essentials for VirtueMart і ще декілька корисних розширень. І це буде коштувати (199$).

• Оплата через LiqPay (ПрвиатБанк) чи Монобанк, чи аналогічні сервіси (повноцінна онлайн оплата з автоматичною зміною статусу замовлення) – близько 80$.
• Доставка Новою поштою (інтеграція з можливістю вибору відділень) – близько 80$.

Ще є багато чого, наприклад, імпорт/експорт товарів – RO CSVI (80,1$) чи «швидке замовлення» (замовлення в 1 клік) – приблизно 60$, та таке інше.

Більше розширень для VirtueMart можна знайти в офіційному магазині розширень.

Хостинг та домен. Для себе та багатьох клієнтів, яким розробляв інтернет-магазини, раджу Хостинг Україна. Вартість хостингу на рік починається від 52$, а домен у зоні «.com.ua» коштує 12$. Є більш дешеві хостинги та можна обрати дешевшу домену зону. Але в середньому десь так.

Робота. Якщо робите самі, то безкоштовно. Якщо когось наймаєте, то ціна може починатись від 170$ (або й менш) і йти вгору до тисяч доларів. Все залежить від проекту та виконавця. У мене ціна за розробку інтернет-магазину починається від 194$. Як правило у вартість розробки я включаю шаблон та розширення. Тобто ,якщо вони в мене є, то замовнику це майже нічого не коштує. І навпаки, якщо все треба купувати, вартість роботи може суттєво зрости.

Разом. Якщо брати по мінімуму і розробляти сайт самотужки, вартість може складатись із шаблону, хостингу та домену. А це близько 89$.

Навіть якщо обрати безкоштовний шаблон, хостинг за 27$ та домен за 6$, все одно інтернет-магазин на безкоштовному програмному забезпеченні коштуватиме від 33$. Звичайно, можна спробувати обрати безкоштовний хостинг та домен. Тоді ціна – 0. Але я б не радив це робити, бо у безкоштовного хостингу та безкоштовного шаблону дуже багато обмежень. А безкоштовний домен варто використовувати виключно для навчання та тестування.

У наступному відеоуроці «Як самому створити інтернет-магазин на Joomla та VirtueMart (частина 2)» ми почнемо розглядати роботу з категоріями та товарами VirtueMart.

Автор статті – Хорошевський Олексій

Кандидат технічних наук, викладач Харківського національного університету радіоелектроніки, веб-майстер та SEO-оптимізатор із досвідом роботи понад 15 років. Спеціаліст зі створення сайтів на Joomla та WebSite X5. Автор наукових публікацій, відеокурсів та навчального контенту з веб-розробки та SEO. Веде блог та YouTube-канал, де ділиться своїми знаннями та практичним досвідом. Надає послуги зі створення, доопрацювання, супроводу та просування сайтів. Докладніше про автора… Контакти: +38 095 840 24 29 +38 095 840 24 29 +38 095 840 24 29 email@aleksius.com Соціальні мережі: LinkedIn Facebook YouTube (Twitter) Публікації та робота: Google Академія Scopus Upwork Freelance.ua

Корисні посилання:

• Цикл відеоуроків по створенню інтернет-магазинів на Joomla та VirtueMart.
• Цикл відеоуроків по створенню сайтів на Joomla.