Theme ist noch nicht für WooCommerce Germanized optimiert

Hi,

naja, die Meldung besagt doch, dass lediglich die Style-Angaben fehlen.. Ansonsten h?ttest du eine Meldung bekommen, dass eine Inkompatibilit?t vorliegt und das “überschreiben” der Templates verhindert werden musste. In diesem Fall müsstest du dir demnach lediglich Gedanken über die Styles machen (auf dich trifft also nur der 2. Teil unserer Beschreibung zur Theme-Kompatibilit?t zu).

Grü?e

ok, ich hatte das so interpretiert, weil im Link ja zu vorderst von überschriebenen Templates gesprochen wird. Evlt. sollte eine fehlende Stylevorgabe zu einem anderen Sprungziel führen.

Gibt es denn eine Check- bzw. Todo-Liste, was bzw. welche Elemente per CSS gestylt werden müssten, damit ein Theme Germanized-kompatibel ist? Ich würde das gerne den Virtue-Entwicklern weitergeben, damit sie das in Summe umsetzen k?nnen. Sollte auf Englisch sein.

Vllt. neben der Checkliste auch eine HTML-Seite, in der die ganzen Elemente von Germanized drin sind, so dass man sich an dieser “abarbeiten” kann.

@heynad,
ich benutze auch Virtue PREMIUM, Germanized passt ganz gut mit dem Theme zusammen und Du musst keine extra Anpassungen vornehmen, es sei denn Du M?CHTEST etwas anders gestalten, z.B. Positionierungen oder Aussehen bestimmter Elemente.

@gdoll47: Danke für den Hinweis, das erh?ht meine Zuversicht, dass alles gehen sollte.

Nichtsdestotrotz, w?re es immer noch gut, wenn man den Virtue-Entwicklern eine Checkliste geben k?nnte – alleine schon, damit die diese Inkompatibilit?tswarnung verschwindet.

Und gerade die Positionierung und Aussehen der Elemente (z.B. die übersicht im Checkout) sieht zwar ok aus, aber hübsch wie der Rest von Virtue ist was anderes ??

Ja, ich bin auch eifrig am Anpassen, da mir der Checkout standardm??ig zu unübersichtlich ist. Hast Du genaue Vorstellungen, was Du ?ndern willst?

Sind doch eher kleine ?nderungen, hier als scss:

// smaller margin between lines in shop listings
.product p.wc-gzd-additional-info {
    line-height: 1em;
}

// don't display Was ist Paypal link
.about_paypal {
    display: none;
}

// bigger marings auf Kassenseite
body.woocommerce-checkout {
    #order_payment_heading,
    #wc_gzd_order_review_heading {
        margin-top: 2em;
    }
    label.checkbox[for=legal] {
        padding-left: 0px;
    }
    table.shop_table {
        margin-top: 1.6em;
    }
}

// Fixes padding for Zalando like AGB/Widerruf text
body.kasse {
    ul.order_details {
        padding-left: 0px;
    }
}

Hilft vllt. weiter.

Halo heynad,
danke, die meisten Sachen greifen bei mir nicht, liegt wahrscheinlich daran, dass ich schon andere Anpassungen vorgenommen habe. Magst Du mir mal Deine Emailadresse zum Austausch geben, damit wir den Supportthread hier nicht “missbrauchen”?

LG
gdoll47

Hi,

das geht nicht, weil es sassy css ist und erst nach css umgewandelt werden muss. Das hier ist das CSS das ich nutze, das kannst du einfügen:

/*! smaller margin between lines in shop listings
 */
.product p.wc-gzd-additional-info {
  line-height: 1em;
  font-size: 0.8em; }

/*! bigger margins auf Kassenseite */
body.woocommerce-checkout #order_payment_heading,
body.woocommerce-checkout #wc_gzd_order_review_heading {
  margin-top: 2em; }
body.woocommerce-checkout label.checkbox[for=legal] {
  padding-left: 0px; }
body.woocommerce-checkout table.shop_table {
  margin-top: 1.6em; }

/*! Fixes padding for Zalando like AGB/Widerruf text
 * use only if not using the checkbox!!!
 */
body.kasse ul.order_details {
  padding-left: 0px; }

/*! Damit die zzgl. MwSt. dichter dran ist an Preis und ohne Linie dazwischen
 */
.pricebox {
  margin-bottom: 0px;
  border-top: 0px;
  border-bottom: 0px; }

Hoffe das hilft dir weiter, sind aber eher kleine Sachen…

Ansonsten habe ich noch unter Germanized > Anzeige die Farbe für Hintergrund der Bestellübersicht auf #dddddd eingestellt, weil das ist auch die Farbe für den Infotext bei den Bezahloptionen (überweisung, Paypal, …) – damit sieht es passender aus.

Mehr musste ich nicht machen, l?uft gut mit dem Virtue theme.

PS Ich lasse das mal hier im Forum, vllt. googelt jemand nach dem Plugin und Virtue und landet dann hier. Und Support muss ja nicht immer vom Plugin-Entwickler kommen, kann ja auch User zu User sein ??

Hey,
vielen Dank, das hat mir schon mal etwas geholfen. Wei?t Du zuf?llig, wie ich den Abstand über “Zahlungsmethode ausw?hlen” vergr??ern kann? Hab schon einiges probiert, aber das hat nicht so funktioniert…

Wei?t Du zuf?llig, wie ich den Abstand über “Zahlungsmethode ausw?hlen” vergr??ern kann?

Das geht über margin bzw. margin-top, welches du aufs richtige Element anwenden musst (ein gewissen Verst?ndnis von CSS vorausgesetzt).

Also beim obigen

body.woocommerce-checkout #order_payment_heading,
body.woocommerce-checkout #wc_gzd_order_review_heading {
  margin-top: 2em; }

die erste Zeile.

Da kannst du zwei getrennte Anweisungen draus machen, dann hast du alle Freiheiten:

über Zahlungsmethoden:

body.woocommerce-checkout #order_payment_heading {
  margin-top: 5em; }

über Bestellübersicht:

body.woocommerce-checkout #wc_gzd_order_review_heading {
  margin-top: 2em; }

Zum Testen FF oder Chrome, jeweils F12 drücken um die Developer Tools zu ?ffnen.

Für alles weitere am besten dann doch im Virtue Forum nachfragen, weil meine CSS-Kenntnisse sind dann doch nicht sooo gut wie die der Virtue-Entwickler ??

Hey heynad,
ja, ich wei?, dass das über “margin” gestaltet wird, aber eben gerade

body.woocommerce-checkout #order_payment_heading {
  margin-top: 5em; }

klappt bei mir nicht! Der andere COde für den Abstand über der Bestellübersicht klappt…

Hallo gdoll47,

versuchs mal mit

#order_review > h3 {
  margin-top: 5em;
}

Hey,
ich habs. Es muss

.checkout div#order_review {
  margin-top: 50px;
}

lauten.
Was ich noch gerne wissen würde: Wisst Ihr zuf?llig, ob man das K?stchen für die Zahlungsmethode entfernen kann, so dass es nur die Buttons mit den Zahlungsoptionen gibt? Ich finde die ganzen verschiedenen Farben und Gestaltungen im Checkout(und auch im Warenkorb) so unübersichtlich für den Kunden…

.woocommerce #payment, .woocommerce-page #payment {
  background-color: #fff;
  border: #fff;
}

Alternativ geht auch border: none

Falls du Firefox verwendest, empfehle ich dir die Erweiterung “Firebug”.