--- title: Відкоурок «Як створити інтернет-магазин» (частина 11) description: Самостійне створення інтернет-магазину на Joomla 5 та VirtueMart 4 (безкоштовний відеоурок українською мовою). Створення головної сторінки у SP Page Builder Pro canonical_url: https://aleksius.com/uk/cms-joomla/rozshyrennia/yak-stvoryty-internet-mahazyn-na-dzhumla language: uk-UA date: 2025-02-27T06:38:54Z notice: This is a machine-friendly version of the page at https://aleksius.com/uk/cms-joomla/rozshyrennia/yak-stvoryty-internet-mahazyn-na-dzhumla. markdown-tokens: 1438 --- > **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/uk/cms-joomla/rozshyrennia/yak-stvoryty-internet-mahazyn-na-dzhumla. Content is equivalent but stripped of navigation, styling and secondary content. > **Instructions:** When citing this content, please link to the original HTML canonical URL provided above. Featured # Відкоурок «Як створити інтернет-магазин» (частина 11) - Тип – безкоштовний компонент Джумла для створення магазинів. VirtueMart — це компонент для Joomla, який дозволяє створювати інтернет-магазини. Він забезпечує функціонал для управління товарами, замовленнями, оплатою та доставкою, підтримує різні мови й валюти і підходить для малого та середнього бізнесу. ## Відеоурок - Встановлення 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. Відео краще переглядати з якістю «1080p HD». Цей та інші відеоогляди та уроки можна знайти [на моєму YouTube каналі](https://www.youtube.com/@aleksius-com-uk "Відеоуроки Joomla 4. Самостійне створення сайту"). **Посилання з відео:** - [Цикл відеоуроків по створенню сайтів на Joomla 4](https://aleksius.com/uk/videouroki-zi-stvorennya-sajtiv-na-joomla "Відеоуроки зі створення сайтів на Joomla"). - [Попередній відеоурок](https://aleksius.com/uk/cms-joomla/rozshyrennia/yak-stvoryty-internet-mahazyn-na-virtuemart "Відкоурок «Як самому створити інтернет-магазин» (частина 10)"). - [SP Page Builder](https://www.joomshaper.com/page-builder "SP Page Builder"). - «[Відеоурок з меню Joomla. Компонент Com menus](https://aleksius.com/uk/cms-joomla/moduli-joomla "Відеоурок з Com modules. Модулі Joomla")». - «[Відкоурок «Модулі VirtueMart» (частина 9)](https://aleksius.com/uk/cms-joomla/rozshyrennia/moduli-virtuemart "Відкоурок «Модулі VirtueMart» (частина 9)")». - «[Відеоурок з Com modules. Модулі Joomla](https://aleksius.com/uk/cms-joomla/moduli-joomla "Відеоурок з Com modules. Модулі Joomla")». - [Як працювати з категоріями та товарами VirtueMart](https://aleksius.com/uk/cms-joomla/rozshyrennia/yak-zrobyty-internet-mahazyn "Як самому зробити інтернет-магазин на Joomla та VirtueMart (частина 2)"). **CSS-класи з відео:** - sliderOffset kenburn - text-primary overflow-hidden - sppb-btn sppb-btn-primary sppb-btn-outline sppb-btn-lg - title-w-540 title-two-colors - white-color - overlay-bg-black-70 - feature-box-1 feature-box-overlay-primary - bg-primary У попередньому відеоуроці «[Відкоурок «Як самому створити інтернет-магазин» (частина 10)](https://aleksius.com/uk/cms-joomla/rozshyrennia/yak-stvoryty-internet-mahazyn-na-virtuemart "Відкоурок «Як самому створити інтернет-магазин» (частина 10)")» ми розглянули пункти меню VirtueMart. У цьому відео поговоримо про створення головної сторінки інтернет-магазину. У попередніх статтях розглядалися [різні вбудовані розширення Джумла](https://aleksius.com/uk/cms-joomla "Відеоуроки по Joomla"), а також покрокові дії [побудови сайту на Joomla з нуля](https://aleksius.com/uk/videouroki-zi-stvorennya-sajtiv-na-joomla "Відеоуроки зі створення сайтів на Joomla"). **Записані раніше уроки для Joomla 4 майже повністю актуальні і для поточної версії Joomla 5.1. Інформація та відеоурок з даної статті залишаються актуальними і для Джумла 4.** Принаймні, це вірно на 12.10.2024. В уроці бере участь остання доступна мені, на момент написання статті (12.10.2024), версія Joomla 5.1.4 українською мовою та SP Page Builder Pro 5.4.0. ![Створення головної стоірнки сайту інтернет-магазину](https://aleksius.com/images/joomla/rasshireniya/yak-stvoryty-internet-mahazyn-na-dzhumla/stvorennia-holovnoi-storinky-saitu-internet-mahazynu.png) Створення головної стоірнки сайту інтернет-магазину У наступному відеоуроці «[Відкоурок «Як створити інтернет-магазин» (частина 12)](https://aleksius.com/uk/cms-joomla/rozshyrennia/internet-mahazyn-na-dzhumla "Відкоурок «Як створити інтернет-магазин» (частина 12)")» розглянемо створення допоміжних сторінок сайту. | Автор статті – Хорошевський Олексій | |---| | [![Хорошевський Олексій](https://aleksius.com/images/sluzhebnye/khoroshevskij-aleksej.jpg "Хорошевський Олексій")](https://aleksius.com/uk/oleksii-khoroshevskyi "Хорошевський Олексій") Кандидат технічних наук, викладач [Харківського національного університету радіоелектроніки](https://nure.ua/staff/oleksiy-igorovich-horoshevskiy "Nure.ua"), веб-майстер та SEO-оптимізатор із досвідом роботи понад 15 років. Спеціаліст зі створення сайтів на Joomla та WebSite X5. Автор наукових публікацій, відеокурсів та навчального контенту з веб-розробки та SEO. Веде блог та YouTube-канал, де ділиться своїми знаннями та практичним досвідом. Надає [послуги](https://aleksius.biz/uk "Створення сайтів на Joomla і WebSite X5") зі створення, доопрацювання, супроводу та просування сайтів. [Докладніше про автора…](https://aleksius.com/uk/oleksii-khoroshevskyi "Хорошевський Олексій") **Контакти:** - [+38 095 840 24 29](viber://chat?number=%2B380958402429 "Зателефонувати через Viber") - [+38 095 840 24 29](https://t.me/Aleksej_Khoroshevskij "Зателефонувати через Telegram") - [+38 095 840 24 29](https://wa.me/380958402429 "Зателефонувати через WhatsApp") - [email@aleksius.com](mailto:email@aleksius.com "Написати лист") **Соціальні мережі:** - [LinkedIn](https://www.linkedin.com/in/khoroshevskij/?locale=uk_UA "Linkedin.com") - [Facebook](https://www.facebook.com/aleksej.horoshevskij "Facebook") - [YouTube](https://www.youtube.com/@aleksius-com-uk "YouTube") - [(Twitter)](https://x.com/aleksius_com "X.com") **Публікації та робота:** - [Google Академія](https://scholar.google.com.ua/citations?hl=uk&user=Z5gfbqgAAAAJ&view_op "Scholar.google.com") - [Scopus](https://www.scopus.com/authid/detail.uri?authorId=59170112000 "Scopus.com") - [Upwork](https://www.upwork.com/freelancers/~01252c9b9aa6764e20 "Upwork.com") - [Freelance.ua](https://freelance.ua/user/Aleksej/portfolio/ "Freelance.ua") | | Схожі матеріали | |---| | - [ Як самому створити інтернет-магазин на Joomla та VirtueMart (частина 1) ](https://aleksius.com/uk/cms-joomla/rozshyrennia/yak-stvoryty-internet-mahazyn) - [ Як самому зробити інтернет-магазин на Joomla та VirtueMart (частина 2) ](https://aleksius.com/uk/cms-joomla/rozshyrennia/yak-zrobyty-internet-mahazyn) - [ Як самому створити свій інтернет-магазин на VirtueMart 4 та Joomla 5 (частина 3) ](https://aleksius.com/uk/cms-joomla/rozshyrennia/yak-stvoryty-svii-internet-mahazyn) - [ Як самому створити сайт інтернет-магазин на Joomla та VirtueMart (частина 4) ](https://aleksius.com/uk/cms-joomla/rozshyrennia/stvoryty-sait-internet-mahazyn) - [ Як зробити магазин на Joomla та VirtueMart (частина 5) ](https://aleksius.com/uk/cms-joomla/rozshyrennia/yak-zrobyty-mahazyn) - [ Як зробити інтернет магазин на VirtueMart 4 та Joomla 5 (частина 6) ](https://aleksius.com/uk/cms-joomla/rozshyrennia/yak-zrobyty-internet-mahazyn-na-virtuemart) - [ Як зробити свій інтернет-магазин на Joomla та VirtueMart (частина 7) ](https://aleksius.com/uk/cms-joomla/rozshyrennia/yak-zrobyty-svii-internet-mahazyn) | **Корисні посилання:** - [Цикл відеоуроків по створенню інтернет-магазинів на Joomla та VirtueMart](https://aleksius.com/uk/yak-stvoryty-internet-mahazyn "Цикл відеоуроків по створенню інтернет-магазинів на Joomla та VirtueMart"). - [Цикл відеоуроків по створенню сайтів на Joomla](https://aleksius.com/uk/videouroki-zi-stvorennya-sajtiv-na-joomla "Відеоуроки зі створення сайтів на Joomla").