О, Wordpress…

Плагин интернет-магазина Woocommerce хорош. Очень хорош. Хорош хотя бы тем, что при сохранении функционала дает широчайшие возможности по кастомизации внешнего вида интернет-магазина.

Возможности по кастомизации держатся на следующем функционале, реализованном в плагине:

• Хорошо структурированная, хорошо закомментированная  система шаблонов магазина. Практически по названию папки и файла шаблона можно определить его назначение и скорректировать именно нужный информационный блок.
• Переносимость всех шаблонов магазина в папку темы оформления сайта. За счет этого изменения, внесенные во внешний вид сайта, не пропадают при обновлении плагина.
• Построение шаблонов магазина на хуках. Это позволяет вносить изменения в последовательность вывода блоков  магазина буквально простым использованием функций do_action(), add_action(), remove_action() или изменением последовательности вызова в хуках соответствующих функций шаблона.

Рассмотрим подробнее переносимость шаблонов.

В папке плагина Woocommerce имеется подпапка templates, содержащая все шаблоны интернет-магазина. Доступ к этим шаблонам организован так, чтобы обеспечить их независимость от папки плагина при размещении в папке темы. Достаточно создать в папке темы подпапку woocommerce и скопировать в нее содержимое папки templates. Более подробные инструкции содержатся на сайте разработчика плагина. 

К сожалению даже эти инструкции не учитывают важный нюанс. Внешний вид темы определяется не только файлами шаблона, но и файлом стиля, о котором в инструкциях нет ни слова. Этот файл  называется woocommerce.css и находится в папке plugins/woocommerce /assets/css/.

В случае, если вы правите этот файл, его также следует перенести в созданную в папке темы подпапку woocommerce и переименовать в style.css

Тогда изменения, внесенные в стили шаблонов посредством изменения этого файла также сохранятся при обновлении плагина.

Читать еще:

Обзор возможностей интернет-магазина на Woocommerce.