WooCommerce Visual Hook Guide shop/archive/category pages 2026
Leave a comment / By John Cook
Visual hooks guide for the shop/archive/category pages in WooCommerce. Visualising the hooks used on the WooCommerce shop, archive and category pages allows for much easier visualisation and understanding of where you can make changes to the shop pages on your WooCommerce shop. With the help of the visual hooks guide for the shop/archive/category pages in WooCommerce, you will be able to add and remove different content without needing to dig into the code and work out where they work the hard way.
Thanks to this WooCommerce Shop Page Visual Hooks Guide, you can now go to your template’s functions.php file or custom functions plugin and place your custom functions exactly where you want them to appear.
Stay In Touch
woocommerce_before_main_content
Shop
woocommerce_archive_description
woocommerce_before_shop_loop
woocommerce_before_shop_loop_item
woocommerce_before_shop_loop_item_title
woocommerce_shop_loop_item_title
Product Title
woocommerce_after_shop_loop_item_title
$15.00
woocommerce_after_shop_loop_item
woocommerce_before_shop_loop_item
woocommerce_before_shop_loop_item_title
woocommerce_shop_loop_item_title
Product Title
woocommerce_after_shop_loop_item_title
$15.00
woocommerce_after_shop_loop_item
woocommerce_after_shop_loop
woocommerce_after_main_content
WooCommerce Visual Hook Guide shop/archive/category pages 2026 Default Actions
// 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 );
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', 'woocommerce_output_all_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', 'woocommerce_template_loop_product_link_open', 10 );
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_product_link_close', 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 );
Where to use these hooks...
- How to Add a Featured Icon to Featured Products in WooCommerce on Shop, Category, Tag, and Search Pages – 2026
- How to Display Featured Products First on Shop, Category, Tag, and Search Pages in WooCommerce – 2026
- How to Sort by Featured Products on the Shop Page in WooCommerce – 2026
- How to Modify Product Sorting in WooCommerce – 2026
- How to Add a Second Product Image to WooCommerce Shop Pages – 2026
- How to Add WooCommerce Quick View Without a Plugin – 2026
- WooCommerce Product Add-Ons Without a Plugin – 2026
- How to Create WooCommerce Catalog Mode Without a Plugin – 2026
- How to Set Up Advanced Product Filtering in WooCommerce – 2026
- How to Hide a WooCommerce Category from Search Results – 2026
Was WooCommerce Visual Hook Guide shop/archive/category pages 2026 helpful? Why not show your support and buy me a coffee?
Stay In Touch