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 );
2. Shoptimizer Theme > Footer Hooks
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 );
Wow……. this is great i just bought their theme and fortunately find useful resources here
Awesome!
Hi, is there a way to disable the sticky add to cart via filter? I want disable it for products with stock status “onbackorder”
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!
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
I’m sure it is! Did you contact support?
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
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!
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.
And we cant change the template for the shop page by the way…
If you chat with the support team they’re usually super responsive
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?
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.
Please guys how to remove those hearders and footers and build my own with Elementor?
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!
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.
That’s weird, I’m sure theme developers would have helped you fix it. Let me know how it goes!
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
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.
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/
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 🙂
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!
Awesome! Thank you Rudolfo, i like the Theme very much, and its really fast.
Great!
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?
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
Being able to see the actual location of each hook speeds up my production time greatly!
Awesome!
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.
Thank you so much Kenny!