які результати ви отримаєте, пройшовши курс:
- Навчіться реєструвати доменне ім'я для свого сайту, що в майбутньому допоможе вам миттєво переключитися на основний домен;
- Підготуйте свій браузер для зручної роботи, а також познайомитеся з адміністраторською зоною свого інтернет-магазину;
- навчитеся додавати нові товари в свій інтернет-магазин, і дізнаєтеся, звідки брати тестові товари для періоду навчання;
- познайомитеся з важливими принципами, які дозволять вам виводити певні товари в потрібному місці сайту;
- дізнаєтеся про те, які інструменти знадобляться Вам для повноцінної роботи зі зміни дизайну інтернет-магазину.
Розділ 1. стартовий
1.1 Три способи створити інтернет-магазин (30: 16)
1.2 реєструємо домен для вашого магазину (10:54)Дод. матеріали
1.3 реєстрація в системі InSales (05:53)Дод. матеріали
1.4 знайомство з інтерфейсом (03:17)
1.5 робота з товарами (13:36)
1.6 модифікації товару (12: 15)
1.7 супутні та аналогічні товари (06:39)
1.8 масові дії з товарами (11:20)
1.9 як виводити товари на головну сторінку (04: 29)
1.10 Налаштування сторінок магазину (03:22)
1.11 Налаштування навігаційного меню магазину (08: 41)
Розділ 2. Пристрій шаблону і базові конструкції.
2.1 Три причини зробити унікальний дизайн вашого магазину (08: 20)
2.2 інструментарій, необхідний для роботи (08:50)Дод. матеріали
2.3 знання, які вам знадобляться для роботи (05:24)Дод. матеріали
2.4 знайомство з вкладкою" Дизайн " (09:20)
2.5 пристрій шаблону (21:43)
2.6 Блок контенту (04:54)
2.7 Сніпети (06:07)
2.8 змінні та об'єкти (11:25)
2.9 фільтри змінних (05:10)Дод. матеріали
2.10 умова if-else (10:42)
2.11 конструкція unless (02:52)
2.12 Цикл for (09:З9)
2.13 створюємо наш перший цикл (08: 36)
2.14 вкладений цикл (07:48)
Розділ 3. зміна дизайну магазину
3.1 міняємо головний шрифт шаблону (09:24)
3.2 міняємо фонове зображення шаблону (07:15)
3.3 налаштовуємо колір тексту і базовий розмір шрифту (01:56)
3.4 Верхнє меню (09:48)
3.5 три доопрацювання верхнього меню (03: 02)
3.6 доопрацювання блоку пошуку (08:27)
3.7 доопрацювання іконки кошика у верхньому меню (10: 07)
3.8 Шапка сайту. Частина 1 (10: 04)
3.9 Шапка сайту. Частина 2 (11: 57)
3.10 список категорій (16: 05)
3.11 доопрацювання меню категорій (07:59)
3.12 Слайдер (07:59)
3.13 кнопки перемикання слайдів (03:26)
3.14 Заголовки (15:49)
3.15 картка товару Частина 1 (08: 06)
3.16 картка товару. Частина 2 (15:06)Дод. матеріали
3.17 Блок інформації під товарами (04: 13)
3.18 Блоки" акції“," Спецпропозиції"," розпродаж " (10:37)
3.19 висновок закресленої ціни в блоці" розпродаж " (09:01)
3.20 Футер. Створюємо основу (13: 05)
3.21 Футер. Додаємо меню (03:29)
3.22 Футер. Блок пошуку (04:28)
3.23 Футер. Пунктирна лінія (02:02)
3.24 Футер. Телефони та іконки соцмереж (07:35)
3.25 Футер. Блок платіжних систем (03: 29)
3.26 Футер. Блок копірайту (03:53)
3.27 Дизайн товару, за яким є акція (05:05)
3.28 додаємо три блоки в сайдбар (07: 58)
3.29 допрацьовуємо дизайн трьох блоків в сайдбарі (16:06)
3.30 доопрацювання блоку кошика в сайдбарі (06: 54)
3.31 хлібні крихти. Частина 1 (08: 13)
3.32 хлібні крихти. Частина 2 (05: 25)
3.33 сторінка категорії. Додаємо зазор (05:35)
3.34 сторінка категорії. Блок підкатегорій (04: 38)
3.35 сторінка категорії. Система сортування. Частина 1 (04: 59)
3.36 сторінка категорії. Система сортування . Частина 2 (15: 24)
3.37 сторінка категорії. Видаляємо роздільник (05:58)
3.38 сторінка категорії. Фінальні доопрацювання (03:30)
3.39 сторінка товару. Властивості товару (11: 20)
3.40 сторінка товару. Модифікації товарів (14: 42)
3.41 сторінка товару. Блок кількості (08:15)
3.42 сторінка товару. Блок" поділитися " (06:19)
3.43 сторінка товару. Заголовки (05:56)
3.44 сторінка товару. Дизайн відгуків. Частина 1 (09: 58)
3.45 сторінка товару. Дизайн відгуків Частина 2 (08:27)
3.46 сторінка товару. Зовнішній вигляд старої ціни (04: 33)
3.47 сторінка кошика (05:40)
3.48 сторінка пошуку (04:14)
3.49 сторінка входу в Особистий кабінет (16: 26)
3.50 сторінка оформлення замовлення (06:08)
3.51 модальне вікно і кнопка додавання відгуків (02: 31)
3.52 Дизайн сторінки 404 (05: 06)
3.53 Три варіанти, якщо товар закінчився (14: 02)
3.54 виводимо залишок товару на складі (04:57)Дод. матеріали
3.55 міняємо favicon на свою (02:10)
Розділ 4. Оплата, доставка, домен, аналітика.
4.1 налаштовуємо способи доставки (11: 40)
4.2 Налаштування способів оплати (10: 43)
4.3 перевіряємо зв'язок способів доставки зі способами оплати (01: 45)
4.4 виділяємо назви способів оплати і доставки (04:58)
4.5 перемикаємо сайт на основний домен (02: 29)
4.6 підключаємо системи аналітики (06: 05)
Розділ 5. Адміністраторська частина магазину
5.1 базові вкладки (07.00)
5.2 замовлення (08:23)
5.3 клієнти (03:17)
5.4 обмін даними (05:13)
5.5 статті (06:56)
5.6 виводимо записи блогу (08: 37)
5.7 знижки та бонуси (05:59)
5.8 Додатки (05:16)
5.9 Аккаунт (03:47)
5.10 створення нових шаблонів (04:30)
5.11 Налаштування. Базові моменти (15: 24)
5.12 Налаштування оформлення замовлення. Частина 1 (04: 41)
5.13 Налаштування оформлення замовлення. Частина 2 (07:34)
5.14 Налаштування оформлення замовлення. Частина 3 (04: 03)
5.15 створення багатомовної версії магазину (08:21)Дод. матеріали
5.16 перевірка сайту магазину в інших браузерах (04: 39)
5.17 висновок (04:50)
1.1 Три способи створити інтернет-магазин (30: 16)
1.2 реєструємо домен для вашого магазину (10:54)Дод. матеріали
1.3 реєстрація в системі InSales (05:53)Дод. матеріали
1.4 знайомство з інтерфейсом (03:17)
1.5 робота з товарами (13:36)
1.6 модифікації товару (12: 15)
1.7 супутні та аналогічні товари (06:39)
1.8 масові дії з товарами (11:20)
1.9 як виводити товари на головну сторінку (04: 29)
1.10 Налаштування сторінок магазину (03:22)
1.11 Налаштування навігаційного меню магазину (08: 41)
Розділ 2. Пристрій шаблону і базові конструкції.
2.1 Три причини зробити унікальний дизайн вашого магазину (08: 20)
2.2 інструментарій, необхідний для роботи (08:50)Дод. матеріали
2.3 знання, які вам знадобляться для роботи (05:24)Дод. матеріали
2.4 знайомство з вкладкою" Дизайн " (09:20)
2.5 пристрій шаблону (21:43)
2.6 Блок контенту (04:54)
2.7 Сніпети (06:07)
2.8 змінні та об'єкти (11:25)
2.9 фільтри змінних (05:10)Дод. матеріали
2.10 умова if-else (10:42)
2.11 конструкція unless (02:52)
2.12 Цикл for (09:З9)
2.13 створюємо наш перший цикл (08: 36)
2.14 вкладений цикл (07:48)
Розділ 3. зміна дизайну магазину
3.1 міняємо головний шрифт шаблону (09:24)
3.2 міняємо фонове зображення шаблону (07:15)
3.3 налаштовуємо колір тексту і базовий розмір шрифту (01:56)
3.4 Верхнє меню (09:48)
3.5 три доопрацювання верхнього меню (03: 02)
3.6 доопрацювання блоку пошуку (08:27)
3.7 доопрацювання іконки кошика у верхньому меню (10: 07)
3.8 Шапка сайту. Частина 1 (10: 04)
3.9 Шапка сайту. Частина 2 (11: 57)
3.10 список категорій (16: 05)
3.11 доопрацювання меню категорій (07:59)
3.12 Слайдер (07:59)
3.13 кнопки перемикання слайдів (03:26)
3.14 Заголовки (15:49)
3.15 картка товару Частина 1 (08: 06)
3.16 картка товару. Частина 2 (15:06)Дод. матеріали
3.17 Блок інформації під товарами (04: 13)
3.18 Блоки" акції“," Спецпропозиції"," розпродаж " (10:37)
3.19 висновок закресленої ціни в блоці" розпродаж " (09:01)
3.20 Футер. Створюємо основу (13: 05)
3.21 Футер. Додаємо меню (03:29)
3.22 Футер. Блок пошуку (04:28)
3.23 Футер. Пунктирна лінія (02:02)
3.24 Футер. Телефони та іконки соцмереж (07:35)
3.25 Футер. Блок платіжних систем (03: 29)
3.26 Футер. Блок копірайту (03:53)
3.27 Дизайн товару, за яким є акція (05:05)
3.28 додаємо три блоки в сайдбар (07: 58)
3.29 допрацьовуємо дизайн трьох блоків в сайдбарі (16:06)
3.30 доопрацювання блоку кошика в сайдбарі (06: 54)
3.31 хлібні крихти. Частина 1 (08: 13)
3.32 хлібні крихти. Частина 2 (05: 25)
3.33 сторінка категорії. Додаємо зазор (05:35)
3.34 сторінка категорії. Блок підкатегорій (04: 38)
3.35 сторінка категорії. Система сортування. Частина 1 (04: 59)
3.36 сторінка категорії. Система сортування . Частина 2 (15: 24)
3.37 сторінка категорії. Видаляємо роздільник (05:58)
3.38 сторінка категорії. Фінальні доопрацювання (03:30)
3.39 сторінка товару. Властивості товару (11: 20)
3.40 сторінка товару. Модифікації товарів (14: 42)
3.41 сторінка товару. Блок кількості (08:15)
3.42 сторінка товару. Блок" поділитися " (06:19)
3.43 сторінка товару. Заголовки (05:56)
3.44 сторінка товару. Дизайн відгуків. Частина 1 (09: 58)
3.45 сторінка товару. Дизайн відгуків Частина 2 (08:27)
3.46 сторінка товару. Зовнішній вигляд старої ціни (04: 33)
3.47 сторінка кошика (05:40)
3.48 сторінка пошуку (04:14)
3.49 сторінка входу в Особистий кабінет (16: 26)
3.50 сторінка оформлення замовлення (06:08)
3.51 модальне вікно і кнопка додавання відгуків (02: 31)
3.52 Дизайн сторінки 404 (05: 06)
3.53 Три варіанти, якщо товар закінчився (14: 02)
3.54 виводимо залишок товару на складі (04:57)Дод. матеріали
3.55 міняємо favicon на свою (02:10)
Розділ 4. Оплата, доставка, домен, аналітика.
4.1 налаштовуємо способи доставки (11: 40)
4.2 Налаштування способів оплати (10: 43)
4.3 перевіряємо зв'язок способів доставки зі способами оплати (01: 45)
4.4 виділяємо назви способів оплати і доставки (04:58)
4.5 перемикаємо сайт на основний домен (02: 29)
4.6 підключаємо системи аналітики (06: 05)
Розділ 5. Адміністраторська частина магазину
5.1 базові вкладки (07.00)
5.2 замовлення (08:23)
5.3 клієнти (03:17)
5.4 обмін даними (05:13)
5.5 статті (06:56)
5.6 виводимо записи блогу (08: 37)
5.7 знижки та бонуси (05:59)
5.8 Додатки (05:16)
5.9 Аккаунт (03:47)
5.10 створення нових шаблонів (04:30)
5.11 Налаштування. Базові моменти (15: 24)
5.12 Налаштування оформлення замовлення. Частина 1 (04: 41)
5.13 Налаштування оформлення замовлення. Частина 2 (07:34)
5.14 Налаштування оформлення замовлення. Частина 3 (04: 03)
5.15 створення багатомовної версії магазину (08:21)Дод. матеріали
5.16 перевірка сайту магазину в інших браузерах (04: 39)
5.17 висновок (04:50)