Hi,
same problem in Mystile theme on our page:
http://www.lignum-online.de/Produkt/steckbrett/
I think it might have something to do with this…that was done to my site….just giving more info to help out.
Woocommerce Plugin Template overriding (Karma WordPress Theme)
Posted 47 days ago in WooCommerce and tagged as Karma – WordPress Theme.
Introduction
WooCommerce has a template overriding feature that enables you to alter the layout and appearance of various sections within your WooCommerce pages.
For more details about template overriding please visit the following WooCommerce documentation page.
http://wcdocs.woothemes.com/codex/template-structure
The tutorial below outlines how to use the WooCommerce Template Override feature to use a full-width page template for your websites Shop pages. Please note that this type of customization is not covered under normal theme support. We suggest that you have a comfortable level of PHP/HTML/CSS coding knowledge. If you are in need of custom coding assistance for this tutorial we recommoend 2 very highly trusted theme customization partners: WPQuestions.com and Codeable.io
Tutorial
In this tutorial we will be referencing the “Shop Page”. The Shop Page is the page which is built into Karma that automatically populates all of your WooCommerce content.
Here is a demo shop page.
http://themes.truethemes.net/Karma/shop
This shop page is “hard-coded” into the theme and cannot be changed like normal pages within your website. Custom coding using WooCommerce’s template override functionality is needed to change the Shop Page Template.
Steps:
1) Open up Karma Theme and create a new folder, called woocommerce. The file structure will be: /Karma/woocommerce/
2) Download the ZIP file below which contains the following file: archive-product.php.zip
archive-product.php.zip
3) Unzip the file and upload archive-product.php into the woocommerce folder you’ve just created. The file structure will be: /Karma/woocommerce/archive-product.php
4) That’s it. Your WooCommerce Shop Page will now use Karma’s “full-width page template” instead of the “right sidebar” page template.
Actually…looking more into it, My problem doesn’t lie in the Shop page so much as the individual Product pages.
More info…I also deactivated any/all woocommerce related plugins and still have same results. Thanks
@buddhabob
Not sure if this will help you but from what I noticed, the class name has changed.
It used to be woocommerce_tabs but now has been changed to woocommerce-tabs. So if your stylesheet is targeting the old name, it won’t work. Try adding woocommerce-tabs to your styles and see if it helps.
Thank you splashingpixels…Being a novice, I’m not sure how to do what you recommend. If I go to plugin editor for woocommerce, all I see are php files and no CSS. If I go to editor for the theme, I don’t see anything in there that I could change that’s relevant to Woocommerce. Is it one or many css files I’m looking for? Location?
Much appreciation for a reply and your willingness to help others.
Unfortunately I won’t be able to help you because every theme is different and styles could be anywhere. But places you can try is look for woocommerce styles css ( sorry don’t know exact name ) as I don’t use this file myself but default themes will use this. Or you can try your theme styles as some themes overrides the default and puts it there. Hence you can see this will depend on your setup.
Found them…assets/css directory. I looked at all the style sheets in Woocommerce folders and didn’t find any reference to woocommerce_tabs and only for woocommerce-tabs. What other Style Sheets can you recommend looking at. I looked at style.css for the theme and no reference. Any other places to look?
This is not something you should do though because it is a theme developer’s job. So if you tell them about this, they should fix it for you.
GOT IT!!! WOOO HOOO! Thank you very much splashingpixels for the guidance. The file in question is _woocommerce.css located in the CSS directory of my Karma Theme.
I replaced woocommerce_tabs with woocommerce-tabs (all 34 instances) and now everything is back to normal.
Now I need to check the rest of the cart out after this update.
Thanks again SplashingPixels. Cheers to You.
This solved my problem too. Thank you so much. I have a similar issue which I suspect buddhabob my have as well. On my categories pages or product listing pages, the woocommerce-pagination is messed up. The page links are squeezed into the top instead of the bottom. There are bullet points next to each
- item. I believe the solution will be similar to the tab solution mentioned above. I too am using the Karma WP theme with woocommerce plugin 2.0.2
Thanks!
Thanks you so much!! I had this same problem and searched all over the internet for a solution. I luckily discovered this post today and it worked straight away. Again a MASSIVE thank you! ghosted t-shirt template