Button Webshop Fehlermeldung bei Farbwechsel

    Hallo,

    beim Wechsel des Farbcodes im Shopsystem unter Einstellungen/Layout bekomme ich anschließend Fehlermeldungen. Hatt das Problem schon mit Herrn T. besprochen, hier liegt offenbar ein Fehler im System vor, beim Wechsel auf die Standartfarbe von zp verschwindet die Fehlermeldung und alles funktioniert weider einwandfrei.

    Beim versuch die Einstellungen so zu lassen und ein eigene css für den Button festzulegen (button.primary.zpaddtocart) funktioniert zwar der Farbwechsel aber die opacity lässt sich nicht ändern.

    Anbei den css code den dafür verwende:

    .button.primary.zpaddtocart:hover, input.button.primary.zpaddtocart:hover {


    background-color: rgba(29, 27, 32, 1.0) !important;

    }

    Hat villeicht einer ne Idee wi man das Probelm in den Griff bekommen kann?

    Beste Grüße mayer

    Version 14.01

    Hallo,

    den Fehler erhält man doch nur, nachdem man die Farbwerte in den Shop-Einstellungen zurücksetzt. Einen modifizierten Wert kann man dort aber ohne Fehler eingeben. Es sollte also möglich sein, dass Sie in den Shop-Einstellungen einfach den entsprechenden Wert rgba(29, 27, 32, 1.0) eingeben und auf das angepasste CSS komplett verzichten. Oder?

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Danke für die Rückmeldung,

    die Farbe kann in den Shop Einstellungen eingegeben werden, das funktioniert, hier ist es aber nicht möglich die background-color bei hover einzugeben. Bei den Button Einstellungen im Layoutbereich habe ich die background-color bei hover deffiniert. Aber wie es schient haben die buttons im Shop und im Layoutbereich nichts miteinander zu tuen.

    Deshalb habe ich eine css für den button erstellt welches aber noch noch nicht so recht funktioniert.

    .button.primary.zpaddtocart {


    background-color: #DD5B0E !important;


    }


    .button.primary.zpaddtocart:hover, input.button.primary.zpaddtocart:hover {


    background-color: rgba(29, 27, 32, 1.0) !important;

    }

    im den Shop Einstellungen habe ich die Farbe "transparent" eingegeben.

    Was funktioniert ist die background-color aber nicht die background-color bei hover.


    Mein Fazit bis jetzt background-color: Shop Einstellungen mit Farbcode ohne css = Shop Einstellungen mit transparent und o.g. css. Was nicht funktioniert ist die background-color bei hover.

    Hallo,

    die Buttons, die per Layout-Einstellungen angepasst werden können (Kontaktformular, Widget-Button…) unterscheiden sich vom Shop in sofern:

    Buttons im Shop übernehmen die Farbeinstellung der Buttons aus den Layout-Einstellungen, ausser bestimmten Buttons, die als "Primärbuttons" definiert sind. Das Buttons, die man üblicherweise hervorheben will, damit der Kunde Sie klickt, wie z.B.: "In den Warenkorb", "Weiter Einkaufen", "Zur Kasse", "Weiter zur Versandart"…

    Diese Primärbuttons übernehmen die Farben aus den Shop-Einstellungen. Bei hover werden die Buttons einfach auf "opacity: 0.7" gesetzt und somit leicht transparent.

    Es sollte möglich sein, die hover-Farben per Projekt-CSS anzupassen.

    • Klicken Sie im Menü Website auf "Einstellungen"
    • Klicken Sie auf CSS
    • Fügen Sie folgende Textzeilen (ohne Überschrift und ohne Zeilennummern – am besten über das Dokumente-Icon rechts oben im Quellcode-Kasten kopieren) in das Feld "CSS" ein und schließen Sie den Dialog dann mit Klick auf "OK"
    CSS
    <style>
.zp-shopform .button.primary:hover, .zpsajaxmodal .button.primary:hover, .zp-shopform .button.primary:focus, .zpsajaxmodal .button.primary:focus{
    opacity: 1 !important;
    color: #ffffff !important;
    background-color: red !important;
}
</style>

    Anschließend müssen Sie evtl. Ihre Seiten neu erstellen (Erweitert > Erstellen > Alle Seiten erstellen) und ggf. veröffentlichen.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Besten Dank Herr Seiz,

    hat alles prima geklappt, der wahnsinn ist dass die Lösung immer so nahe liegt und man immer so kompliziert denkt.

    Nochmal besten Dank für den klasse support:-)

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden