Shoptimizer Theme Visual Hook Guide

Here’s a visual hook guide for Shoptimizer Theme by CommerceGurus, a WooCommerce theme specifically developed with speed, performance, sales conversion and UX in mind.

This visual guide belongs to my “Visual Hook Guide Series“, that I’ve put together so that you can find WooCommerce hooks quickly and easily by seeing their actual locations. Also, you can copy & paste in seconds and speed up your customization time.

Let me know in the comments what you think about this resource! Enjoy!

1. Shoptimizer Theme > Header Hooks

add_action( 'shoptimizer_before_site', 'shoptimizer_header_cart_drawer', 5 );


add_action( 'shoptimizer_topbar', 'shoptimizer_skip_links', 0 );
add_action( 'shoptimizer_topbar', 'shoptimizer_top_bar', 10 );
add_action( 'shoptimizer_header', 'shoptimizer_site_branding', 20 );
add_action( 'shoptimizer_header', 'shoptimizer_product_search', 25 );
add_action( 'shoptimizer_header', 'shoptimizer_secondary_navigation', 30 );
add_action( 'shoptimizer_header', 'shoptimizer_header_cart', 50 );
add_action( 'shoptimizer_navigation', 'shoptimizer_primary_navigation_wrapper', 42 );
add_action( 'shoptimizer_navigation', 'shoptimizer_primary_navigation', 50 );
add_action( 'shoptimizer_navigation', 'shoptimizer_header_cart', 60 );
add_action( 'shoptimizer_navigation', 'shoptimizer_primary_navigation_wrapper_close', 68 );

add_action( 'shoptimizer_before_content', 'shoptimizer_sticky_header_display', 5 );
add_action( 'shoptimizer_before_content', 'shoptimizer_header_widget_region', 10 );

add_action( 'shoptimizer_content_top', 'woocommerce_breadcrumb', 10 );
add_action( 'shoptimizer_content_top', 'shoptimizer_shop_messages', 15 );
add_action( 'shoptimizer_before_footer', 'shoptimizer_below_content', 10 );
add_action( 'shoptimizer_footer', 'shoptimizer_footer_widgets', 20 );
add_action( 'shoptimizer_footer', 'shoptimizer_footer_copyright', 30 );


3. Shoptimizer Theme > Sidebar Hooks

add_action( 'shoptimizer_sidebar', 'shoptimizer_get_sidebar', 10 );

4. Shoptimizer Theme > Page Hooks

add_action( 'shoptimizer_page_start', 'shoptimizer_page_header', 10 );
add_action( 'shoptimizer_page', 'shoptimizer_page_content', 20 );
add_action( 'shoptimizer_page_after', 'shoptimizer_display_comments', 10 );
add_action( 'shoptimizer_homepage', 'shoptimizer_page_content', 20 );

5. Shoptimizer Theme > Post Hooks

add_action( 'shoptimizer_loop_post', 'shoptimizer_post_thumbnail', 5 );
add_action( 'shoptimizer_loop_post', 'shoptimizer_post_header', 10 );
add_action( 'shoptimizer_loop_post', 'shoptimizer_archive_post_content', 30 );
add_action( 'shoptimizer_loop_after', 'shoptimizer_paging_nav', 10 );

add_action( 'shoptimizer_single_post', 'shoptimizer_post_thumbnail_no_link', 5 );
add_action( 'shoptimizer_single_post', 'shoptimizer_post_header', 10 );
add_action( 'shoptimizer_single_post', 'shoptimizer_post_content', 30 );
add_action( 'shoptimizer_single_post', 'shoptimizer_post_meta', 40 );
add_action( 'shoptimizer_single_post_bottom', 'shoptimizer_display_comments', 20 );

Rodolfo Melogli

Author, WooCommerce expert and WordCamp speaker, Rodolfo has worked as a WooCommerce freelancer since 2011. His goal is to help entrepreneurs and developers overcome their WooCommerce nightmares. Rodolfo loves travelling, chasing tennis & soccer balls and, of course, wood fired oven pizza.

10 thoughts on “Shoptimizer Theme Visual Hook Guide

  1. Yes the theme is fast and has some nice extra conversion focussed elements. Excellent!

    But I would like to adjust the header.. to this : Logo / Search / Minicart.

    Im not familiar with hooks…
    I tried to add this in my child theme functions.php:

    add_action( ‘shoptimizer_header’, ‘shoptimizer_secondary_navigation’, 50 );
    add_action( ‘shoptimizer_header’, ‘shoptimizer_header_cart’, 30 );

    But that doesnt do anything. When I do this it does do something ๐Ÿ˜›

    add_action( ‘shoptimizer_header’, ‘shoptimizer_site_branding’, 25 );
    add_action( ‘shoptimizer_header’, ‘shoptimizer_product_search’, 20 );

    Please help a newb learner out ๐Ÿ™‚

    1. Hi Kleinhuis, thanks so much for your comment! Yes, this is definitely possible, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!

  2. Awesome! Thank you Rudolfo, i like the Theme very much, and its really fast.

    1. Great!

  3. Shoptimizer looks enticing, with its conversion oriented features but I’m suspect of anything that uses as page builder. But most StudioPress themes are good but not great eCommerce themes. Do you use Shoptimizer for any of your personal projects or businesses?

    1. Hi Arp ๐Ÿ™‚ I don’t need a theme focused on conversions as I only sell 1 product currently, but I’ve recommended this to clients and I also know its developers in person very well. I think it’s a great idea to build a theme focused on performance and conversion optimization, and surely Colm and Simon know what that means given their clients sell a lot of products. Hope this helps

  4. Being able to see the actual location of each hook speeds up my production time greatly!

    1. Awesome!

  5. Im a coder and I find your visual hook guides indipensible. I can only imagine how helpful they must be for non- coders and designers! Awesome resource keep em coming.

    1. Thank you so much Kenny!

Questions? Feedback? Support? Leave your Comment Now!

If you are writing code, please wrap it between: [php]code_here[/php]. Failure to complying with this (as well as going off topic) will result in comment deletion. You should expect a reply in about a week - this is a popular blog but I need to get paid work done first. Please consider joining #BloomerArmada to ask me 1-to-1 WooCommerce questions. Thank you :)

Your email address will not be published. Required fields are marked *