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

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

shoptimizer_before_header

shoptimizer_topbar
add_action( 'shoptimizer_topbar', 'shoptimizer_skip_links', 0 );
add_action( 'shoptimizer_topbar', 'shoptimizer_top_bar', 10 );
shoptimizer_header
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 );
shoptimizer_navigation
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 );

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

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

shoptimizer_after_footer

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 );

Related content

  • WooCommerce: How to Customize Checkout For Conversions
    I had the honor to speak at WCEU 2020 thanks to WooCommerce, who hosted me in their Sponsor track. It was a short and sweet lightning talk on the first day (Friday), called “Customizing The WooCommerce Checkout To Improve Conversions“, followed by a live coding session on Saturday. Here’s the video recording of the lightning […]
  • WooCommerce: How to Improve the Speed of my Store?
    This is a guest post by Simon Tomkins of CommerceGurus – if you like the article, make sure to thank him in the comments! The speed of your WooCommerce store is incredibly important when it comes to converting visitors into customers. Research has shown that even a one second delay can result in 7% of […]
  • WooCommerce: What Are The Fastest Themes?
    Speed is an essential factor that directly impacts the conversion rates, business revenue, sales, and customer experience. Akamai’s research suggests that even a 100-millisecond delay in the page speed impacts conversion rates by 7%, while a 2-second delay increases bounce rates by 103%. Thus, even a few milliseconds of delay can cost your store thousands […]
  • WooCommerce: Shoptimizer Theme Review
    When building a WooCommerce store, one important factor to keep in mind is offering your customers seamless page navigation and design experience while ensuring faster page speed and performance. It helps boost customer satisfaction and improve business sales.  According to Akamai’s research, even a 1-second delay affects the websites’ conversion rates by 7%, as your […]

Rodolfo Melogli

Business Bloomer Founder

Author, WooCommerce expert and WordCamp speaker, Rodolfo has worked as an independent 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. Follow @rmelogli

30 thoughts on “Shoptimizer Theme Visual Hook Guide

  1. Wow……. this is great i just bought their theme and fortunately find useful resources here

  2. Hi, is there a way to disable the sticky add to cart via filter? I want disable it for products with stock status “onbackorder”

    1. Hello Salvatore, 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!

  3. Hi,

    We’re enjoying the Shoptimizer theme, but can’t figure out one thing. We want to add a left-hand sidebar with widgets to our product pages. We don’t see any way to do that. Is it possible?

    Thanks in advance

    1. I’m sure it is! Did you contact support?

  4. Hi Rodolfo,

    I learned a lot from your blog posts. I want to ask one thing about woocommerce product page layout. How to switch the product image block (on the left side) with the product tile, description, add to cart block( on the right). I tried to search on google but couldn’t find the correct posts.

    Also I tried to use Elementor page builder but the product pay layout is messed up. Thanks for your help

    1. Hello Mayo, 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!

  5. I have tried anything I was able to find on Google on how to remove the sidebar on all pages. We have created a new page, but as soon as we select the new shop page in the WooCommerce settings the siedebar turns up again. But still no luck. Anyone got any tips on how to do that.

    We are about to find another theme due to this issue.

    1. And we cant change the template for the shop page by the way…

      1. If you chat with the support team they’re usually super responsive

  6. Hi,

    Tnx for youw work and efforts, but I need some help to get it working. I tried to copy paste those hooks code snippets in my child theme functions.php but no results. Yes probably it is me, but I need some help, where do I need to place these snippets?

    1. Hi! If you watched the video lesson (https://www.businessbloomer.com/woocommerce-customization/?add-to-cart=139864), then share the code here and I’ll take a quick look.

  7. Please guys how to remove those hearders and footers and build my own with Elementor?

    1. Hey Borianaz, 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!

      1. Thank, in case I change my mind I will, I have been using it recently and notice my bounce rate was 100%, WT*@#, I check where the problem was and discover this are my image and my product page doesnt show correctly on certain devices, I wasted some money then. Painful really. But if I change my mind, I will requited your services. I even bought WP Rocket as the’ve said it could faster the thing with Imagify. But all this in vain. I will try another theme to see.

        1. That’s weird, I’m sure theme developers would have helped you fix it. Let me know how it goes!

  8. Hi

    I would like an extra text field, so I have the opportunity to type at the top and bottom of the categories, for example.

    I use the plugin called “advance field group”. In it I may be allowed to create an extra text field, but it does not display it on the page. I don’t use WooCommerce

    1. When I try to add a shortcode in my theme it writes – Was unable to communicate back with the site to check for critical errors so the PHP change was reversed. You will need to upload your PHP file changes in another way, such as using SFTP.

      1. Yes, use FTP to edit your child theme’s files. Also, check this out: https://businessbloomer.com/woocommerce-add-a-second-content-box-product-category-pages/

  9. 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!

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

    1. Great!

  11. 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

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

    1. Awesome!

  13. 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? Customization? Leave your comment now!
_____

If you are writing code, please wrap it like so: [php]code_here[/php]. Failure to complying with this, as well as going off topic or not using the English language will result in comment disapproval. You should expect a reply in about 2 weeks - this is a popular blog but I need to get paid work done first. Please consider joining the Business Bloomer Club to get quick WooCommerce support. Thank you!

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