WebSite X5Help Center

 
Mark M.
Mark M.
User

Farben und Text ändern beim Checkout / Bestellprozess  de

Author: Mark M.
Visited 990, Followers 1, Shared 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

Posted on the
20 ANSWERS - 2 USEFUL - 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.

Read more
Posted on the from Elisa B.
Mark M.
Mark M.
User
Author

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

Read more
Posted on the from Mark M.
Andreas S.
Andreas S.
Moderator
Best User of the month 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!

Read more
Posted on the from Andreas S.
Mark M.
Mark M.
User
Author

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

Read more
Posted on the from Mark M.
Andreas S.
Andreas S.
Moderator
Best User of the month DE

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

Read more
Posted on the from Andreas S.
Mark M.
Mark M.
User
Author

Hoi Andreas

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

Read more
Posted on the from Mark M.
Daniel W.
Daniel W.
User
Best User of the month 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>

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

Read more
Posted on the from Daniel W.
Daniel W.
Daniel W.
User
Best User of the month 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>

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

Read more
Posted on the from Daniel W.
Daniel W.
Daniel W.
User
Best User of the month 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 -----

Read more
Posted on the from Daniel W.
Daniel W.
Daniel W.
User
Best User of the month EN

Auch hier kann man die Ecken abrunden, siehe

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

3 Sitemap

Spezialseiten:

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

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

---------

Read more
Posted on the from Daniel W.
Andreas S.
Andreas S.
Moderator
Best User of the month 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!

Read more
Posted on the from Andreas S.
Mark M.
Mark M.
User
Author

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

Read more
Posted on the from Mark M.
Daniel W.
Daniel W.
User
Best User of the month 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.

-----

Read more
Posted on the from Daniel W.
Mark M.
Mark M.
User
Author

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

Read more
Posted on the from Mark M.
Daniel W.
Daniel W.
User
Best User of the month 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

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

Read more
Posted on the from Daniel W.
Daniel W.
Daniel W.
User
Best User of the month 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.

Read more
Posted on the from Daniel W.
Mark M.
Mark M.
User
Author

Danke

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

Merci! :-)

Read more
Posted on the from Mark M.
Daniel W.
Daniel W.
User
Best User of the month 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.

-----

-----

Read more
Posted on the from Daniel W.
Daniel W.
Daniel W.
User
Best User of the month 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.

Read more
Posted on the from Daniel W.