Farben und Text ändern beim Checkout / Bestellprozess
Autor: Mark M.
Besucht 1094,
Followers 1,
Geteilt 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
Gepostet am
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.
Autor
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
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!
Autor
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
Diese Radien werden über die Onlineshop:Warenkorb u. Checkout Einstellungen beeinflusst!
Autor
Hoi Andreas
Da kann ich die Radien der Tabelle ändern, nicht aber die der Buttons...
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>
------------------------
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>
------------------------
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 -----
Auch hier kann man die Ecken abrunden, siehe
----- WebSite X5 -----
3 Sitemap
Spezialseiten:
Onlineshop: Warenkorb und Checkout <--- markieren und oben auf "Bearbeiten" klicken
------------------------
---------
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!
Autor
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
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.
-----
Autor
Das ändert zwar die Buttons z.B. im Shop / Produktübersicht, jedoch nicht im Bestellprozess / check out
@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
------------------------
Hier noch der Bestellprozeß und zum selber testen mein Demo Shop, siehe
>> http://finde-links.de/123shop-hosteurope/cartsearch/index.html
Sollen die "Hinzufügen"-Buttons auch noch runde Ecken erhalten?
-----
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.
Autor
Danke
Nein, so würde es passen. Die Hinzufügen-Buttons kann man ja unter 2) --> Buttons anpassen, das funktioniert.
Merci! :-)
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.
-----
-----
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.