1 ОБКЛАДИНКА - ВАРІАНТ 1 Прибрати опцію “Замінити зображення на відео-формат” (наразі вона ніде коректно не працює, можна не видаляти зовсім, а тільки приховати, щоб не відображалася, згодом допрацюємо) Задати параметри кольорів за замовчуванням: * Колір тексту = “Світлий колір сайту” (тут і далі якщо не вказано конкретний колір, то це кольори зі сторінки налаштувань) * Колір фону = “Третій колір-акцент” Змінити налаштування кольорів кнопки: *не редагується * Колір фону кнопки = “Світлий колір сайту” (зараз = фон хедеру) * Колір тексту на кнопці = “Колір тексту” * Не змінювати колір кнопки при наведенні (окремого ховер кольору немає на жодній кнопці в інших блоках, зробимо, щоб було всюди однаково, якщо що то потім будемо додавати) 2 ОПИС КУРСУ - ВАРІАНТ 1 Прибрати опцію “Замінити зображення на відео-формат” Задати параметри кольорів за замовчуванням: * Колір фону = #F2F2F2 (як фон в блоці “ВІДГУКИ - ВАРІАНТ 1”) * Колір фону кнопки = “Третій колір-акцент” * Колір тексту на кнопці = “Світлий колір сайту” * Колір тексту = “Колір тексту” Виправити баг: колір фону кнопки не змінюється на колір, заданий у відповідному полі. 3 КУРСИ НА ПЛАТФОРМІ - ВАРІАНТ 1 4 ДОСТУПНІ ТАРИФИ - ВАРІАНТ 1 Виправити баг: при натисканні на кнопку купити - помилка “{"title":"Помилка","description":"Не вказаний email","type":"error"}” 5 ЗАКЛИК ДО ДІЇ - ВАРІАНТ 1 Прибрати опцію “Замінити зображення на відео-формат” Задати параметри кольорів за замовчуванням: * Колір фону = “Третій колір-акцент” * Колір фону кнопки = “Світлий колір сайту” * Колір тексту на кнопці = “Колір тексту” * Колір тексту = “Світлий колір сайту” 6 ДЛЯ КОГО - ВАРІАНТ 1 Прибрати опцію “Замінити зображення на відео-формат” Некоректно працює видалення карток при редагуванні блоку: * якщо просто видалити та зберегти, то не видаляє картку. Якщо додати нову картку, видалити стару, зберегти - то ок. Некоректно працює “переміщення” карток: * якщо просто перемістити картки та зберегти, то не зберігає новий порядок. Якщо додати нову картку, перемістити, зберегти - то ок * в адмінці переміщуються тільки текстові поля, без картинки https://prnt.sc/KoKkdcPrt8VD, хоча на сайті картка переміщується разом зі своєю картнкою https://prnt.sc/LeMmUlhpd8iY фон білий, текст чорний, не редагується 7 ВІДГУКИ - ВАРІАНТ 1 Прибрати опцію “Замінити зображення на відео-формат” Виправити відображення, якщо відгук короткий https://prnt.sc/efJMMvTnEqAz З видаленням та переміщенням карток ті ж проблеми, що і в п.6 * колір картки, текст на кнопці - світлий колір сайту, колір кнопки - третій колір акцент. Не змінюється 8 ХТО ВЕДЕ ОНЛАЙН-КУРС - ВАРІАНТ 1 Задати параметри кольорів за замовчуванням: * Колір фону = #F2F2F2 (як фон в блоці “ВІДГУКИ - ВАРІАНТ 1”) * Колір тексту = “Колір тексту” Прибрати опцію “Замінити зображення на відео-формат” З видаленням та переміщенням карток ті ж проблеми, що і в п.6 !!!9 ОБКЛАДИНКА - ВАРІАНТ 2 Перенести поля для опису кнопки 1 під блок з картками, до другої кнопки https://prnt.sc/1BzLtvebzKxD Зробити заголовки та плейсхолдери для полів btn2link, btn2text + поміняти їх місцями (спочатку текст, потім посилання): * btn2text - “Текст на кнопці 2” * btn2link - “Посилання для кнопки 2” Задати параметри кольорів за замовчуванням: * Колір фону = “Головний колір-акцент” * Колір фону кнопки = “Світлий колір сайту” * Колір тексту на кнопці = “Колір тексту” * Колір тексту = “Світлий колір сайту” Прибрати опцію “Замінити зображення на відео-формат” З видаленням та переміщенням карток ті ж проблеми, що і в п.6 10 ОПИС КУРСУ - ВАРІАНТ 2 Задати параметри кольорів за замовчуванням: * Колір фону = #F2F2F2 (як фон в блоці “ВІДГУКИ - ВАРІАНТ 1”) * Колір фону кнопки = “Головний колір-акцент” * Колір тексту на кнопці = “Світлий колір сайту” * Колір тексту = “Колір тексту” Прибрати опцію “Замінити зображення на відео-формат” З видаленням та переміщенням карток ті ж проблеми, що і в п.6 11 ЧОГО ВИ НАВЧИТЕСЯ - ВАРІАНТ 1 Прибрати опцію “Замінити зображення на відео-формат” З видаленням та переміщенням карток ті ж проблеми, що і в п.6 *колір заголовків на картці буде - головний колір акцент 12 ЗАКЛИК ДО ПОКУПКИ КУРСУ - ВАРІАНТ 1 *колір фону за замовчуванням - головний колір акцент, текст - білий, кнопка - біла, текст на кнопці - чорний. не змінюється !!!13 ПРОГРАМА КУРСУ - ВАРІАНТ 1 Змінити налаштування кольорів: * Колір кружечка = “Колір фонів” https://prnt.sc/IHyU7B3DOZmk * Колір хрестика = “Головний колір-акцент” *колір фону - білий, колір заголовка та тексту - чорний, колір підзаголовка та заголовка картки - головний колір-акцент. не редагується З видаленням та переміщенням карток ті ж проблеми, що і в п.6 14 ХТО ВЕДЕ ОНЛАЙН-КУРС - ВАРІАНТ 2 Задати параметри кольорів за замовчуванням: * Колір фону = “Головний колір-акцент” * Колір тексту = “Світлий колір сайту” Прибрати опцію “Замінити зображення на відео-формат” З видаленням та переміщенням карток ті ж проблеми, що і в п.6 !!!! 15 ХТО ВЕДЕ ОНЛАЙН-КУРС - ВАРІАНТ 3 Задати параметри кольорів за замовчуванням: * Колір фону = “Головний колір-акцент” * Колір тексту = “Світлий колір сайту” Прибрати опцію “Замінити зображення на відео-формат” З видаленням та переміщенням карток ті ж проблеми, що і в п.6 16 ГАЛЕРЕЯ - ВАРІАНТ 1 Прибрати опцію “Замінити зображення на відео-формат” З видаленням та переміщенням карток ті ж проблеми, що і в п.6 !!!17 ВІДГУКИ - ВАРІАНТ 2 Змінити налаштування кольорів: * Колір стрілки-горталки відгуків (не скріншотиться) = “Головний колір-акцент” Прибрати опцію “Замінити зображення на відео-формат” З видаленням та переміщенням карток ті ж проблеми, що і в п.6 * колір кнопки - головний колір акцент. колір тексту на кнопці - білий. колір фону блоку - сірий. колір фону картки - білий, колір тексту на картці - чорний. не редагується !!!18 ДОСТУПНІ ТАРИФИ - ВАРІАНТ 1 Змінити налаштування кольорів: * Колір фону підложки під кнопку = % від “Головний колір-акцент” * Колір булєтів = “Четвертий колір-акцент” https://prnt.sc/9r1iEDJ1KPfh Змінити заголовок та плейсхолдер поля subtitle2 = “Підзаголовок 2” (перемістити це поле до першого заголовку) Прибрати опцію “Замінити зображення на відео-формат” З видаленням та переміщенням карток ті ж проблеми, що і в п.6 19 УРОКИ КУРСУ - ВАРІАНТ 1 *колір кнопки - головний колір-акцент, колір тексту на кнопці - білий, колір назви уроку - колір тексту з налаштувань школи. не редагується 20 ТЕКСТОВИЙ БЛОК - ВАРІАНТ 1 Текст з поля “Заголовок” не відображається на сторінці - він там потрібен? 21 HTML БЛОК - ВАРІАНТ 1 Текст з поля “Заголовок” не відображається на сторінці - він там потрібен? 22 ЗАГОЛОВК + СПИСОК ЕЛЕМЕНТІВ Виправити помилку в назві шаблону - ЗАГОЛОВОК Прибрати опцію “Замінити зображення на відео-формат” З видаленням та переміщенням карток ті ж проблеми, що і в п.6 23 ЗАГОЛОВОК + ТЕКСТ + ЗОБРАЖЕННЯ Прибрати опцію “Замінити зображення на відео-формат” Замінити прев’ю (зараз з позначкою коментаря з Фігми) - https://prnt.sc/1x2Y-vqy2-oD який має бути формат картинки? Параметри зображень Конструктор ОБКЛАДИНКА - ВАРІАНТ 1 При ширині вікна 1788, розмір блоку з контентом - 1240 (1260 - 2*10 на відступи). Ширина зображення = ½ від блоку, 620. Висота підганяється зі збереженням пропорцій оригінального фото На меншому планшетному екрані ширина так само ½ від розміру блоку з контентом, але висота вже фіксована (400) На мобільному також фіксована ширина та висота, але пропорції відрізняються від планшетних. ?? Рекомендовані пропорції 2:1 (620:310, мінімальна висота текстового блоку 300), 1:1 На планшеті/мобільному висота має пропорційним вихідним параметрах зображення (як зроблено на десктопному варіанті) ОПИС КУРСУ - ВАРІАНТ 1 ? Рекомендувати 1:1. Розташування зображення відносно блоку з текстом? Ширина 420px, висота - авто, максимальна - 410px Ширина 300, висота - авто, максимальна - 300 Ширина 340, висота - авто, максимальна - 340 КУРСИ НА ПЛАТФОРМІ - ВАРІАНТ 1 370*226, 340*200, 320*200 ДОСТУПНІ ТАРИФИ - ВАРІАНТ 1 Ширина та висота фіксовані, 368*170, 328*170, 308*170 ЗАКЛИК ДО ДІЇ - ВАРІАНТ 1 Максимальна ширина 400/370/340, висота - авто, максимальної немає * ДЛЯ КОГО - ВАРІАНТ 1 Ширина та висота фіксовані, 400*250, 360*180, 340*180 400*250 = 8/5 за таких пропорцій: * для ширини 360 має бути висота 225 * для 340 - 212,5 + ВІДГУКИ - ВАРІАНТ 1 Можна робити плейсхолдер з вказанням рекомендованої пропорції 1:1 Для всіх пристроїв фіксовані параметри - 60*60. + ХТО ВЕДЕ ОНЛАЙН-КУРС - ВАРІАНТ 1 Можна робити плейсхолдер з вказанням рекомендованої пропорції 1:1 Десктоп: Ширина - 505, висота - авто, максимальної немає Планшет: ширина - 349,45 (здається, мало б бути 360), висота - авто, мінімальна - 350, максимальної немає Моб: ширина - 340, висота - авто, мінімальна - 350, максимальної немає ОБКЛАДИНКА - ВАРІАНТ 2 ~2:3 ОПИС КУРСУ - ВАРІАНТ 2 зберігаються оригінальні пропорції зображення + ЧОГО ВИ НАВЧИТЕСЯ - ВАРІАНТ 1 Можна робити плейсхолдер з вказанням рекомендованої пропорції 1:1 ЗАКЛИК ДО ПОКУПКИ КУРСУ - ВАРІАНТ 1 ПРОГРАМА КУРСУ - ВАРІАНТ 1 ХТО ВЕДЕ ОНЛАЙН-КУРС - ВАРІАНТ 2 * ХТО ВЕДЕ ОНЛАЙН-КУРС - ВАРІАНТ 3 Ширина змінна, висота фіксована: 295*295, 360*295, 340*295 Зробити в планшетному та мобільному виді висоту рівною ширині (тоді можна робити плейсхолдер з вказанням рекомендованої пропорції 1:1) + ГАЛЕРЕЯ - ВАРІАНТ 1 Можна робити плейсхолдер з вказанням рекомендованої пропорції 1:1 + ВІДГУКИ - ВАРІАНТ 2 Можна робити плейсхолдер з вказанням рекомендованої пропорції 1:1 * Відцентрувати розташування кнопки * Змінити колір горталок на головний колір акцент Для всіх пристроїв фіксовані параметри - 60*60 (cover). + ДОСТУПНІ ТАРИФИ - ВАРІАНТ 1 Перейменувати, бо секція взагалі не про тарифи (щось типу “Про курс”) Можна робити плейсхолдер з вказанням рекомендованої пропорції 1:1 100*100, 100*100, 80*80 + УРОКИ КУРСУ - ВАРІАНТ 1 Можна робити плейсхолдер з вказанням рекомендованої пропорції 5:8 (зберігається в усіх форматах) !!! Треба до такої ж пропорції привести зображення в блоці з програмою на сторінці уроку ТЕКСТОВИЙ БЛОК - ВАРІАНТ 1 HTML БЛОК - ВАРІАНТ 1 + ЗАГОЛОВОК + СПИСОК ЕЛЕМЕНТІВ Можна робити плейсхолдер з вказанням рекомендованої пропорції 1:1 Для всіх пристроїв фіксовані параметри - 70*70 (cover). * ЗАГОЛОВОК + ТЕКСТ + ЗОБРАЖЕННЯ Ширина 1240 / 740 / 340, висота - авто, максимальної немає Рекомендувати 1:4, 1:3 ? Змінити розташування заголовку відносно тексту?