Found a work around if anyone is struggling:
You can use Widget Context plugin to solve your problems. This plugin allows you to hide certain widgets from certain pages.
Step 1: Install and activate Widget Context plugin
step 2: go to the apperance->wiget setting page
step 3: on the side bar, click on the widget you want to hide. Now you will see the plugin in play and you will see the plugin options
step 4:on the Widget Context options select > Hide on selected
Step 5:on "or target by URL" enter the full url of the pages you want to hide the widgets.
For example, if your domain is http://www.abcd12345.com and you want to hide the widgets on the shop pages, then enter as follows
http://www.abcd12345.com/shop/
http://www.abcd12345.com/shop
http://www.abcd12345.com/shop*
http://www.abcd12345.com/shop/*
Step 6: Save and close the settings
Check the page and the widget should be gone.