Интеграция на WooCommerce с нашата тема.

Най-важното от урока: Как да интегрираме WooCommerce с тема, която не го поддържа

Понякога избраната тема за WordPress сайт не поддържа автоматично WooCommerce. В този урок научавате как ръчно да решите този проблем, така че продуктите ви да се показват правилно и дизайнът на магазина да работи коректно. Запомнете: този подход е временен и ще трябва да повторите промените след всяка актуализация на основната тема.

Задача стъпка по стъпка: Интеграция на WooCommerce с неподдържана тема в WordPress 5

1. Влезте във вашия сървър чрез FTP или файлов мениджър.
2. Навигирайте до директорията на сайта си и отворете папката wp-content/themes.
3. Влезте в папката на използваната от вас тема (например ColorMag).
4. Намерете файла, който съдържа шаблона за продуктовите страници (в урока файлът е наречен "PHPPHP", но в практиката най-често това е page.php, archive.php или подобно).
5. Направете копие на този файл и го преименувайте, така че да включва името на WooCommerce шаблона, например woocommerce.php.
6. Отворете новия файл за редакция.
7. Намерете цикъла за публикации (търсете структура като while ( have_posts() ) : the_post(); или if ( have_posts() )).
8. Заличете целия този цикъл, според инструкциите на WooCommerce.
9. Поставете препоръчания от WooCommerce код, който се грижи за показването на продукти в магазина (може да копирате примерен код от документацията на WooCommerce или ръководството, което следвате).
10. Запишете файла и го качете обратно, ако работите локално.
11. Презаредете страницата на магазина, за да проверите резултата.
12. Ако магазинът се зарежда некоректно или продуктите се повтарят многократно, проверете дали сте премахнали целия публикационен цикъл.

Внимание: Всяка актуализация на основната тема ще презапише този файл. За да избегнете загубата на труд, препоръчва се използване на child theme (дъщерна тема), което ще бъде обяснено в следващия урок.

Как да интегрирате WooCommerce с тема в WordPress 6 (най-актуалната версия)

Процедурата за добавяне на WooCommerce поддръжка към тема в WordPress 6 е сходна, но има някои новости и подобрения в структурата на темите и шаблоните. Сред основните разлики са:

• Новите теми често използват Full Site Editing (FSE) и блоков редактор, което позволява добавяне на WooCommerce блокове без промени по PHP файловете. Можете просто да използвате блокове директно от редактора на страници.
• Ако все пак работите с класическа тема, стъпките остават почти същите: създайте или редактирайте файл woocommerce.php в директорията на темата, премахнете цикъла за публикации и добавете препоръчания от WooCommerce код.
• В WordPress 6 препоръчително е винаги да използвате child theme при персонализации на файлове, за да не губите промените при обновяване.
• Интерфейсът на файловия мениджър или редактора на теми е с по-удобна навигация и визуализация на файловете в сравнение с WordPress 5.

Обобщение: Ако вашата тема поддържа Full Site Editing, можете да добавяте WooCommerce блокове без промяна на файлове. Ако използвате класическа тема и необходимост от файлова промяна е налице – подходът остава почти идентичен както в WordPress 5, като се препоръчва създаването на дъщерна тема.

Полезни команди и функции, използвани в урока

• wp-content/themes – Папката, в която се съхраняват всички теми на WordPress сайта.
• woocommerce.php – Файл, който позволява персонализация на WooCommerce страниците, когато дадена тема не ги поддържа.
• while ( have_posts() ) : the_post(); – PHP цикъл за извеждане на публикации; премахването му позволява WooCommerce да поеме изцяло структурата на продуктовите страници.
• get_header() и get_footer() – Функции, които зареждат горната и долната част на темата (хедър и футър).

Следващ предизвикателен въпрос: Как да запазите настройките си при актуализация на темата?

В този урок разбрахме, че редактирането направо в основните файлове на темата не е устойчива практика. В следващия урок ще научите как да използвате "child theme" (дъщерна тема), за да защитите своите промени и да работите професионално с WooCommerce.