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
667 20 0 Переможець6 днів600 UAH
Добрий день . Я займаюся веб-розробкою 3 роки.
Постійно працюю в WordPress, розробляю теми і плагіни.
Я можу зробити для вас короткод, досвід і приклад на живому сайті є.
Приклади своїх останніх робіт на WordPress скину в ЛС.
Якщо зацікавлені мої послуги - пишіть, буду раді співпрацювати.
Будемо обговорювати бюджет і терміни.
Завжди на зв'язку в телеграмах.
Актуальні фриланс-проєкти в категорії HTML та CSS верстання
Шукаємо веб-дизайнера / верстальника на WordPress (конструктор Divi)https://annalecat.com/corporate-training/ Що треба зробити:У нас є одна сторінка на сайті, яка зараз виглядає погано. Треба переробити її дизайн і заверстати так, щоб вона виглядала красиво, сучасно та акуратно. Що ми вже маємо для роботи: Текст: Повністю готовий і розбитий… HTML та CSS верстання, Дизайн сайтів ∙ 1 день 18 годин тому ∙ 35 ставок |
Обробка та заповнення пакета документів (Word та PDF)
3015 UAH
Шукаю фрилансера для оперативного заповнення та форматування пакета документів за готовими шаблонами (договори, контракти, декларації). Що входить у задачу: Заповнення цих самих шаблонів (анкетні дані кандидатів, умови, дати) у готові форми Word/PDF; Перевірка коректності… HTML та CSS верстання, Редагування та коректура текстів ∙ 2 дні 10 годин тому ∙ 32 ставки |
Верстка 3 сторінокНеобхідно зробити вертску за допомогою tailwind під вордпресс. Сторінки повинні бути максимально ізольовані від теми, аби не перекривати жодні стилі. Частина елементів вже існує в реалізованій темі, їх необхідно перевикористати. Мобільної версії в дизайні не має, необхідно… HTML та CSS верстання ∙ 2 дні 14 годин тому ∙ 62 ставки |
Комплексні правки WordPress: заміна плагіна форм (безпека), верстка та AI-SEO
1000 UAH
Шукаю WordPress-фахівця для виконання трьох блоків завдань на діючому сайті: Безпека та форми (Пріоритет): Повністю замінити застарілий плагін форм (який більше не оновлюється автором) на сучасний та безпечний аналог (Fluent Forms / Forminator). Перенести всі форми, зберегти… HTML та CSS верстання, Пошукова оптимізація (SEO) ∙ 2 дні 23 години тому ∙ 48 ставок |
Webflow Developer (Spanish Website Localization)Шукаємо Webflow Developer для локалізації сайту на іспанську мову. Завдання: Перекласти контент сайту https://teplin.agency/ з англійської на іспанську за допомогою AI-інструментів. Наповнити іспанську версію сайту в Webflow. Перевірити коректність відображення сторінок після… HTML та CSS верстання, Веб-програмування ∙ 5 днів 17 годин тому ∙ 25 ставок |
Тернопіль