Shortcode для WordPress
600 UAHСтворити міні-візард на 4 кроки.
Дизайн, стилі і відстані взяти з наступного шаблону -- https://www.figma.com/file/bBavX3TsEUGS0woqnAlXtw/Wedpress-Dev-Test?node-id=0%3A1
Шорткод має бути таким:
[r_test title=”Test work”]This is the description[/r_test]
Умови
- Створити дочірну тему для TwentyTwentyOne
- Коректно підключити до неї Jquery, Bootstrap 4, шрифт Inter
- Для верстки використовувати Bootstrap 4, для JavaScript можна використовувати JQuery.
- Створити і коректно підключити нові стилі і стилізувати міні-візард, щоб він виглядав ідентично до макету
- Висота міні-візарду має залишати однаковою на всіх кроках на всіх десктопных розширення, для мобільних -- має відповідати висоті контенту
- Кнопки внизу на всіх кроках мають бути на однаковій висоті від нижнього краю блоку
- Міні-візард має коректно відображатись на всіх розширеннях екранів (десктоп і мобільні).
- На першому кроці в Figma показана сітка Bootstrap, щоб можна було зрозуміти розміщення блоків та елементів (верстати сітку не потрібно)
- Title i Description має показуватися під міні-візардом
- Не потрібно щоб кроки в breadcrumbs були клікабельні, але потрібно щоб активний пункт виділявся так як показано на макеті
Опис функціоналу
Крок 1: Поля “Name”, “Email” (обов’язкове поле з валідацією, яка не пустить на наступний крок при помилці), “Phone”. Кнопка “Continue”, яка переводить на Крок 2
Крок 2: Поле для введення тільки цифр “Quantity” з максимальним значенням 1000 (обов’язкове поле з валідацією, яка не пустить на наступний крок при помилці). Кнопка “Continue”, яка переводить на Крок 3, Кнопка “Back”, яка переводить на Крок 1
Крок 3: Показує ціну, яка залежить від “Quantity” по діапазонам 1-10: $10, 11-100: $100, 101-1000: $1000. Кнопка “Send”, яка відправляє емейл на вказаний в Кроці 1 зі всіма заповненими полями на Візарду і ціною , Кнопка “Back”, яка переводить на Крок 2
Крок 4: При успішній відправці має показатися повідомлення, що лист успішно відправлено. При не успішній -- повідомлення що листа відправлено не було через проблему. Внизу кнопка “Start again” має відправляти на 1 крок, всі поля мають бути очищені від попередніх даних.
Перехід між кроками 1-3 має відбуватися через JavaScript без перезагрузки сторінки і відправки даних на бекенд.
Перехід між кроками 3-4 має відправляти дані на бекенд і слати емейл з бекенду
Відгук замовника про співпрацю з Олександром В.
Shortcode для WordPressЧудовий виконавець. Швидко, якісно та вчасно! Рекомендую до співпраці!
Відгук фрилансера про співпрацю з Nazariy Petryk
Shortcode для WordPressЧудовий замовник.
Приємний у спілкуванні, чітко ставить завдання. У разі спірних моментів в ході розробки - дає своє бачення ситуації, в залежності від якого вирішуємо проблему.
Оплата своєчасна. Завжди був на звязку.
Співпрацею дуже задоволений.
Рекомендую! Готовий співпрацювати ще!
-
Переможець6 днів600 UAH
698 20 0 Переможець6 днів600 UAH
Добрий день . Я займаюся веб-розробкою 3 роки.
Постійно працюю в WordPress, розробляю теми і плагіни.
Я можу зробити для вас короткод, досвід і приклад на живому сайті є.
Приклади своїх останніх робіт на WordPress скину в ЛС.
Якщо зацікавлені мої послуги - пишіть, буду раді співпрацювати.
Будемо обговорювати бюджет і терміни.
Завжди на зв'язку в телеграмах.
Актуальні фриланс-проєкти в категорії HTML та CSS верстання
Оптимізація швидкості сайту WordPress
5110 UAH
повні деталі надішлемо в особисті повідомлення Мета Максимально прискорити завантаження сайту, особливо на мобільних пристроях. KPI (обов'язково) Після завершення робіт необхідно досягти наступних показників. Mobile Performance 90+ LCP менше 2.2 сек INP менше 200 мс CLS менше… HTML та CSS верстання, Javascript та Typescript ∙ 2 години 2 хвилини тому ∙ 33 ставки |
Сверстати сайт і підв'язати його до Shopifyзверстати сайт і підв'язати його до shopify на макеті основна сторінка сторінки товарів не буде, буде модальне вікно з вибором обсягу баночки крему та його кількості після вікно доставки та оплати замовлення повинно йти в shopify з повною інформацією про замовлення… HTML та CSS верстання, Веб-програмування ∙ 4 години 48 хвилин тому ∙ 49 ставок |
Оптимізація сайту
Оптимізація сайту jdgreta.co.uk на Shopify. Сео аудит додано до проекту. Основні завдання - - Виправити всі мета дані - Виконати ТЗ для програміста (оскільки в цьому проекті поєднані завдання для програміста та СЕО, якщо ви не компанія - можете скористатися допомогою) -… HTML та CSS верстання, PHP ∙ 1 день 5 годин тому ∙ 30 ставок |
Перенос сайту на Shopify
Потрібно перенести поточний сайт jdfurniture.uk з OpenCart на платформу Shopify. Зараз сайт на OpenCart в цілому нас влаштовує за структурою та логікою роботи. Основна причина переносу — проблеми з платіжними системами. На Shopify таких проблем бути не повинно. Також для нас… HTML та CSS верстання, Веб-програмування ∙ 1 день 23 години тому ∙ 40 ставок |
Перенесення дизайну на WordPress
2000 UAH
Доброго дня! Потрібно перенести готовий дизайн односторінкового лендінгу на WordPress.Макет повністю готовий (Figma), дизайн розробляти не потрібно. Необхідно якісно зверстати сторінку, адаптувати під мобільні пристрої та налаштувати її на WordPress. Будь ласка, у відгуку… HTML та CSS верстання ∙ 2 дні 5 годин тому ∙ 105 ставок |
Тернопіль