Angebotspreis gestalten

Hallo Barbara!

Wie hast Du das denn in Deinem Testshop mit dem "Aktionspreisen und dem Banner gemacht"?

 

meinst Du die rote leiste oben?
Das ist die Topbar von Gamibo, zu finden unter "Shop online / offline"

Und wenn du mit Aktionspreis die grüne Balken meinst, da muss ich in meine Dateien schauen, das dauert einen Moment.

 

Hallo Barbara!

Ich meine den Text (siehe Bild) wie eingerahmt ;-)

 

Ich glaube das steht schon irgendwo im Forum. Aber ich schau heute abend mal, bin jetzt unterwegs.

 

Habe Malibu und die Cloud, wenn das ein Unterschied ist.

 

Malibu ist kein Problem, aber die Cloud schon.
Da muss eine Datei überladen werden, was man in der Cloud nicht kann.

Du kannst nur das "bisher bei uns" anzeigen lassen und das Farbig gestalten.
z.B.

 

Hast für mich hierzu auch eine Anleitung ;-)

 

Schreibe ich dir nachher.

 

Zunächst musst Du die UVP bei Angeboten aktivieren, das geht unter
Einstellungen -> Artikel / Kategorien -> Produkte -> UVP bei Sonderangebotspreisen anzeigen

Danach muss der Text für "old_special_price" unter Inhalte -> Texte anpassen geändert werden.
z.B. in "unser alter Preis", oder "bisher bei uns" oder ....
in DE muss erkennbar sein um was für einen Preis es sich hier handelt, wie das in AT ist, weiß ich nicht.

Dann hast Du schonmal die Zeile über dem Preis

Im Style Editor unter eigenes css kannst Du nun den Text gestalten:

Code:

.productlist-viewmode-grid .product-container .product-tile .price-tax .price .current-price-container .productOldPrice, .productlist-swiper .product-container .product-tile .price-tax .price .current-price-container .productOldPrice, .product-container.flyover .product-tile .price-tax .price .current-price-container .productOldPrice {
    font-size: 13px;
    color: #Dein Schriftfarb-Code;
   background-color:#Dein Hintergrundfarb-Code;
}

Und wenn es in der Listenansicht auch sein soll:

Code:

.product-container .inside .content-container .content-container-inner .price .productOldPrice {
    font-size: 13px;
    color: #Dein Schriftfarb-Code;
   background-color: #Dein Hintergrundfarb-Code;
}

 

Perfekt erklärt - Tausend Dank!

 

Wenn das ganze abgerundet werden soll, kannst Du noch ein

border-radius: 10px;

hinzufügen.

 

Hallo Barbara,

ein sehr Interessantes Thema, doch wie kann man die Farbe ändern wenn die CSS Datei schon im Style Edit schon hoch geladen worden ist und einem leider nicht gefällt ? Wie kommt man dann wieder an die CSS Datei zum ändern ?

Gruß Isabel

 

Du brauchst im Style Editor keine Datei hochladen.

öffne den Style Editor zum Bearbeiten.
Oben sind 3 Striche, der Name Deines Themes, ein Haus-Symbol und drei Punkte.
klicke auf die drei Punkte


und anschließend im Dropdown auf "SCSS/CSS bearbeiten"

Da kannst Du Deine Codes eingeben und auch jeder Zeit ändern.

 

Hallo,

ja da habe ich den Code ja auch eingegeben nur wenn ich jetzt wieder draufgehe
ist der Code zum ändern ja nicht mehr da !

Einfach neu ein geben oder wie kann ich es ändern ?

Gruß Isabel

 

der sollte da bleiben.
Wenn der nicht mehr da ist, ist er entweder nicht richtig gespeichert worden, oder da ist etwas bei Dir kaputt.

 

im Shop V 4.4.0.3 ist die Funktion die das CSS machen sollte aber in Funktion,
somit muss es ja gespeichert sein oder nicht ?
Sonst würde es ja nicht gehen oder denke ich jetzt Falsch ?

Gruß Isabel

 

Es könnte noch ein Rest im Cache liegen.
Manchmal muss man den Editor auch ein zweites mal öffnen und dann sind die Einträge plötzlich da.
Hatte ich zumindest in meinem einen Testshop schon mal so.

Aber wenn das leer bleibt, solltest Du ein Ticket aufmachen und Gambio einmal schauen lassen.

 

genau so war es jetzt auch und plötzlich ist er wieder da ! warum auch immer

Gruß Isabel

 

Hi Barabara, bei Malibu funktioniert es nicht mehr wie in #9 beschrieben, oder?
Danke für deine Hilfe hier im Forum.

 

Das ist eigentlich unabhängig vom Theme
Das Einzige was sein könnte ist, dass es im Malibu eine andere Klasse für das css hat.
Dann müsste man sich das direkt ansehen, weil es da auch verschiedene Darstellgen z.B. für die Artikelseite gibt.