Farbe bei der Preisgegenüberstellung ändern

Thema wurde von R.T, 29. August 2016 erstellt.

  1. R.T

    R.T Erfahrener Benutzer

    Registriert seit:
    8. Januar 2012
    Beiträge:
    67
    Danke erhalten:
    2
    Danke vergeben:
    17
    Hallo, ich wollte bei der Preisgegenüberstellung den reduzierten Preis in rot darstellen. Wenn ich im StyleEdit3 die Schriftfarbe ändere, werden auch auch einige andere Texte dann in rot angezeigt. Leider habe ich keine Erfahrung mit CSS, html usw. Weiß jemand wie man dieses im StyleEdit3 ändern kann? Vielen Dank :)
     
  2. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Hallo,

    wenn Du im Style Editor noch einmal auf Deinen Style klickst, erscheint darunter ein Link um eigenes css einzufügen.
    Schreibe da einmal diesen Code rein:
    Code:
    .product-container .inside .content-container .content-container-inner .price .productOldPrice {
        color: red;
    }
    Damit wird die Zeile mit dem alten Preis in rot.
     
  3. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    20. Mai 2016
    Beiträge:
    307
    Danke erhalten:
    34
    Danke vergeben:
    103
    Ich glaube, R.T möchte den neuen Preis in rot :rolleyes:
     
  4. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Stimmt, irgendwie habe ich das "reduzierte" überlesen :)
    Das funktioniert nicht so einfach, weil der "neue Preis" die selbe css-classe hat wie alle "normalen" Preise.
     
  5. R.T

    R.T Erfahrener Benutzer

    Registriert seit:
    8. Januar 2012
    Beiträge:
    67
    Danke erhalten:
    2
    Danke vergeben:
    17
    @barbara nach dem css Eintrag hatte ich eine Fehlermeldung auf der gesamten Startseite :( konnte diese aber wieder löschen (zum Glück) und "Ja" der neue Preis sollte in "rot". Im Eyecandy war dieses möglich, auch die Anwendung war übersichtlicher. Einzelne Bereiche konnten geändert werden und durch die Markierungen wusste man auch wo. Hoffe da wird noch was getan ;)
     
  6. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Hattest Du dafür eine Anpassung?
    Mein Shop ist noch mit EyeCandy und wenn ich da den "alten Preis" rot färbe, sind alle anderen Preise (außer dem alten Preis) auch rot.
     
  7. R.T

    R.T Erfahrener Benutzer

    Registriert seit:
    8. Januar 2012
    Beiträge:
    67
    Danke erhalten:
    2
    Danke vergeben:
    17
    Nein, hatte keine Anpassung. Aber es war okay, dass dann "alle" Preise rot waren, die Angebotspreise und die regulären. Amazon hat auch alle Preise rot ;)
     
  8. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Dann versuche es mal damit:
    Code:
    .product-container .inside .content-container .content-container-inner .price {
        color: red;
    }
    .product-info .product-info-details .price-container .current-price-container {
        color: red;
    }
    Der erste Code sit für die Listen / Kachelansicht und der zweite für die Artikel-Seite
     
  9. Kidsw

    Kidsw Erfahrener Benutzer

    Registriert seit:
    27. September 2012
    Beiträge:
    59
    Danke erhalten:
    1
    Danke vergeben:
    8
  10. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Deshalb fragte ich ja nach eine Anpassung :)
     
  11. R.T

    R.T Erfahrener Benutzer

    Registriert seit:
    8. Januar 2012
    Beiträge:
    67
    Danke erhalten:
    2
    Danke vergeben:
    17
    Vielen Dank für die Rückmeldungen :), nur leider habe ich keine Erfahrung mit CSS, html usw.. Beim vorherigen Versuch erhielt ich auf der gesamten Starsteite eine Fehlermeldung, die ich zwar beheben konnte, aber das ist mir einfach zu riskant....... ich warte, dass Gambio was ändern wird ;)
     
  12. Karin Lachotta

    Karin Lachotta Neues Mitglied

    Registriert seit:
    23. Januar 2012
    Beiträge:
    1
    Danke erhalten:
    0
    Danke vergeben:
    1
    Hallo Moritz,
    ich habe mir einen GX3-Shop installiert und hatte gehofft dass dies eine Weiterentwicklung ist. Nun steh ich vor dem Problem, dass sich der Sonderpreis nicht vom normalen UVP farblich (beispielsweise in rot) abheben läßt. Im GX2 war das spielend über ein paar Klicks möglich. Gibt es dafür eine Lösung ? Ein Online-Shop in dem Aktionspreise/Sonderpreise nicht hervorgehoben werden können, ist nur die Hälfte wert. Im Gambio-Handbuch war dazu leider auch nichts zu finden. Ich würde mich freuen, wenn Du mir hierzu eine Lösung anbieten könntest. Ich bin leider kein IT-/CSS oder HTML-Profi, aber dafür bin ich schlussendlich auch bei GAMBIO gelandet.
     
  13. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Hallo Karin,

    also ich habe noch einen GX2 und da kann ich ohne Anpassungen den Sonderangebotspreis nicht farbig ändern.
    Man kann nur den alten Preis z.B. in rot darstellen.
    Das liegt daran, dass der "neue Preis" die gleiche classe hat, wie der "normale Preis".

    Wenn Du den alten Preis ändern möchtest, geht das auch recht einfach:
    gehe in den Style Editor und öffne Deinen style zum Bearbeiten.
    Klicke noch einmal auf den Namen Deines Styles.
    Jetzt erscheint unter dem Namen ein Link "eigenes css hinzufügen"
    Es öffnet sich ein Fenster und da trägst Du das ein:
    Code:
    .product-container .inside .content-container .content-container-inner .price .productOldPrice {
        color: red;
    }
    Dann ist der alte Preis in rot.
     
  14. roberto_iannone

    roberto_iannone Erfahrener Benutzer

    Registriert seit:
    30. Juni 2019
    Beiträge:
    107
    Danke erhalten:
    1
    Danke vergeben:
    37
    Hallo zusammen ich habe ein problem das ich auf der Startseite auch die Preise gerne in einer anderen farbe hätte. aber weis nicht was ich da eingeben soll. um Rückmeldung würde ich mich sehr bedanken
     
  15. roberto_iannone

    roberto_iannone Erfahrener Benutzer

    Registriert seit:
    30. Juni 2019
    Beiträge:
    107
    Danke erhalten:
    1
    Danke vergeben:
    37
    hat keiner eine Idee? bin am verzweifeln seit 3 stunden versuche ich was zu finden hahah
     
  16. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Was genau willst Du ändern?
     
  17. roberto_iannone

    roberto_iannone Erfahrener Benutzer

    Registriert seit:
    30. Juni 2019
    Beiträge:
    107
    Danke erhalten:
    1
    Danke vergeben:
    37
    Hier zb der preis die farbe ändern und vom Lieferzeitraum Bildschirmfoto 2019-07-30 um 20.19.38.png
     
  18. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    um nur auf der Startseite den normalen Preis zu ändern muss das ins eigene css:
    Code:
    body.page-index .productlist-viewmode-grid .product-container .product-tile .price-tax .price, body.page-index .productlist-swiper .product-container .product-tile .price-tax .price, body.page-index .product-container.flyover .product-tile .price-tax .price {
      color: #666;
    }
    (statt 666 muss Dein Farbcode eingetragen werden) Allerdings weiß ihc nciht, ob man in einem CloudShop eigenes css hinzufügen kann.

    Wenn man nur auf der Startseite andere Farben hat als sonst, kann das auch irritierend sein und eher vom Kauf abhalten.
    Das würde ich mir überlegen.

    Tipp: Grundpreise nicht vergessen.
     
  19. Wilken (Gambio)

    Wilken (Gambio) Erfahrener Benutzer

    Registriert seit:
    7. November 2012
    Beiträge:
    18.737
    Danke erhalten:
    7.309
    Danke vergeben:
    2.208
    Kann man.
     
  20. roberto_iannone

    roberto_iannone Erfahrener Benutzer

    Registriert seit:
    30. Juni 2019
    Beiträge:
    107
    Danke erhalten:
    1
    Danke vergeben:
    37
    würde sie dann auf jedenfalls überall ändern.

    wie kann ich das prüfen ob das bei mir geht im eignen css?

    was meinst du mit Grundpreis?