WordPress / WooCommerce - підготовка шаблону сторінки продукту для кондиціонерів

WordPress / WooCommerce - підготовка шаблону сторінки продукту для кондиціонерів

Я шукаю когось, хто може допомогти мені підготувати постійний, багаторазовий шаблон сторінки продукту в WooCommerce.

Я керую компанією, яка встановлює системи кондиціонування. На моєму веб-сайті є продукти, такі як спліт-кондиціонери. Я хочу, щоб сторінки продуктів виглядали більш професійно та орієнтовано на продаж, а не як стандартний опис у стилі каталогу WooCommerce.

Приклад продукту, над яким я нещодавно працював:

https://strefaklimy.pl/produkt/gree-airy-champagne-27-kw/

Після кількох годин мені вдалося створити більш привабливий опис для цього кондиціонера, але робити це вручну для кожного продукту займає занадто багато часу. Я хочу почати підготовку контенту для наступних моделей, але мені потрібен постійний шаблон, щоб не доводилося все будувати з нуля.

Мета проекту

Я хочу, щоб фіксовані секції на сторінках продуктів були підготовлені один раз як шаблон, щоб для майбутніх продуктів я міг лише замінити текст, параметри, назву моделі, відео, FAQ та інші дані.

Я хочу, щоб секції на кожній сторінці продукту виглядали візуально ідентично:

• однакове оформлення
• однакові відстані
• однакові кольори
• один і той же тип плиток/карток
• узгоджені кнопки
• однакова ширина опису
• правильний вигляд на настільних комп'ютерах та мобільних пристроях

Контент для кожного кондиціонера буде різним, і я підготую його сам. Мені потрібно, щоб підрядник займався технічною та візуальною стороною шаблону.

Секції, які я хотів би мати у фіксованому оформленні

Сторінка продукту повинна включати такі секції:

• коротке введення продукту
• CTA-бар з номером телефону
• плитки/картки з основними перевагами, наприклад: “Чому обрати Gree Airy Champagne - 5 основних переваг”
• секція “Для яких кімнат?”
• секція “Ключові параметри в короткому викладі” - бажано, але не обов'язково
• секція “Що робить цю серію/модель особливою?”
• місце для відео з YouTube, фотогалереї або обох
• секція “Встановлення кондиціонера з StrefaKlimy.pl”
• поле, що заохочує користувачів переглянути фотогалерею наших завершених проектів
• FAQ - “Поширені запитання”
• фінальний CTA

Секція встановлення

У секції встановлення я хотів би фіксоване оформлення з 6 плиток/карток:

1. Розташування внутрішнього блоку

2. Маршрут встановлення

3. Дренаж конденсату

4. Зовнішній блок

5. Живлення та захист

6. Естетика оздоблення

На настільному комп'ютері найкраще оформлення буде 3 x 2.
На мобільному плитки повинні складатися одна під одну.

Технічні проблеми, які потрібно вирішити

1. Ширина опису продукту та центрування

Наразі опис продукту досить вузький і залишає багато порожнього простору з правого боку.

Я хотів би, щоб він відображався подібно до сторінки Aero7:

https://aero7.pl/klimatyzator/gree-airy-champagne

Це означає, що весь опис має бути центрований, з подібною кількістю білого простору зліва та справа. Сторінка продукту повинна виглядати спокійно, професійно і не повинна створювати враження, що контент “втікає” в один бік.

2. Відео з YouTube в описі продукту

Відео з YouTube не відображається правильно в описі продукту. Для тестового кондиціонера це відео:

https://www.youtube.com/watch?v=fhULgSsc1uE

Потрібно перевірити, як найкраще вбудувати відео в поточну тему та WooCommerce, щоб воно працювало правильно на настільних комп'ютерах та мобільних пристроях. Це може бути iframe, oEmbed, шорткод, блок WordPress або інше безпечне рішення.

3. Колір тексту CTA

В деяких полях CTA частина тексту має колір, схожий на фон, що робить його нечитаємим. Це потрібно організувати в шаблоні, щоб текст у кнопках та темних полях завжди був читабельним.

4. Розмір шрифту та узгодженість

Розміри шрифтів у шаблоні також потрібно визначити, щоб вони були узгоджені з усім веб-сайтом. Опис продуктів не повинен виглядати як окремий, випадково вставлений модуль.

Суть в тому, що заголовки, абзаци, списки, плитки/картки, FAQ та CTA повинні використовувати шрифти, узгоджені з поточним стилем веб-сайту. Текст має бути читабельним, але не занадто великим і не занадто маленьким. Важливо, щоб розміри шрифтів на настільних комп'ютерах та мобільних пристроях були однаковими.

Кольори веб-сайту

Будь ласка, збережіть поточну кольорову схему:

• темно-синій #23355D
• світло-синій #E6ECFD
• синій #6CA9E0
• зелений #71A200
• оранжевий #FDB033
• червоний CTA #CA232A
• сірий #727272 або #808080

Що я очікую від підрядника

Я шукаю когось, хто дійсно може працювати з WordPress, WooCommerce та CSS. Це не про ручне вставлення одноразового опису, а про підготовку багаторазового рішення.

Підрядник повинен:

• перевірити поточну тему та макет WooCommerce
• запропонувати найкращий спосіб реалізації шаблону
• покращити ширину та центрування опису продукту
• підготувати багаторазове оформлення секцій
• вирішити проблему з відео з YouTube
• подбати про вигляд на настільних комп'ютерах та мобільних пристроях
• не порушити інші продукти або макет веб-сайту
• коротко описати, як замінити контент для майбутніх продуктів

Чого я не шукаю

Я не шукаю когось, хто:

• просто вставить HTML в один продукт
• робитиме все вручну для кожного продукту
• не знає WooCommerce
• не перевірить мобільну версію
• працює з підходом “Я спробую, можливо, вийде”

Мені потрібен хтось, хто розуміє WordPress, WooCommerce, CSS і може підготувати розумний шаблон сторінки продукту.

Будь ласка, включіть у вашу відповідь

1. Як ви технічно підходили б до підготовки такого шаблону?

2. Як би ви вирішили проблему вузького опису та порожнього простору з правого боку?

3. Чи робили б ви це за допомогою CSS, модифікації шаблону WooCommerce, шорткоду, блоків Gutenberg, ACF, Elementor або іншого методу?

4. Скільки часу вам потрібно, щоб доопрацювати весь проект?

5. Яка буде ціна?

6. Чи можете ви показати 2-3 подібні проекти, бажано WooCommerce або сторінки продуктів?

Мене цікавить конкретна відповідь, а не загальне “Я зроблю це професійно”. Я хочу знати, як ви технічно підходили б до теми і чи здатні ви підготувати рішення, яке потім можна буде повторно використовувати для майбутніх продуктів.