WordPress.org

Ready to get started?Download WordPress

Forums

WooCommerce - excelling eCommerce
Tabs and styling on shop and single product page (14 posts)

  1. David Foreman
    Member
    Posted 1 year ago #

    Has all gone.

    No custom tabs (as per the previous resolved post).

    http://www.aquadition.co.uk/shop/
    http://www.aquadition.co.uk/shop/block-salt/

    I've also just installed 2.1 on a new site (i.e not upgrading the plugin) and the same issue is there. Styling is fine on the check out page etc, but missing on shop and single product pages.

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

  2. Roy Ho
    Member
    Posted 1 year ago #

  3. Lagtop
    Member
    Posted 1 year ago #

    splash, they don't solve my issue, and i have the exact same issue as the OP

    [please stay with your own topic - http://wordpress.org/support/topic/major-style-issues-after-update-166-to-201?replies=3 ]

  4. David Foreman
    Member
    Posted 1 year ago #

    That fix you've suggested isn't working for me.

    The div class in my code is woocomerce-tabs, using firebug to inspect the code, I am not seeing any styling for woocommerce-tabs EVEN THOUGH it's clearly in the woocommerce.css.

    Am I missing something?

  5. Mathesonandrew
    Member
    Posted 1 year ago #

    it looks like with the tabs being completly re-written is causing this. i can't see anything in the documentation on how to add-remove tabs

  6. Roy Ho
    Member
    Posted 1 year ago #

    @davros20 - it isn't working? I am seeing that your tabs looks fine now.

  7. David Foreman
    Member
    Posted 1 year ago #

    I've literally copied and pasted the tabs-related css from your referenced style sheet into my themes style sheet and we are getting there.

    What is very odd is that firebug still sees no referenced CSS (emptied caches).

  8. Roy Ho
    Member
    Posted 1 year ago #

    No, you shouldn't copy that...every theme is different...You will have issues if you do that.

  9. David Foreman
    Member
    Posted 1 year ago #

    It's fine - just did it as a test which semi-worked.

    Still doesn't explain why if the new woocommerce.css file is referencing -tabs (not _tabs) and my HTML is referencing -tabs, why isn't the theme picking up the styling from the main CSS - it only works on the test when I pasted in some of yours.

    Odd.

  10. Roy Ho
    Member
    Posted 1 year ago #

    Not sure but it isn't "mine"...that is the css from the person I helped. That was his theme's CSS.

    It could be a number of reasons why the styles didn't apply to you because you may be using a custom theme and the theme modified your woocommerce templates where the parent container is different from what default styles apply to. Or it could be specificity issue...

  11. David Foreman
    Member
    Posted 1 year ago #

    Cool. Some more investigation needed my end I think.

  12. David Foreman
    Member
    Posted 1 year ago #

    Found it.

    The single product page is missing the woocommerce class div.

    <div class="woocommerce'>

    adding this

    <div id="content" role="main" class="woocommerce">

    Fixes it.

  13. Roy Ho
    Member
    Posted 1 year ago #

    Did I or did I not mention "parent container is different"...:)

  14. David Foreman
    Member
    Posted 1 year ago #

    You certainly did. ;-)

    Just as a reference for others, I made the alteration in Templates > Shop > wrapper-start.php line 20.

    Added class="woocommerce" here:

    <div id="container"><div id="content" role="main" class="woocommerce">';

    Possibly not the best way to do it, but it works.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic