Support » Plugin: WooCommerce » [Plugin: WooCommerce – excelling eCommerce] WooCommerce Shop Front not using theme's CSS

Viewing 9 replies - 1 through 9 (of 9 total)
  • Hey Danno,
    As you will soon discover, WooCommerce is an amazing solution for ecommerce and is the best WordPress option out there. However, unless a you buy or use a free WooCommerce theme, you will a completely optimized experience. I have experienced this problem many times. So, to get WooCommerce to match your theme:
    WooCommerce is great but it is really difficult to get it to match your theme. The best thing you can do is get a subdomain for your site. Something like:

    You can install a free WooCommerce theme onto the subdomain and link to it from your site’s nav bar. Now you can at least have a blank WooCommerce theme.

    It may sound like a hassle, and I know that you desperately want your store on your site but trust me, it is really hard to get the theme to match and this subdomain is the best option. I would by a WooCommerce theme but they usually do not match what I am trying to do, so I just love getting a WordPress theme that I like and then just linking to a subdomain.

    Try this, you’ll be glad you did!


    Plugin Author royho


    I have a completely different opinion on this, if you read the docs, especially the ones under templating and learn the filters/hooks, you can easily style woocommerce to your site. Woocommerce made it quite easy for you to do just that.

    I have tried without success to get WooCommerce to work. How would you fix this:
    A full width page should look like this:

    @royho if you can actually tell me how I would fix that page, that would be awesome but based on past experience (@Danno) I have found that the subdomain thing works well. The WordPress community has so many great business themes that I can’t help not using them. And, I have found that customers don’t really care if you lead them to another page.

    For example, I might use WP Business Bundle’s Prospect theme, but I will link to a page that has the Wootique theme for the shop. And then, I would customize Wootique so that it matches the previous theme somewhat. (Black and black, blue and blue, etc.) Then, I would take off all Wootique functionality except the shop, so that the user has a seamless experience.

    Plugin Author royho


    @munnny1 – I mean no disrespect but that is not a good advice because of the fact that now you have just introduced yourself to more work maintaining two different sites. And it would not be good user experience if they were to log in to your business side and then have to do it again after they jump to the e-commerce side…Just doesn’t make sense. Theming does take some work but it is the preferred approach.

    I understand that point but I have been trying to fix the theme for many weeks now with no luck. Take a look at the screenshots that I posted above (the links). I mean how would you fix something like that? I have moved the template files to the root – no luck. I have tried to add a WP Page hook to the functions.php but that did not work.

    @royho and, in terms of the managing two sites, I use ManageWP for that. It is amazing and much better than WPMS.

    Did anyone find a solution for this? I’m working on a customer’s site that uses the very same Prospect theme and Woo-Commerce and getting the same results.

    My advice: if you want to create a shop for someone, take a shop first approach (like mobile first). Pick a theme that works well for the shop, then style it for the site’s content. Do this instead of picking a nice theme for content but bad for store.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘[Plugin: WooCommerce – excelling eCommerce] WooCommerce Shop Front not using theme's CSS’ is closed to new replies.