SlideShare a Scribd company logo
1 of 17
 На хостингу кореневої папки сайту, місцем установки CMS, може бути
public_html, www або папка з ім'ям вашого домену, або аккаунта.
 Розпакований дистрибутив CMS (всі папки, файли) зі свого комп'ютера за
допомогою FTP-клієнта FileZilla вантажимо на сервер хостингу (слід уважно
прочитати текст внизу ілюстрації, яку ви побачите, пройшовши за посиланням.
Тільки тут ми заливаємо НЕ сторінки сайту, а CMS).
 Після завантаження на сервер хостингу, в кореневу директорію всіх файлів і
папок розпакованого попередньо дистрибутива Джумла, вводимо в адресному
рядку браузера назву сайту, тобто його доменне ім'я. У підсумку у вікні браузера
відкриється наступна картина:
 На сторінці, яка відкрилася потрібно ввести назву і опис сайту. В принципі, там
зазначено, що куди друкувати. Прочитайте уважно і заповніть необхідні поля.
Введені вами дані доступу до системи будуть логіном і паролем, які ви зможете
використовувати для авторизації в панелі управління сайтом після завершення
процесу установки Джумла на хостинг.
 Ввели логін, пароль. Після заповнення всіх полів тиснемо Далі.
 На цьому етапі ми зробимо налаштування підключення до бази даних на
стороні сервера хостингу. Іншими словами, нам належить ввести у відповідні
поля форми свої дані, а саме: ім'я користувача, пароль та ім'я бази даних - інші
поля залишаються без змін, тобто: Тип бази даних → MySQLi; Ім'я сервера
бази даних → localhost; Префікс таблиць → символи; Дії з уже наявними
таблицями → Перейменувати. Але спочатку необхідно створити ім'я
користувача, пароль, ім'я бази даних, а потім завершити процес конфігурації на
поточній сторінці майстра установки.
 Отже, створимо базу даних на сервері хостингу за допомогою cpanel.
 Набираємо в браузерe ваш-домен / cpanel, вводимо своє FTP ім'я користувача
та FTP пароль, які нам надає платний або безкоштовний хостинг (при виборі
безкоштовного хостингу для експериментів, потрібно орієнтуватися на те, чи
підтримує він PHP, MySQl і Cpanel).
 1. Увійшли в cpanel, тиснемо Бази даних MySQl, як показано на малюнку:
 2. У рядку Нова база даних вводимо довільне ім'я:
 3. У підсумку комбінація імен і є ім'я створеної бази даних. Запишіть його і
натисніть Назад:
 4. Вводимо довільне ім'я користувача та пароль, тиснемо Створити
користувача:
 5. У результаті ми отримаємо звіт про створення користувача, знову тиснемо
Назад.
 6. Наступним кроком буде додавання користувача до бази даних:
 7. Відзначаємо всі привілеї, вносимо зміни:
 8. Наприкінці ми отримаємо звіт про додавання користувача до бази,
запам'ятайте ці імена.
 Повертаємося до кроку 3 ↑ і вводимо отримані
тільки що дані.
 Ім'я користувача, ім'я бази даних вводимо в тому
вигляді, в якому ми їх отримали в звіті, тобто з
префіксами, якщо такі є, вводимо придуманий
раніше пароль, тиснемо Далі. Якщо не вийшло,
введіть дані заново, поки не перейдете до
наступного кроку.
 Пароль користувача базою даних відрізняється
від пароля адміністратора.
 Завершуємо процес. Встановлюємо демо-дані з вивченням Joomla або інші:
 Конфігурацію сайту на e-mail можна відправляти або не відправляти, але дані
запишіть.
 Нижче проводимо початкову перевірку і звіряємо установки:
Після видалення директорії 'Installation' можна увійти в адмінку або подивитися, як
виглядає сайт
 За замовчуванням процес покупки в кошику дуже заплутаний. Щоб полегшити
життя покупцям і підвищити конверсію сайту спробуємо максимально
спростити корзину.
 Я розгляну варіант покупки без реєстрації, бо вважаю, що реєстрація доречна
тільки на великих сайтах типу Ozon.ru. Virtuemart ж використовується для
створення середніх магазинів, реєструватися на яких більшість покупців не
буде, тому як у людей і так достатньо паролів, які їм потрібно пам'ятати.
 За замовчуванням корзина виглядає приблизно так.
 Для початку відключимо реєстрацію під час оформлення замовлення. Для
цього потрібно зайти в компоненти-> Virtuemart-> Налаштування->
Оформлення замовлення та прибрати галочку навпроти «Реєстрація під час
оформлення замовлення». Тут же можна налаштувати показ мініатюр
зображень товару. Про інших полях поговоримо трохи пізніше.
 Після цього поля для реєстрації не будуть виводиться в кошику.
 Тепер приберемо посилання «Будь ласка, прочитайте і прийміть умови
обслуговування». Це тільки віддаляє покупця від завершення покупки. Для цих
цілей зазвичай використовуються окремі сторінки з інформацією про гарантії та
умовами доставки. Якщо ми просто приберемо галочки в настройках в пунктах
«Покупці повинні погоджуватися з умовами обслуговування під час
замовлення» і «Показати інформацію про політику повернення в кошику / на
сторінці підтвердження замовлення», то галочка близько кнопки оформлення
замовлення все одно залишиться.
 Прибрати її можна на сторінці налаштувань VirtueMart «Поля, які заповнюються
користувачами». На цій же сторінці можна вибрати які саме поля будуть
відображатися коли користувач будуть вводити свої дані під час оформлення
замовлення. Щоб відключити непотрібні поля просто натискаємо на зелену
галочку навпроти поля в колонках »Опубліковано» і «Обов'язково».
 Правда відключити полі «Я згоден з Умовами обслуговування» таким чином не
вийде.
 Щоб зробити це та інші поля (наприклад, електронна пошта) активними
потрібно внести невеликі правки в файл адміністратор / компоненти /
com_virtuemart / моделі / userfields.php
знаходимо код
static function getCoreFields(){
return array( 'name','username', 'email', 'password', 'password2' , 'agreed');
}
І коментуємо agreed
static function getCoreFields(){
return array( 'name','username', 'email', 'password', 'password2' , /*'agreed'*/);
}
Після цього просто відключаємо поле adreed в налаштуваннях.
 Далее, если у вас только один способ доставки или оплаты, то можно
настроить их автоматический выбор при переходе в корзину. Для этого
возвращаемся в настройки оформления заказа и активируем поля
«Автоматический выбор способа доставки» и «Автоматический выбор способа
оплаты».
 Після цього при заході в кошик відразу будуть вибиратися способи оплати та
доставки.
 Можна також приховати зайвий, на мій погляд, блок «Адреси доставки».
Для цього зайдемо в файл компоненти / 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;
}
 Після всіх цих маніпуляцій процес оформлення замовлення значно
скорочується порівняно зі стандартним варіантом. Тепер покупцеві досить
натиснути кнопку «Оформити замовлення», заповнити кілька
найнеобхідніших полів, зберегти зміни та натиснути на кнопку
«Підтвердити замовлення».

More Related Content

Viewers also liked

BioConference Live Genetics 2013
BioConference Live Genetics 2013BioConference Live Genetics 2013
BioConference Live Genetics 2013
LabRoots, Inc.
 

Viewers also liked (14)

Why people do not reach their potential 080113
Why people do not reach their potential 080113Why people do not reach their potential 080113
Why people do not reach their potential 080113
 
Home Buyers Guide
Home Buyers Guide Home Buyers Guide
Home Buyers Guide
 
Silicon valley and the search for immortality — the future of healthcare
Silicon valley and the search for immortality — the future of healthcareSilicon valley and the search for immortality — the future of healthcare
Silicon valley and the search for immortality — the future of healthcare
 
Voxxed Days Thessaloniki 2016 - Keynote - JDK 9 : Big Changes To Make Java Sm...
Voxxed Days Thessaloniki 2016 - Keynote - JDK 9 : Big Changes To Make Java Sm...Voxxed Days Thessaloniki 2016 - Keynote - JDK 9 : Big Changes To Make Java Sm...
Voxxed Days Thessaloniki 2016 - Keynote - JDK 9 : Big Changes To Make Java Sm...
 
BioConference Live Genetics 2013
BioConference Live Genetics 2013BioConference Live Genetics 2013
BioConference Live Genetics 2013
 
Фотоотчёт о фестивале покров
Фотоотчёт о фестивале покровФотоотчёт о фестивале покров
Фотоотчёт о фестивале покров
 
Slamit 7, an ERASMUS+ Course
Slamit 7, an ERASMUS+ Course Slamit 7, an ERASMUS+ Course
Slamit 7, an ERASMUS+ Course
 
Reunião de Câmara 05/11/2013 - Ponto 10
Reunião de Câmara 05/11/2013 - Ponto 10Reunião de Câmara 05/11/2013 - Ponto 10
Reunião de Câmara 05/11/2013 - Ponto 10
 
Practica 5
Practica 5Practica 5
Practica 5
 
Moving Trends 2013
Moving Trends 2013Moving Trends 2013
Moving Trends 2013
 
Opposites Attract
Opposites AttractOpposites Attract
Opposites Attract
 
Presentation1
Presentation1Presentation1
Presentation1
 
1.eMedRec Overview
1.eMedRec Overview1.eMedRec Overview
1.eMedRec Overview
 
New Jersey: Your Dream Home Destination
New Jersey: Your Dream Home DestinationNew Jersey: Your Dream Home Destination
New Jersey: Your Dream Home Destination
 

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

  • 1.
  • 2.  На хостингу кореневої папки сайту, місцем установки CMS, може бути public_html, www або папка з ім'ям вашого домену, або аккаунта.  Розпакований дистрибутив CMS (всі папки, файли) зі свого комп'ютера за допомогою FTP-клієнта FileZilla вантажимо на сервер хостингу (слід уважно прочитати текст внизу ілюстрації, яку ви побачите, пройшовши за посиланням. Тільки тут ми заливаємо НЕ сторінки сайту, а CMS).  Після завантаження на сервер хостингу, в кореневу директорію всіх файлів і папок розпакованого попередньо дистрибутива Джумла, вводимо в адресному рядку браузера назву сайту, тобто його доменне ім'я. У підсумку у вікні браузера відкриється наступна картина:
  • 3.  На сторінці, яка відкрилася потрібно ввести назву і опис сайту. В принципі, там зазначено, що куди друкувати. Прочитайте уважно і заповніть необхідні поля. Введені вами дані доступу до системи будуть логіном і паролем, які ви зможете використовувати для авторизації в панелі управління сайтом після завершення процесу установки Джумла на хостинг.  Ввели логін, пароль. Після заповнення всіх полів тиснемо Далі.
  • 4.  На цьому етапі ми зробимо налаштування підключення до бази даних на стороні сервера хостингу. Іншими словами, нам належить ввести у відповідні поля форми свої дані, а саме: ім'я користувача, пароль та ім'я бази даних - інші поля залишаються без змін, тобто: Тип бази даних → MySQLi; Ім'я сервера бази даних → localhost; Префікс таблиць → символи; Дії з уже наявними таблицями → Перейменувати. Але спочатку необхідно створити ім'я користувача, пароль, ім'я бази даних, а потім завершити процес конфігурації на поточній сторінці майстра установки.
  • 5.  Отже, створимо базу даних на сервері хостингу за допомогою cpanel.  Набираємо в браузерe ваш-домен / cpanel, вводимо своє FTP ім'я користувача та FTP пароль, які нам надає платний або безкоштовний хостинг (при виборі безкоштовного хостингу для експериментів, потрібно орієнтуватися на те, чи підтримує він PHP, MySQl і Cpanel).  1. Увійшли в cpanel, тиснемо Бази даних MySQl, як показано на малюнку:  2. У рядку Нова база даних вводимо довільне ім'я:  3. У підсумку комбінація імен і є ім'я створеної бази даних. Запишіть його і натисніть Назад:
  • 6.  4. Вводимо довільне ім'я користувача та пароль, тиснемо Створити користувача:  5. У результаті ми отримаємо звіт про створення користувача, знову тиснемо Назад.  6. Наступним кроком буде додавання користувача до бази даних:  7. Відзначаємо всі привілеї, вносимо зміни:  8. Наприкінці ми отримаємо звіт про додавання користувача до бази, запам'ятайте ці імена.
  • 7.  Повертаємося до кроку 3 ↑ і вводимо отримані тільки що дані.  Ім'я користувача, ім'я бази даних вводимо в тому вигляді, в якому ми їх отримали в звіті, тобто з префіксами, якщо такі є, вводимо придуманий раніше пароль, тиснемо Далі. Якщо не вийшло, введіть дані заново, поки не перейдете до наступного кроку.  Пароль користувача базою даних відрізняється від пароля адміністратора.
  • 8.  Завершуємо процес. Встановлюємо демо-дані з вивченням Joomla або інші:  Конфігурацію сайту на e-mail можна відправляти або не відправляти, але дані запишіть.  Нижче проводимо початкову перевірку і звіряємо установки:
  • 9. Після видалення директорії 'Installation' можна увійти в адмінку або подивитися, як виглядає сайт
  • 10.  За замовчуванням процес покупки в кошику дуже заплутаний. Щоб полегшити життя покупцям і підвищити конверсію сайту спробуємо максимально спростити корзину.  Я розгляну варіант покупки без реєстрації, бо вважаю, що реєстрація доречна тільки на великих сайтах типу Ozon.ru. Virtuemart ж використовується для створення середніх магазинів, реєструватися на яких більшість покупців не буде, тому як у людей і так достатньо паролів, які їм потрібно пам'ятати.  За замовчуванням корзина виглядає приблизно так.
  • 11.  Для початку відключимо реєстрацію під час оформлення замовлення. Для цього потрібно зайти в компоненти-> Virtuemart-> Налаштування-> Оформлення замовлення та прибрати галочку навпроти «Реєстрація під час оформлення замовлення». Тут же можна налаштувати показ мініатюр зображень товару. Про інших полях поговоримо трохи пізніше.
  • 12.  Після цього поля для реєстрації не будуть виводиться в кошику.  Тепер приберемо посилання «Будь ласка, прочитайте і прийміть умови обслуговування». Це тільки віддаляє покупця від завершення покупки. Для цих цілей зазвичай використовуються окремі сторінки з інформацією про гарантії та умовами доставки. Якщо ми просто приберемо галочки в настройках в пунктах «Покупці повинні погоджуватися з умовами обслуговування під час замовлення» і «Показати інформацію про політику повернення в кошику / на сторінці підтвердження замовлення», то галочка близько кнопки оформлення замовлення все одно залишиться.
  • 13.  Прибрати її можна на сторінці налаштувань VirtueMart «Поля, які заповнюються користувачами». На цій же сторінці можна вибрати які саме поля будуть відображатися коли користувач будуть вводити свої дані під час оформлення замовлення. Щоб відключити непотрібні поля просто натискаємо на зелену галочку навпроти поля в колонках »Опубліковано» і «Обов'язково».
  • 14.  Правда відключити полі «Я згоден з Умовами обслуговування» таким чином не вийде.  Щоб зробити це та інші поля (наприклад, електронна пошта) активними потрібно внести невеликі правки в файл адміністратор / компоненти / com_virtuemart / моделі / userfields.php знаходимо код static function getCoreFields(){ return array( 'name','username', 'email', 'password', 'password2' , 'agreed'); } І коментуємо agreed static function getCoreFields(){ return array( 'name','username', 'email', 'password', 'password2' , /*'agreed'*/); } Після цього просто відключаємо поле adreed в налаштуваннях.
  • 15.  Далее, если у вас только один способ доставки или оплаты, то можно настроить их автоматический выбор при переходе в корзину. Для этого возвращаемся в настройки оформления заказа и активируем поля «Автоматический выбор способа доставки» и «Автоматический выбор способа оплаты».
  • 16.  Після цього при заході в кошик відразу будуть вибиратися способи оплати та доставки.
  • 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; }  Після всіх цих маніпуляцій процес оформлення замовлення значно скорочується порівняно зі стандартним варіантом. Тепер покупцеві досить натиснути кнопку «Оформити замовлення», заповнити кілька найнеобхідніших полів, зберегти зміни та натиснути на кнопку «Підтвердити замовлення».