Как правильно делать тему для woocommerce?

Question

[someden]

В документации
docs.woothemes.com/document/template-structure
я нашел что можно копировать папку шаблонов
/plugins/woocommerce/templates/
в папку своей темы, переименовать ее в woocommerce
/themes/mytheme/woocommerce/
И дальше менять эти шаблоны.
Но я скачал темы от woothemes (так сказать родные темы), например storefront и mystile, и в них все по другому, нету уже шаблонов, как верстка интегрирована? Непонятно. То есть сами они для себя делают шаблоны не так как советуют в документации?

Начал я делать тему как в документации они советуют. Возникла у меня простая задача, нужно добавить класс к кнопке "Proceed to Checkout" в корзине, я открываю файл шаблона корзины woocommerce/cart/cart-totals.php и там вижу

<?php do_action( 'woocommerce_proceed_to_checkout' ); ?>

вместо простой ссылки.
Поэтому, вместо того чтобы просто изменить ссылку, мне нужно переопределять эту функцию в файле functions.php.
Зачем такое разделение? Зачем мелкие элементы типа кнопок и ссылок делать в виде do_action и убирать их в совершенно другое место, а не оставить их там где они должны выводиться?

Дальше. Хотел поменять местами цену и кнопку "Add to cart", захожу в файл соответствующего шаблона и вижу

<?php
	/**
	 * woocommerce_single_product_summary hook
	 *
	 * @hooked woocommerce_template_single_title - 5
	 * @hooked woocommerce_template_single_excerpt - 20
	 * @hooked woocommerce_template_single_rating - 25
	 * @hooked woocommerce_template_single_price - 25
	 * @hooked woocommerce_template_single_add_to_cart - 30
	 * @hooked woocommerce_template_single_sharing - 50
	 */
	do_action( 'woocommerce_single_product_summary' );
?>

В итоге половина темы у меня в файле function.php и еще он теперь пестрит строчками вида:

remove_action("...");
add_action("...");
remove_action("...");
add_action("...");

Но люди из woothemes наверняка умнее меня, поэтому чего я не понимаю? Это паттерн какой-то или что? Чем это удобнее?
И как сделать тему так, что если мне надо поменять html в корзине, я захожу в шаблон корзины и меняю, а не ищу соответствующую функцию где-то еще?

Answer 1

[WP Panda]

Парни из WooThemes действительно огонь, но делают они не так ровно по другой причине. Они Производят и плагин и тему, соответственно зачем им включать плагин в тему, если там их и так все устраивает?

Ежели вы хотите менять по всякому, то путь именно такой копируете папку templates, и меняете всякое в ней, но и всю папку копировать не надо, а ровно те шаблоны, которые вы меняете, зачем нагружать тему лишними файлами,

у меня это устроено так

настройки выношу в отдельный файл.

По поводу остального, WooCommerce тем и крут, что его можно крутить как хочется, и именно для этого там во всю и используются фильтры и экшены.

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

Comments

[someden]

Ну разве хороший тон это не держать html в одном месте? То есть если я хочу что-то исправить в корзине, я это исправляю в woocommerce/cart/cart-totals.php, а не лезу куда-то еще? Тем более если работают над проектом несколько человек, один написал фреймвор, распихал все по экшенам, а второй человек уже ничего не найдет. Гнуть проект можно в любую сторону если ты знаешь четко что у тебя где. Я не вижу ни единого плюса подхода с экшенами, можете разъяснить?

[someden]

Я еще понял бы, если бы do_action использовались несколько раз, то есть у тебя есть шаблон кнопки и ты его пихаешь куда нужно, а менять надо в одном месте. Но это не используется. По крайней мере я не видел ни одного примера чтобы кнопка <?php do_action( 'woocommerce_proceed_to_checkout' ); ?> повторялась бы, потому что это не нужно! Такая кнопка должна быть одна, так зачем ее выносить в экшн?

[WP Panda]

kisonic: Для того, что бы ее можно было отключить, заменить, добавит что то вместо нее, до нее, после нее.
HTML кнопки и так лежит в одном месте.
https://github.com/woothemes/woocommerce/blob/6389...

[someden]

WP Panda "HTML кнопки и так лежит в одном месте", но не там где надо, чтобы найти эту кнопку, мне понадобилось время и так постоянно при разработке темы для woocommerce, я трачу больше времени на поиск того, что мне нужно изменить, а не на написание кода.
Если бы она HTML кнопки был в woocommerce/cart/cart-totals.php ее так же можно было удалить, закомментировать, добавить что-то вместо нее, до нее, после. Даже внутрь нее! Чего, кстати, нельзя просто так сделать если она лежит в экшене.

[WP Panda]

kisonic: Почему нельзя? и в Экшене она не лежит, он ее вызывает.
Что бы не искать долго, надо понять философию проекта, на самом деле ничего там не ищется дольше минуты. Плюс есть отличная документация у разработчика.

Ну и основное, "не нравится - не ешь". Напишите свое, что будет удобно лично вам.

[someden]

WP Panda да, можно, я имел ввиду что это не так просто, если мне надо добавить класс в кнопку, мне нужно будет написать свой экшен, а не просто добавить класс и все.
Я понимаю что он ее вызывает, но можно было и не делать лишнего вызова.
Философию я тоже уже понял и мне она кажется совершенно не обоснованной, ни одного плюса не вижу.
Не задавал бы этих вопросов, но вот стоит четкое условие сделать тему на woocommerce и ни на чем другом.
Кстати вопрос про фреймворк для темы, вы его сами писали? Есть ли какая-то литература или рекомендации и советы по написанию фремворка для своей темы?

[Тимур Орлов]

WP Panda, Панда, поддерживаю твоё рассуждение, хотя сам почти как автор вопроса - долго что-то ищу....но я понимаю, что для этого нужно знать основы такого построения, иметь шпаргалку по этим "вызывателям".
Единственное, что меня беспокоит... я знаю как сделать смену миниатюр в зависимости от категории товара; есть одежда и мужская и женская одновременно, типа унисекс, при этом нужно выводить девушку там, где "девушки", и парня там где "парни". Вопрос в том, что сделать эту "замену" в таком варианте будет сложно, поскольку изначально не задуман функционал разных миниатюр. Следовательно и не существует функций для этих целей.
Как в таком случае можно доработать?
И почему одна и та же команда в одном случае выводит миниатюру товара, а в другом - название ?

add_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_link_open', 5 );
add_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_link_close', 15 );

На мысль приходит одно логическое заключение - цифры, это приоритет, понятно. И если не это влияет на то, что будет выводиться, тогда я не понимаю каким образом одно и то же выводит разную информацию...........

[JoraAlzak]

Здравствуйте!
А когда вы вернете деньги за заказ который вы не смогли сделать??
Не отвечатете уже месяц, раньше отвечали раз в неделю и всегда было «затвра»