WebSite X5Help Center

 
Mark M.
Mark M.
User

Farben und Text ändern beim Checkout / Bestellprozess  de

Auteur : Mark M.
Visité 989, Followers 1, Partagé 0  

Ich möchte die Farbe der beiden Buttons "mit der Bestellung fortfahren" ändern. Unter "2 Vorlage" habe ich dies bereits angepasst aber diese Buttons bleiben in einer anderen Farbe.

Wo kann ich die Farbe dieser Buttons und ggf. sogar den Text darin anpassen?

Danke und viele Grüsse

Mark

Posté le
20 RéPONSES - 2 UTILE - 1 CORRECT
Incomedia
Elisa B.
Incomedia

Guten Tag!

Danke für Ihre Nachricht.

Welche Einstellungen wurden bitte auf Schritt 2 > Textstile, Felder und Buttons > Feld definiert?

Werden noch die alten Einstellungen angezeigt, wenn Sie STRG+Vorschau klicken?

Danke! Mit freundlichen Grüßen.

Lire plus
Posté le de Elisa B.
Mark M.
Mark M.
User
Auteur

Hallo

Ich bin einen Schritt weiter! Das seltsame war, dass in der Vorschau alles gestimmt hatte, nur "live" nicht. Ich habe nun mal den Cache im Browser geleert und dann wurde die Farbe korrekt angezeigt.

Was aber noch nicht stimmt, ist, dass ich im Schritt 2 gewisse Radien für die Buttons definiert habe, diese werden jedoch im Bestellprozess noch immer nicht übernommen. Im Shop jedoch schon.

Und wo kann ich den Text auf den Buttons im Bestellprozess ändern?

Danke und freundliche Grüsse

Lire plus
Posté le de Mark M.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Normalerweise kann man Text in der "Sprache der Website"- beim rechten Ordnerbutton  draufklicken- abändern! Oben in der Suche den Text eingeben, dann kommt man zur ID die mit "cart...." anfängt.

Welche Buttons werden nicht mit Radien versehen? Die Einstellungen dort werden nicht für alle Buttons benützt!

Lire plus
Posté le de Andreas S.
Mark M.
Mark M.
User
Auteur

Hallo Andreas

OK, habe da auch schon mal Bezeichnungen geändert - danke dir!

Die Buttons im Bestellprozess (siehe oben in der Anlage) haben keine Radien, obwohl ich diese eingestellt habe und im Shop selber auch korrekt dargestellt werden. Die Farbe hat es ja offenbar übernommen, die Radien jedoch nicht - müsste man noch korrigieren?

Viele Grüsse

Lire plus
Posté le de Mark M.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Diese Radien werden über die Onlineshop:Warenkorb u. Checkout Einstellungen beeinflusst!

Lire plus
Posté le de Andreas S.
Mark M.
Mark M.
User
Auteur

Hoi Andreas

Da kann ich die Radien der Tabelle ändern, nicht aber die der Buttons...

Lire plus
Posté le de Mark M.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois EN

Ich bin kein CSS-Experte und musste mich über Google durch unzählige CSS-Anleitungen quälen bis ich einen funktionierden CSS-Code gefunden habe.

----- WebSite X5 -----

1 Einstellungen > Statistiken und Code / Code

Benutzerdefinierter Code:

Vor dem </HEAD>-Tag

<style>
input, button {border-radius: 10px !important;}
</style>

------------------------

Lire plus
Posté le de Daniel W.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois EN

Sollen sich die Ecken von Input-Buttons auf den anderen Seiten nicht ändern, dann nur hier ...

----- WebSite X5 -----

3 Sitemap

Spezialseiten:

Onlineshop: Warenkorb und Checkout <--- markieren und oben auf "Eigenschaften" klicken

Und Dann den Reiter "Erweitert" anklicken und den CSS-Code einfügen bei ...

Benutzerdefinierter Code:

Vor dem ></HEAD>-Tag

<style>
input, button {border-radius: 10px !important;}
</style>

------------------------

Lire plus
Posté le de Daniel W.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois EN

Bei meinem Demo Shop wirkt der CSS-Code bei "3 Sitemap" unterschiedlich aus.

Normale Seiten übernehmen die Einstellungen des Button-Objekts, aber bei Seiten mit Shopbezug werden diese Einstellungen vom eingefügten CSS-Code überschrieben (!important), also auch im Header.

Ob das jetzt stört oder als netter Nebeneffekt empfunden wird, das überlasse ich den Nutzern.

----- Normale Seiten -----

----- Seiten mit Bezug zum Shop -----

Lire plus
Posté le de Daniel W.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois EN

Auch hier kann man die Ecken abrunden, siehe

----- WebSite X5 -----

3 Sitemap

Spezialseiten:

Onlineshop: Warenkorb und Checkout <--- markieren und oben auf "Bearbeiten" klicken

------------------------

---------

Lire plus
Posté le de Daniel W.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Dann muss es bei den Textstile, felder u. Buttons sein!  Es gibt nur die 2 Möglichkeiten um die Buttons abzurunden. Ausser du hast einen extra Button eingebaut auf deine Website!

Lire plus
Posté le de Andreas S.
Mark M.
Mark M.
User
Auteur

Hoi zusammen

Dann muss ich es wohl so machen wie von Daniel W. beschrieben mit einem CSS-Code. Das sollte mein Problem lösen! Danke für die Abklärung und Hilfe, wirklich cool, wie man sich hier gegenseitig unterstützt!

Aber als "normaler" Anwender, würde ich schon denken, dass wenn ich die Einstellung unter 2) > Buttons verändere, dies auch für den Kaufprozess/check out prozess funktionieren müsste und dies nicht noch mit Programmierkenntnissen "reparieren" müsste. Vielleicht könnte man das ja für die Zukunft noch so implementieren?

Happy day an alle!

Mark

Lire plus
Posté le de Mark M.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois EN

So - ich habe mal meinen CSS-Code wieder entfernt und nur hier eingetragen, siehe Screenshot

Vermutlich habe ich die Rundungen nicht groß genug eingestellt, so dass es wie eckig aussah.

-----

Lire plus
Posté le de Daniel W.
Mark M.
Mark M.
User
Auteur

Das ändert zwar die Buttons z.B. im Shop / Produktübersicht, jedoch nicht im Bestellprozess / check out

Lire plus
Posté le de Mark M.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois EN

@Andreas S.: Ja - es genügen diese beiden Bereiche für alle Rundungen im Shopbereich.

Vermutlich hatte ich die Eckradien zu gering eingestellt, so dass es wie eckig aussah.

----- WebSite X5 -----

2 Vorlage > Textstile, Felder und Buttons

------------------------

3 Sitemap

Spezialseiten:

Onlineshop: Warenkorb und Checkout <--- markieren und oben auf "Bearbeiten" klicken

------------------------

Lire plus
Posté le de Daniel W.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois EN

In der Quelltextansicht ist mein zuvor eingefügter CSS-Code bei "Vor dem </HEAD>-Tag" nicht mehr enthalten, also sind es nur die Einstellungen in WebSite X5, die für die runden Ecken sorgen.

Lire plus
Posté le de Daniel W.
Mark M.
Mark M.
User
Auteur

Danke

Nein, so würde es passen. Die Hinzufügen-Buttons kann man ja unter 2) --> Buttons anpassen, das funktioniert.

Merci! :-)

Lire plus
Posté le de Mark M.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois EN

Bei den "Hinzufügen"-Buttons gibt es 2 Stellen.

----- WebSite X5 -----

3 Sitemap

Hier obenhalb der Spezialseiten die "SHOP-Suche" markieren und oben auf "Bearbeiten" klicken, dann den Reiter "Einstellungen" anklicken, dort können die runden Ecken eingestellt werden.

-------------------------

3 Sitemap

Hier obenhalb der Spezialseiten den Produktkatalog markieren, das ist die Seite mit dem Objekt "Produktkatalog", und oben auf "Eigenschaften" klicken, dann Reiter "Erweitert" anklicken und hier den CSS-Code einfügen.

Benutzerdefinierter Code:

Vor dem ></HEAD>-Tag

<style>
input, button {border-radius: 10px !important;}
</style>

-------------------------

Damit hat der CSS-Code dann doch noch eine Verwendung gefunden.

Falls die gemachten Einstellungen nicht angezeigt werden, dann in WebSite X5 bei gedrückter linker STRG-Taste auf "Vorschau" klicken und warten bis der Fortschrittsbalken ganz durchgelaufen ist, dann die Webseite komplett ins Internet exportieren.

-----

-----

Lire plus
Posté le de Daniel W.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois EN

Sorry - dieser Teil ist überflüssig.

------

3 Sitemap

Hier obenhalb der Spezialseiten den Produktkatalog markieren, das ist die Seite mit dem Objekt "Produktkatalog", und oben auf "Eigenschaften" klicken, dann Reiter "Erweitert" anklicken und hier den CSS-Code einfügen.

Benutzerdefinierter Code:

Vor dem ></HEAD>-Tag

<style>
input, button {border-radius: 10px !important;}
</style>

-----

4 Seiten

Hier kann die Seite mit dem Objekt "Produktkatalog" über den Pfeil rechts oben aufgerufen werden, dann das Objekt "Produktkatalog" doppeltklicken und den Reiter "Einstellungen" anklicken, hier können wie gewohnt bei "Element: Button" die runde Ecken eingestellt werden.

------------------------

So lange Rede kurzer Sinn - alle runden Ecken im Shopbereich sind über WebSite X5 einstellbar und benötigen keinen zusätzlichen CSS-Code, allerdings muss an verschiedenen Stellen suchen.

Lire plus
Posté le de Daniel W.