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

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • In Link wäre da schon hilfreich, dann kann man sich das Problem anschauen. Du kannst sicherlich die vorhandenen Classes und IDs ansprechen.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

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

  • also sowohl die UL bekommt ne Class:
    products

    als auch der LI bekommt ne Menge Classes:
    first post-133 product type-product status-publish has-post-thumbnail taxable shipping-taxable purchasable product-type-simple instock

    Alle Elemente in der UL / dem LI kann man also super via CSS ansprechen, z.B.
    ul.products li.product h3{}
    .price{}
    .wc-gzd-additional-info tax-info{}
    .wc-gzd-additional-info shipping-costs-info{}

    usw. usf.

    Edit: ich würde dir aber erst mal empfehlen, dem body seine WP-Classen zu spendieren: https://codex.wordpress.org/Function_Reference/body_class

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Einmal editiert, zuletzt von maxe (7. Februar 2016 um 19:05)

  • 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 :-)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!