WooCommerce – плагін для створення інтернет-магазинів. Візуальний гід по хукам WooCommerce: Archive/Shop/Cat Page

woocommerce

Однією з особливостей надзвичайно популярного плагіну WooCommerce – є те, що він містить у собі вбудовані фільтри та власні хуки (такі, як на самому WordPress). Саме з допомогою цих хуків ми налаштовуємо зовнішній вигляд магазину на платформі WooCommerce.

Зараз ми покажемо вам інфографіку з корисними хуками, які ви зможете використати для налаштування вигляду інтернет-магазину. Власне, у файлі functions.php ми прописуємо відповідний код, тобто за допомогою такої образної схеми “add_action(‘place-hook-here (місце_для_хука_тут)’,’your-PHP-function-here(ваша_PHP_ функція_тут’);” ви зможете розмістити свої користувацькі функції там, де вам необхідно.

WooCommerce Archive Page [Visual Hook Guide] або ж сторінка архіву

Зверніть увагу, що це та сама сторінка, що і Shop, Category, Tag pages ( сторінка Магазину, Категорії)

%d0%b2%d1%83%d0%ba%d0%be%d0%bc%d0%b5%d1%80%d1%86_1

%d0%b2%d1%83%d0%ba%d0%be%d0%bc%d0%b5%d1%80%d1%86_2

WooCommerce Archive Page Default add_actions (Налаштування за замовчуванням до Архівної сторінки)

Зверніть УВАГУ, ЩО ЦІ НАЛАШТУВАННЯ ВИ ЗМОЖЕТЕ ВІДКЛЮЧИТИ ЗА ДОПОМОГОЮ хука remove . Наприклад, 

remove_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10 );
// These are actions you can unhook/remove!

 

add_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10 );

add_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20, 0 );

 

add_action( 'woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10 );

add_action( 'woocommerce_archive_description', 'woocommerce_product_archive_description', 10 );

 

add_action( 'woocommerce_before_shop_loop', 'wc_print_notices', 10 );

add_action( 'woocommerce_before_shop_loop', 'woocommerce_result_count', 20 );

add_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 30 );

 

add_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_show_product_loop_sale_flash', 10 

add_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10 );

 

add_action( 'woocommerce_shop_loop_item_title', 'woocommerce_template_loop_product_title', 10 );

 

add_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_price', 10 );

add_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_rating', 5 );

 

add_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );

 

add_action( 'woocommerce_after_shop_loop', 'woocommerce_pagination', 10 );

 

add_action( 'woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10 );

Залишити відповідь