[phillycontemporary]

Hi,

I’m setting up an online store with WooCommerce on my Fabulous Fluid Pro site.

I’m running into bizarre layout issues with my Shop and Single Product Pages, set up by WooCommerce:

The WooCommerce Widget area (present on all the Shop-related pages) is displaying default text, a default search bar, and a default archive list. I do not want any WooCommerce widget boxes, and would like these default widgets to disappear.

Additionally, On my Single Product Pages, for some reason the image I set as my ‘Product Image’ also becomes a giant Featured Image. I would like to disable this and only have my Product Images appear once, as a Product Image and not a Featured Image!

Please let me know how I can override these strange default layouts..! I have updated both WooCommerce and the theme…

The Shop pages are private right now, but I can offer a guest login to WordPress, if that would help troubleshooting.

http://www.philadelphiacontemporary.org

Thank you!

[Pratik]

Hi @phillycontemporary,

For Widget Issue in shop page, can you check what widgets are present in Dashboard=> Widgets=> WooCommerce Sidebar. There might be some default widgets that might show up.

About giant header image, you might have Header Image enabled as Featured Page/Post. Check your Enable Header Image option at Appearance=> Customize=> Header Image. See if any option selected has Page/Post option. Do not select this option and the big header image should go away.

Regards,
Pratik

[phillycontemporary]

I was able to figure out the widget issue, however I’m still stuck on the featured image problem.

My issue is that I use Featured Images elsewhere on my site, and disabling the header image from pages/posts through Appearance->Customize hides all of them… Maybe there is something I can add to my child theme to prevent WooCommerce from taking the ‘Product Image’ that I set for each product and using it as the Featured Image for that page?

[phillycontemporary]

I’ve been trying to use code like this:

body.single-product #header-featured-image img {
display: none;
}

but haven’t been able to get it to work!

[Pratik]

Hi @phillycontemporary,

Can you try something like:

body.single-product #header-featured-image {
    display: none !important;
}

[Author]

Posts