... Skip to main content
Woocommerce

How to remove sidebar at single product page on WooCommerce

By September 4, 2023September 18th, 2023No Comments2 min read

In WooCommerce sometimes we need to display our single product page full width. That’s why we need to remove the sidebar from the single product page.

Here i am going to tell you that, how can you remove sidebar easily to using WooCommerce default hook.

WooCommerce Sidebar at single product page

WooCommerce Sidebar at single product page

By the way, to remove single product page sidebar please use below code snippet.

You can use this custom code on your child theme functions.php file or you can use any third-party code snippet plugin like this one ( https://wordpress.org/plugins/code-snippets/ ) which help you to add your custom code to your site. When you add your custom code to this way then your custom code will not remove from your site after given theme update.

However, after adding this custom code to your site you will see that, WooCommerce sidebar will remove from your single product page. Please check below screenshot.

WooCommerce sidebar removed

WooCommerce sidebar removed

Storefront Theme – Remove sidebar from single product page on WooCommerce

f you are using Storefront theme then above code snippet is for you. Just add this custom code to your child theme functions.php file. Also you can use a third-party code-snippet plugin to add this custom code to your site.

After adding this code your WooCommerce sidebar will be remove from the single product page at the storefront theme. Look screenshots below

Storefront theme sidebar

Storefront theme sidebar

Storefront theme sidebar remove

Storefront theme sidebar remove

So, after following this blog you can remove your WooCommerce sidebar from single product page successfully.

That’s all.

Leave a Reply

Seraphinite AcceleratorOptimized by Seraphinite Accelerator
Turns on site high speed to be attractive for people and search engines.