Support » Plugins » Woocommerce – Hervorgehobene Produkte -> Border 1px

  • Hallo,

    ich habe mal eine kurze Frage. Kann mir jemand mit WooCommerce CSS weiter helfen.

    In meinem Shop sind alle meine Produkte ohne Rand dargestellt. Ich würde gerne einen Rand um ein Produkt anzeigen lassen, wenn ich dieses Produkt als „hervorgehobenes/featured Produkt“ markiert habe. Vielleicht hat ja jemand eine idee.

    Das CSS hier geht zwar, aber dann sind alle Produkte mit einem Rand markiert. Ich brauche eine CSS Lösung, bei der nur die Hervorgehobenen Produkte den Rand haben.

    .woocommerce ul.products li.product {
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 10px;
    }

    Vielleicht hat ja jemand eine Idee.

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)
  • Moderator Bego Mario Garde

    (@pixolin)

    Erwartest du jetzt, dass ich eine WooComerce-Website einrichte und so lange Themes durchprobiere, bis ich eins mit „Produkten ohne Rand“ finde, um dann deine CSS-Regel auszuprobieren? Und das alles, weil du vergessen hast, eine URL zu deiner Website anzugeben?

    explosiv0

    (@explosiv0)

    Heyho,

    nein, das erwarte ich mit Sicherheit nicht. Ich hab nur eine Frage gestellt. Hätte ja sein können, dass jemand spontan eine Idee dazu hat oder ebenfalls die „hervorgehobenen Produkte“ etwas hervorgeben wollte.

    Die Webseite befindet sich noch im Wartungsmodus, da sie noch lange nicht fertig ist. Deswegen habe ich die Webseite nicht angegeben.

    Wenn das weiterhilft: Bei der offiziellen Woocommerce Storefront Demoseite haben die Produkte keine Ränder. https://themes.woocommerce.com/storefront/shop/

    • Diese Antwort wurde geändert vor 2 Wochen von explosiv0.
    Moderator Bego Mario Garde

    (@pixolin)

    Die Webseite befindet sich noch im Wartungsmodus, da sie noch lange nicht fertig ist. Deswegen habe ich die Webseite nicht angegeben.

    Die Information hätte schon weitergeholfen. Steht übrigens auch in unseren FAQ: Warum ein Link zu deiner Website wichtig ist

    Bei der offiziellen Woocommerce Storefront Demoseite haben die Produkte keine Ränder.

    Einen Rand um die Produkte einzufügen ist nicht weiter schwer:

    ul.products li.product {
        border: 1px solid #ccc;
        padding: 10px;
        min-height: 480px;
        box-shadow: 2px 2px 5px #ddd;
    }

    Deine Frage war aber, wie das bei hervorgehobenen Produkten geht – und da fehlt mir die CSS-Klasse, um dazu eine CSS-Regel zu schreiben.

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)