woocommerce via css gestalten

Hallo zusammen,

ich habe versucht, woocommerce in mein eigenes Theme zu integrieren. Laut woocommerce ist das ja ganz einfach. Man erstellt in seinem Theme-Ordner eine woocommerce.php, packt dort den Inhalt der page.php rein, ersetzt den loop durch den woocommerce-loop und packt dann noch sämtliche templates aus dem woocommerce-plugin-Ordner in einen woocommerce-Ordner seines eigenen Themes.

Das stimmt zwar alles aber meine Shopseite, also die Shop-Startseite sowie die Produktseiten sind dabei völlig unformatiert. Die woocommerce-eigene css greift praktisch erst ab der Warenkorb-Seite. Die ist schön formatiert und hat die woocommerce-typischen, lila buttons.

Gleichzeitig weiß ich aber nicht wie ich auf die Elemente der Shopseite zugreifen soll, denn sie werden ja on the fly erstellt und ich kann keine css Bezeichner vergeben. Wie soll ich sie in der style.css ansprechen?

Wäre für jede Hilfe dankbar.

Grüße
Holger

 

Ach so, ja. Hier der Link: http://www.grabsteine-preiswert.de/shop/

Die Elemente haben keine ID's. Das ist es ja. Wenn ich die im Inspector oder Firebug aufrufe, werden die Klassen der screen.css aus dem blueprint-framework angegeben und zwar die generellen Einstellungen. Wenn ich also die Produktüberschrift ändern würde, würden sich alle Überschriften im Theme ändern. Es gibt keine eindeutigen ID's oder classes.

 

Oh, Du hast ja recht. Hatte ich ganz übersehen. Damit komme ich jetzt schon mal ein bisschen weiter. Bleibt aber dennoch die Frage, warum hier nicht die woocommerce-eigene css greift. Ich habe mir auf youtube und in Foren nen Wolf gesucht aber das Problem scheint nicht sehr verbreitet. Wannimmer jemand woocommerce über die eingangs beschriebenen Methoden in sein Theme einbindet, sind die entsprechenden Seiten offenbar (normalerweise) schon entsprechend gestyled...und zwar unabhängig vom verwendeten Theme.

Da frage ich mich was ich in meinem Theme vergessen habe und was in allen anderen Themes immervorhanden ist.

Ich habe schon dutzende von functions.php's und style.css's gewälzt um des Rätsels Lösung zu finden...leider bisher ohne Erfolg.

Einige Male hatte ich schon gedacht, ich hätt's. Woocommerce verwendet beispielsweise sections statt divs im main-Bereich. Hab' ich entsprechend geändert...ohne Erfolg.

Woocommerce greift bei der Shopseite definitiv auf seine interne archive-product.php zurück. Die habe ich auch erfolgreich in meinem Theme überschrieben und ausprobiert ob sie wirklich geladen wird (Nonsens reingeschrieben als Test). Sie wird! Dennoch greift die woocommerce-eigene css nicht.

 

Och Mensch maxe, Du bist meine Rettung! Genau diese body_class war es. Jetzt funktioniert alles einwandfrei. Da muss man erst mal drauf kommen. Du musst wissen...ich doktor da jetzt schon seit Monaten dran herum. Jedes mal hab' ich nach ein paar Tagen entnervt wieder aufgegeben und dann ein externes Theme bei shops verwendet. Jetzt hab' ich es endlich auch in meinen Themes perfekt. Wieder was gelernt.

Noch mal danke