WooCommerce - excelling eCommerce
WooCommerce Shop Front not using theme's CSS (10 posts)

  1. danno78
    Posted 2 years ago #

    Hi guys,

    I'm just getting started with WooCommerce and I was hoping someone could help me out.

    The Shop front page is not using my theme's CSS and all the content is pushed to the far left of the page.


    The pages that have been created by the plugin and use the WooCommerce shortcodes work fine


    Any advice would be greatly appreciated.




  2. Shaan
    Posted 2 years ago #

    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!


  3. royho
    Posted 2 years ago #

    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.

  4. Shaan
    Posted 2 years ago #

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

  5. Shaan
    Posted 2 years ago #

    @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.

  6. royho
    Posted 2 years ago #

    @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.

  7. Shaan
    Posted 2 years ago #

    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.

  8. Shaan
    Posted 2 years ago #

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

  9. J-queue
    Posted 2 years ago #

    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.

  10. Shaan
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce - excelling eCommerce
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic