Презентація створення інтернет магазину

17
Створення інтернет- магазину на Joomla Виконали: студенти гр.КН-38 Трач Андрій Паняк Роман Перевірив: Гасько Р.Т.

Transcript of Презентація створення інтернет магазину

Page 1: Презентація створення інтернет магазину

Створення інтернет-магазину на Joomla

Виконали:студенти гр.КН-38

Трач АндрійПаняк Роман

Перевірив:Гасько Р.Т.

Page 2: Презентація створення інтернет магазину

Встановлення Joomla на хостинг

На хостингу кореневої папки сайту, місцем установки CMS, може бути public_html, www або папка з ім'ям вашого домену, або аккаунта. 

Розпакований дистрибутив CMS (всі папки, файли) зі свого комп'ютера за допомогою FTP-клієнта FileZilla вантажимо на сервер хостингу (слід уважно прочитати текст внизу ілюстрації, яку ви побачите, пройшовши за посиланням. Тільки тут ми заливаємо НЕ сторінки сайту, а CMS).

Після завантаження на сервер хостингу, в кореневу директорію всіх файлів і папок розпакованого попередньо дистрибутива Джумла, вводимо в адресному рядку браузера назву сайту, тобто його доменне ім'я. У підсумку у вікні браузера відкриється наступна картина:

Крок 1

Page 3: Презентація створення інтернет магазину

Крок 2 На сторінці, яка відкрилася потрібно ввести назву і опис сайту. В

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

Ввели логін, пароль. Після заповнення всіх полів тиснемо Далі.

Page 4: Презентація створення інтернет магазину

Крок 3

На цьому етапі ми зробимо налаштування підключення до бази даних на стороні сервера хостингу. Іншими словами, нам належить ввести у відповідні поля форми свої дані, а саме: ім'я користувача, пароль та ім'я бази даних - інші поля залишаються без змін, тобто: Тип бази даних → MySQLi; Ім'я сервера бази даних → localhost; Префікс таблиць → символи; Дії з уже наявними таблицями → Перейменувати. Але спочатку необхідно створити ім'я користувача, пароль, ім'я бази даних, а потім завершити процес конфігурації на поточній сторінці майстра установки.

Page 5: Презентація створення інтернет магазину

Отже, створимо базу даних на сервері хостингу за допомогою cpanel.

Набираємо в браузерe ваш-домен / cpanel, вводимо своє FTP ім'я користувача та FTP пароль, які нам надає платний або безкоштовний хостинг (при виборі безкоштовного хостингу для експериментів, потрібно орієнтуватися на те, чи підтримує він PHP, MySQl і Cpanel).

1. Увійшли в cpanel, тиснемо Бази даних MySQl, як показано на малюнку:

2. У рядку Нова база даних вводимо довільне ім'я:

3. У підсумку комбінація імен і є ім'я створеної бази даних. Запишіть його і натисніть Назад:

Page 6: Презентація створення інтернет магазину

4. Вводимо довільне ім'я користувача та пароль, тиснемо Створити користувача:

5. У результаті ми отримаємо звіт про створення користувача, знову тиснемо Назад.

6. Наступним кроком буде додавання користувача до бази даних:

7. Відзначаємо всі привілеї, вносимо зміни:

8. Наприкінці ми отримаємо звіт про додавання користувача до бази, запам'ятайте ці імена.

Page 7: Презентація створення інтернет магазину

Крок 4. Підключення до бази даних при установці Joomla на хостинг

Повертаємося до кроку 3 ↑ і вводимо отримані тільки що дані.

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

Пароль користувача базою даних відрізняється від пароля адміністратора.

Page 8: Презентація створення інтернет магазину

Крок 5. Завершення установки Joomla на хостинг

Завершуємо процес. Встановлюємо демо-дані з вивченням Joomla або інші:

Конфігурацію сайту на e-mail можна відправляти або не відправляти, але дані запишіть.

Нижче проводимо початкову перевірку і звіряємо установки:

Page 9: Презентація створення інтернет магазину

Після видалення директорії 'Installation' можна увійти в адмінку або подивитися, як виглядає сайт

Page 10: Презентація створення інтернет магазину

Спрощуємо корзину в VirtueMart 2 За замовчуванням процес покупки в кошику дуже заплутаний. Щоб

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

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

За замовчуванням корзина виглядає приблизно так.

Page 11: Презентація створення інтернет магазину

Для початку відключимо реєстрацію під час оформлення замовлення. Для цього потрібно зайти в компоненти-> Virtuemart-> Налаштування-> Оформлення замовлення та прибрати галочку навпроти «Реєстрація під час оформлення замовлення». Тут же можна налаштувати показ мініатюр зображень товару. Про інших полях поговоримо трохи пізніше.

Page 12: Презентація створення інтернет магазину

Після цього поля для реєстрації не будуть виводиться в кошику.

Тепер приберемо посилання «Будь ласка, прочитайте і прийміть умови обслуговування». Це тільки віддаляє покупця від завершення покупки. Для цих цілей зазвичай використовуються окремі сторінки з інформацією про гарантії та умовами доставки. Якщо ми просто приберемо галочки в настройках в пунктах «Покупці повинні погоджуватися з умовами обслуговування під час замовлення» і «Показати інформацію про політику повернення в кошику / на сторінці підтвердження замовлення», то галочка близько кнопки оформлення замовлення все одно залишиться.

Page 13: Презентація створення інтернет магазину

Прибрати її можна на сторінці налаштувань VirtueMart «Поля, які заповнюються користувачами». На цій же сторінці можна вибрати які саме поля будуть відображатися коли користувач будуть вводити свої дані під час оформлення замовлення. Щоб відключити непотрібні поля просто натискаємо на зелену галочку навпроти поля в колонках »Опубліковано» і «Обов'язково».

Page 14: Презентація створення інтернет магазину

Правда відключити полі «Я згоден з Умовами обслуговування» таким чином не вийде.

Щоб зробити це та інші поля (наприклад, електронна пошта) активними потрібно внести невеликі правки в файл адміністратор / компоненти / com_virtuemart / моделі / userfields.php

знаходимо кодstatic function getCoreFields(){return array( 'name','username', 'email', 'password', 'password2' , 'agreed');}

І коментуємо agreedstatic function getCoreFields(){return array( 'name','username', 'email', 'password', 'password2' , /*'agreed'*/);}

Після цього просто відключаємо поле adreed в налаштуваннях.

Page 15: Презентація створення інтернет магазину

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

Page 16: Презентація створення інтернет магазину

Після цього при заході в кошик відразу будуть вибиратися способи оплати та доставки.

Page 17: Презентація створення інтернет магазину

Можна також приховати зайвий, на мій погляд, блок «Адреси доставки». Для цього зайдемо в файл компоненти / com_virtuemart / переглядів / кошик / TMPL / default_pricelist.php. Знаходимо другу DIV на сторінці, що починається з

<div class="width50 floatleft"> І додаємо йому новий клас, наприклад, невидно

<div class="width50 floatleft nevidno"> Після цього заходимо в файл стилів компоненти / com_virtuemart / активи /

CSS / vmsite-ltr.css і в кінці додаємо новий стиль для приховування блоку «Адреси доставки»

div.nevidno{display:none;} Після всіх цих маніпуляцій процес оформлення замовлення значно

скорочується порівняно зі стандартним варіантом. Тепер покупцеві досить натиснути кнопку «Оформити замовлення», заповнити кілька найнеобхідніших полів, зберегти зміни та натиснути на кнопку «Підтвердити замовлення».