How to Remove WooCommerce Sidebar in Divi - eCommerce Thesis

How To Remove Sidebar from Divi from all WooCommerce Product pages ✅ Solution Here!

Foysal 0

Step 1: Set Divi Option for WooCommerce to Full Width

Go to: Divi > Theme Options > Shop Page & Category Page Layout for WooCommerce > Fullwidth

Then click the “Save Changes” button on that page.

Step 2: Unhook the Sidebar

Open up the theme (or child theme, if you’re using one) for Divi.

You can do this in either via FTP and a file editor, or by going to Appearance > Editor > functions.php.

Now add the following code to the bottom of the file.

remove_action('woocommerce_sidebar', 'woocommerce_get_sidebar',10);

Step 3: Remove with CSS

Next open up the style.css for your theme (or child theme if you’re using a child theme).

You can open this up via FTP and a file editor, or again by going to Appearance > Editor > style.css

Add the following code to the bottom of that file.

/* Remove WooCommerce Sidebar */
body.woocommerce .entry-summary,body.woocommerce .woocommerce-product-gallery{padding-bottom:45px;}
.single-product #main-content .container:before,body.woocommerce-page #main-content .container:before{display:none;}
.single-product #left-area,body.woocommerce-page #left-area{width:100%;padding:0px !important;}

Step 4: Clear Your Cache and Refresh

The changes should now be live on your website.

So to make sure you’re seeing them you may need to clear your browser’s cache and refresh your the page.

Should that not work, you may also need to manually refresh your CSS file (style.css). To do view the source of the page and then find your style.css file in that page and click on it to open up a view source page of that file. Then refresh the style.css source page a few times until you see the code you added show up.

#diviremovesidebar #diviwoocommerceproductpage

💻 Welcome to * How To Remove Sidebars From Divi from all WooCommerce Product pages ✅ Solution Here! *

📝 Video Description: However, the sidebar is on by default for every single WooCommerce product! What if you just wanted to remove the sidebar for every single product? Perhaps you’ve imported a lot of products or maybe you’d rather not have to remind your clients to manually turn it off every time they add a new product to their site.

In this video, you can learn Remove the Divi sidebar from all WooCommerce Product pages?

If you like the video don’t forget to:

👍 Give It A Thumbs Up
🎯 Hit The Subscribe Button
👉 Don’t Forget To Share

📌 Subscribe: https://www.youtube.com/foysalahmedwe…
📌 Follow me on Facebook: https://web.facebook.com/foysalWordPr…
📌 Follow me Linkedin: https://www.linkedin.com/in/foysal-ah…
📌 Follow me Twitter: https://twitter.com/foysalwordpress
📌 Visit my website: https://www.ecommercethesis.com
📌 Visit my blog: https://foysalahmedwebdesigner.blogsp…
📌 Google My Business: https://foysalahmed.business.site/
📌 Ask me quora: https://www.quora.com/profile/Foysal-…

💻 My Services: 🚀

🔸 WordPress live support instantly
👉 https://www.fiverr.com/share/e8m9xk

🔸 Professional eye-catching website design with elementor pro page builder on WordPress
👉 https://www.fiverr.com/share/q5bX39

🔸 eCommerce Business website design with WooCommerce, Shopify
👉 https://www.fiverr.com/share/8yx7EZ

🔸 Design a WordPress website with Divi elegant theme
👉 https://www.fiverr.com/share/3eAQgA

🔸 Convert PSD to WordPress
👉 https://www.fiverr.com/share/NWeAyy

🔸 WordPress SEO with Yoast and On-Page Optimization
👉 https://www.fiverr.com/share/oWdrkg

🔸 Design SEO friendly website from scratch
👉 https://www.fiverr.com/share/6z1G6A

🎤🎤 You can also check out the below playlist: 👇

🛑 HTML Bangla Tutorial: https://bit.ly/2XTNOq4

🛑 CSS Bangla Tutorial: https://bit.ly/3amALAh

🛑 Elementor Page Builder Tutorial: https://bit.ly/2Kj7oUT

🛑 Digital Marketplace using Mayosis Theme: https://bit.ly/3eFelxq

🛑 ওয়ার্ডপ্রেস থিম কাস্টমাইজেশন : https://youtu.be/Tw0J_D7Ahz0

🛑 ফটোশপ বাংলা টিউটোরিয়াল : https://bit.ly/2zlXnEh

🛑 Make Money on YouTube 2020: https://bit.ly/3gYE9Vn

🛑 Shopify Tutorial : https://bit.ly/32LVD21

🛑 ওয়ার্ডপ্রেস থিম ডেভেলপমেন্ট : https://bit.ly/34X76P6

🛑 ই কমার্স বিজনেস / ব্যবসা বাংলাদেশ : https://bit.ly/32Rw8MV

➡️ Disclaimer:

This Channel Does Not Promote Any illegal content, all contents provided by This Channel is meant for educational purpose only. Don’t Download Or Copy Video, Thumbnail, Music, Nothing From This Channel. It’s a Cyber Crime. All Videos of this Channel are Copyrighted by Foysal Ahmed!

Thank You 🙃🙃

#foysalahmed #webdesigner#wordpressdeveloper #shopifyexpert #shopifydeveloper

divi
divi theme
divi builder
divi wordpress
divi layouts
divi child theme
divi wordpress theme
divi templates
elegant themes divi
divi woocommerce

divi remove sidebar,divi theme,divi theme tutorial,divi theme builder,divi theme customization,divi woocommerce tutorial,divi woocommerce product page,how to remove sidebar from woocommerce product page,how to remove sidebar from homepage wordpress,wordpress theme customization tutorial,wordpress site,wordpress site design,how to design divi theme in wordpress,How To Remove Sidebar from Divi,divi woocommerce,elegant themes divi,WooCommerce Product pages

Foysal

I'm a Web Designer, eCommerce Business Developer based in Habiganj. I specialize in creating e-commerce business websites for great individuals and small-medium sized businesses, helping them to market their products or services successfully on the web. Interested in working together? Get in touch so we can discuss your requirements.

Leave a Reply