WordPress.org

Ready to get started?Download WordPress

Forums

WooCommerce - excelling eCommerce
[resolved] Woocommerce 2.0.1 default style? (16 posts)

  1. dabesa
    Member
    Posted 1 year ago #

    Hi folks,
    Just installed Woocommerce 2.0.1 on a new website (not an upgrade).
    I see that the Checkout page has a nice style via CSS (woocommerce.css) but not the Shop and Product page!

    For example, class="woocommerce-tabs" is not taken from the woocommerce.css

    I checked the woocommerce.css file and looks like it has no proper formatting, check this:
    http://www.fineflavourchocolate.com/wp-content/plugins/woocommerce/assets/css/woocommerce.css?ver=3.5.1

    What's wrong?

    Thanks

    http://wordpress.org/extend/plugins/woocommerce/

  2. dabesa
    Member
    Posted 1 year ago #

    If I open the woocommerce.css in VI (linux) I get:

    "woocommerce.css" [Incomplete last line] 1 line, 70891 characters

    The file has no EOL, looks like:

    .clear{clear:both}.nobr{white-space:nowrap}.woocommerce-message,.woocommerce-error,.woocommerce-info{padding:1em 1em 1em 3.5em;margin:0 0 2em;position:relative;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#fcfbfc;background:-webkit-gradient(linear,left top,left bottom,from(#fcfbfc),to(#f7f6f7));background:-webkit-linear-gradient(#fcfbfc,#f7f6f7);background:-moz-linear-gradient(center top,#fcfbfc 0,#f7f6f7 100%);background:-moz-gradient(center top,#fcfbfc 0,#f7f6f7 100%)

    All the way till the end.

  3. jgjh151
    Member
    Posted 1 year ago #

    looks like it has no proper formatting

    This is a minified css file.

  4. dabesa
    Member
    Posted 1 year ago #

    I see, thanks!
    but I don't understand why the CSS style is not added to the page then.

    Check this:
    http://www.fineflavourchocolate.com/shop/

    there's no proper style, and 'class="products"' is not matching what's in the CSS.

    I'm missing something...

  5. dabesa
    Member
    Posted 1 year ago #

    I see it's something to do with the theme, because on Twentytwelve the CSS works fine.

    How can I troubleshoot this?

    Thanks!

  6. leviwest
    Member
    Posted 1 year ago #

    Do you have a woocommerce.php in your theme directory?

    http://docs.woothemes.com/document/third-party-custom-theme-compatibility/

    If you have this:

    <?php woocommerce_content(); ?>

    make it the following:

    <div class="woocommerce">
    <?php woocommerce_content(); ?>
    </div>

    This solved it for me.

  7. hennakamra
    Member
    Posted 1 year ago #

    Thanks leviwest.. this solved my issue too :)

  8. dabesa
    Member
    Posted 1 year ago #

    Great!

    Thanks liviwest, it solved my issue as well!

    I think the documentation should be updated at:
    http://docs.woothemes.com/document/third-party-custom-theme-compatibility/

    Thanks!!

  9. ellnut
    Member
    Posted 1 year ago #

    Thanks guys - this also resolved my issue.

  10. redrokit
    Member
    Posted 1 year ago #

    LEVIWEST... GENIUS!!. FIXED MY ISSUE. GOD BLESS YOU!!!!!

    I've been looking for days to fix this shop and product page issue.
    To find out that using this? Fixed it, blows my mind.

    <div class="woocommerce">
    <?php woocommerce_content(); ?>
    </div>

  11. rightimageplus
    Member
    Posted 1 year ago #

    Hi guys, Ive done what it suggests here but when i refresh the changes my pages goes blank. What are your thoughts?

  12. redrokit
    Member
    Posted 1 year ago #

    If your page goes all white, most of the time that's a php error. plugins can cause that too. But if you are saying that your content area is blank..(no cart info) make sure you have your normal page elements in there that pertain to your theme. You have to keep the normal frame work of your themes page.php... then between your content divs that hold the main content put that code below.

    <div class="woocommerce">
    <?php woocommerce_content(); ?>
    </div>

  13. Myrick75
    Member
    Posted 1 year ago #

    I tried the fix liviwest suggested but I still can't get my page to work. I am thinking that my problem is with the formatting of the php code. This what I have in my woocommerce.php file. I am using u-design v2.00

    <div id="content-container" class="container_24">
    <div id="main-content" class="<?php echo $content_position; ?>">
    <div class="main-content-padding">
    <?php do_action('udesign_above_page_content'); ?>
    <div class="woocommerce">
    <?php woocommerce_content(); ?>
    </div>
    <div class="clear"></div>
    <?php edit_post_link(esc_html__('Edit this entry.', 'udesign'), '<p class="editLink">', '</p>'); ?>
    </div><!-- end main-content-padding -->
    </div><!-- end main-content -->

    <?php get_sidebar(); ?>
    </div><!-- end content-container -->

    <div class="clear"></div>

    <?php

    Here is my page

  14. Myrick75
    Member
    Posted 1 year ago #

  15. clk87
    Member
    Posted 10 months ago #

    Thank you leviwest, your suggestion solved my issue.

  16. maksym_85@mail.ru
    Member
    Posted 8 months ago #

    Hi, everyone

    Here is my website http://imway.pusku.com/shop/. For some reasones Woocommerce disable my default css style. How can I fix that. I'm using version 2.0.19. Any help will be apriciated.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.