Більше результатів...

Загальні селектори
Тільки точні збіги
Шукати у заголовках
Шукати у контенті
Вибір типів постів
Фільтрувати за категоріями
FAQ
Hostenko
Натхнення
Відео уроки
Новини
Плагіни
теми
Уроки
Хакі

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

Сторінки продуктів WooCommerce

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!

Це складно зробити, якщо покладатися тільки на WooCommerce і свою тему, тому що доводиться більш-менш дотримуєтеся макету за умовчанням.

Макет за замовчуванням

Натомість можна використовувати інші плагіни, щоб робити такі речі, як:

  • Додайте додаткові елементи контенту.
  • Змінити шрифти та кольори.
  • Внесіть зміни до структури сторінки.
  • Або навіть повністю налаштувати сторінки продуктів із нуля.

І все це робити без програмування!

Деякі ідеї шаблонів продуктів, що повністю налаштовуються:

Шаблони продуктів, що настроюються.

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

1. Змініть стиль сторінок продукту

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

Кольори WooCommerce

Плагін WooCommerce Colors

Кольори WooCommerce дозволяє налаштовувати кольори різних елементів WooCommerce, таких як кнопка "Додати в кошик", ціну продукту та інші. Ви можете внести ці зміни за допомогою власного налаштування WordPress.

Налаштувач WordPress

Це простий і зрозумілий плагін, який не вимагає будь-яких знань CSS. Однак він дозволяє налаштовувати лише кольори, і ви не зможете перевизначити деякі кольори залежно від вашої теми.

Ціна: Безкоштовно.

Жовтий олівець

Плагін YellowPencil

Завдяки плагіну Жовтий олівець можна змінювати шрифти, кольори, розміри шрифтів, відстань між елементами та навіть додавати анімовані візуальні ефекти у зовнішній інтерфейс вашого сайту. У безкоштовній версії є багато варіантів стилів, але Жовтий олівець Pro додає розширені параметри для градієнтів, анімації, шрифтів, кольорових палітр, фонових зображень і багато іншого.

Анімовані візуальні ефекти

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

YellowPencil дозволяє переупорядковувати елементи у шаблоні, але не можна додавати нові елементи. В результаті ви обмежені елементами, які вже існують у шаблоні одного продукту за промовчанням.

Ціна: безкоштовно, з можливістю платного поновлення.

CSS Hero

Плагін CSS Hero

Що він робить: CSS Hero – це візуальний редактор, за допомогою якого можна вносити зміни до стилю вашого сайту, автоматично налаштовуючи CSS у міру внесення візуальних змін.

Скріншот роботи CSS Hero
З цим плагіном ви налаштуєте елементи вашого шаблону, змінивши кольори, шрифти, чуйні точки зупинки та багато іншого. Ви також можете приховати елементи або зберегти стиль певних елементів повторно використовувати їх в інших місцях вашого сайту.
Однак не можна змінювати порядок або додавати нові елементи, тому ви обмежені макетом та елементами, які вже існують у шаблоні продукту.

Ціна: платно, від 29 доларів на рік.

Дивіться також:

Плагіни Gutenberg блоки для магазинів WooCommerce.

2. Додайте нові елементи до списків продуктів

Якщо ви хочете додати на свої сторінки додаткові елементи, наприклад місця для додаткового контенту або відео про продукти, ці плагіни пропонують способи додавання таких елементів на сторінки окремих продуктів.

Налаштування сторінки одного продукту WooCommerce

Плагін WooCommerce Single Product Page Customizer

Налаштування сторінки одного продукту WooCommerce дозволяє додавати поля тексту користувача або HTML у шаблон продукту і вибирати, де на сторінці їх відображати.

Наприклад, ви можете додати інформацію, таку як посібник з розміру одягу, інформацію про доставку або посилання на політику повернення у вашому магазині. Потім ця інформація відображатиметься для всіх ваших продуктів.

Як створювати власні сторінки продуктів WooCommerce

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

Ціна: Безкоштовно.

Спеціальні вкладки продуктів для WooCommerce

Плагін Custom Product Tabs for WooCommerce

Спеціальні вкладки продуктів для WooCommerce дозволяє додавати додаткові вкладки із текстом, зображеннями, HTML або короткими кодами на сторінках продуктів. Потім можна вибрати, для яких продуктів відображати інформацію.

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

Плагін для відображення додаткової інформації про виробників

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

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

Ціна: безкоштовно, із платною версією Pro.

Відео про продукт для WooCommerce

Плагін Product Video for WooCommerce

Відео про продукт для WooCommerce дозволяє додавати відео на сторінки продуктів або до галереї продуктів. Можна вбудовувати відео YouTube, Vimeo, Dailymotion, Metacafe, Facebook або завантажувати власні. Він також пропонує кілька варіантів відображення: у спливаючому вікні, всередині вашої сторінки та в повноекранному режимі.

Варіанти відображення

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

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

Ціна: платно, зараз 49 доларів.

3. Створюйте індивідуальні продукти

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

Набір інструментів

Плагін Toolset

Набір інструментів  дає можливість створювати шаблони продуктів повністю з нуля з бажаним макетом, стилем та елементами сторінки, і це без програмування.

Ціна: платно, плани від 69 доларів.

Створіть власний шаблон з динамічним контентом і стилем, що повністю настроюється.

За допомогою Toolset можна легко створити шаблон продукту, використовуючи блоки WooCommerce та Toolset, та заповнити ці блоки динамічним контентом. Це означає, що потрібно створити шаблон лише один раз, і він автоматично підбере правильну назву продукту, опис, ціну, відгуки та багато іншого залежно від продукту.

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

Безліч варіантів стилю

Виберіть конкретні критерії відображення для шаблонів

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

Різні шаблони для товарів

Подальше налаштування вашого магазину WooCommerce з ще більшою функціональністю

Популярні конструктори сторінок, такі як Elementor Pro, Divi та WPBakery, також пропонують варіанти для створення та налаштування сторінок продуктів WooCommerce. Додаткові функції доступні з набором плагінів Toolset можна використовувати спеціально для магазинів WooCommerce або інших типів сайтів.

Налаштування магазину WooCommerce

Наприклад, ви можете:

  • Створювати інтерфейсні форми, за допомогою яких постачальники можуть додавати свої продукти на ваш сайт.
  • Створювати відносини записів, які дозволяють пов'язувати свої продукти з іншими типами записів (такими як «Одяг»).
  • Відображати розташування магазинів на карті.
  • Додавати потужні функції пошуку та фільтрації.
  • Створювати додаткові поля, що настроюються для подальшого визначення ваших продуктів.

Настроювані поля

Вибір відповідних інструментів WooCommerce для вас

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

Створення власного магазину WooCommerce не повинно бути складним або вимагати дорогого індивідуального програмування. За допомогою плагінів, описаних у цій статті, ви можете створювати просунуті, красиві, функціональні магазини WooCommerce.

Джерело: wpexplorer.com

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!
Олексій Шевченко
редактор wpcafe
Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, який спеціалізується на створенні сайтів на WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/

Коментарі до запису: 0

Додати коментар або відгук