Produktkatalog - Einstellung auf Slideshow - Farbe der Pfeile ändern 
Autor: Frank D.
Visited 130,
Followers 1,
Udostępniony 0
Wie es der Titel schon sagt - wie lässt die Farbe der Pfeile ändern? Webseite mit schwarzem Hintergrund und die Pfeile der Slideshow im Produktkatalog sind ebenfalls schwarz, klasse.
Ist die Frage, lässt sich die Farbe der Pfeile ändern und wenn ja, wo?
Danke im Voraus...
Posted on the
schau mal unter "2" bei Popup Fenster u. Showbox ob du hier den Buttonstil ändern kannst.
Autor
Schon versucht, da ändert sich leider gar nichts.
Das geht mit CSS-Code, allerdings nicht im Objekt "Produktkatalog", da hier Incomedia eine schwarzer Farbe für < und > als "!important" (Wichtig) festgelegt hat.
Daher habe ich nach einigen Tests den CSS-Code ganz oben im Quelltext positioniert, also unter ...
1 Einstellungen > Statistiken und Code / Code
... und den CSS-Code auch mit der ermittelten Objekt-Nr. versehen.
Meine Testseite (Demo Shop) >> https://findelinks.de/123shop-hosteurope/produktkatalog.php
----- CSS-Code -----
<style>
#imProductList_28_02 .swiper-button-next { color: red !important; }
#imProductList_28_02 .swiper-button-prev { color: red !important; }
</style>
----- Screenshot -----
Autor
Hallo Daniel, danke für deine Mühe aber leider ist das keine Lösung. Es funktioniert tasellos aber bei etwa 400 Produkten???
Schön wenn Inco solche neuen Dinge implementiert. Schade ist aber , das solche Dinge nur halbgar und nicht bis zu Ende gedacht werden. In den Produktseiten geht es doch auch, dort werden die Pfeile in weiß angezeigt.
Naja, schöne Idee von Inco aber leider unbrauchbar für Leute mit dunkelm bis schwarzen Hintergrund.
Vielleicht können die CSS-Experten den CSS-Code oben so ändern, damit bei #imProductList_ verschiedene Endungen möglich sind und 1 CSS-Code für alle Produktkatalog-Objekte genügt.
Ich habe bei Google gesucht und einige Beispiele gefunden, aber es hat keines funktioniert.
Autor
Oder vielleicht legt da einfach mal Inco Hand an und baut etwas ein, damit man auch in diesem Bereich die Farben wechseln kann. Das wäre das Einfachste, bevor man als Endanwender der Softerware wieder irgendwelche Bestellösungen einbauen muss!
Du meinst doch die Showbox wenn man im Produktkatalog auf das 1. Bild drückst und wenn du mehr als ein Bild eingefügt hast, dass diese als Slideshow angezeigt werden, oder? Hier kommen die Pfeile als "Grafik" angezeigt und bei mir sind diese "weiss"! Ausserdem wird der Hintergrund der Showbox nicht komplett schwarz angezeigt sondern durchsichtig und auch wenn hier schwarze Pfeile sind, kann man diese erkennen.
Autor
Ich meine die Einstellung im Produktkatalog "SlideShow"....Dort erscheinen die Pfeile bei mir in schwarz und das lässt sich nicht umstellen.
Hello Frank,
apologies for the inconvenience. I am reporting the option to customize the color of the arrows as a suggestion for future releases.
Thank you for the feedback.
Online translation:
Hallo Frank,
entschuldige die Unannehmlichkeiten. Ich melde die Option, die Farbe der Pfeile anzupassen, als Vorschlag für zukünftige Versionen.
Vielen Dank für dein Feedback.
Autor
Danke Eric...
JEtzt weis ich was du meinst! Nicht die Bilder, sondern das ganze Produkt als Slideshow anzuzeigen.
Hier mal vorab ein Code...
<style>
.swiper-button-next, .swiper-button-prev {color: #fff!important}
</style>
Autor
Danke Andreas aber funktioniert leider nicht. Die Pfeile bleiben trotz deinem Code schwarz :-(
... höchstwahrscheinlich unterscheidet sich die Struktur Ihres Swipers von der von Daniel und Andreas getesteten, und um eine sichere Bewertung vornehmen zu können, wäre es angebracht, Ihren LINK zu posten ...
...
.... Zum Beispiel,. Um in bestimmten Arten von Swipern ROTE Pfeile zu haben, müssen Sie diesen Code von mir verwenden:
<style>
.swiper-button-next:after, .swiper-button-prev:after
{ color:red !important }
</style>
... es gibt auch andere unterschiedliche Codes von mir, je nach Fall, um die Pfeile in jeder Situation immer mit hohem Kontrast und Halbtransparenz zu versehen ...
...
...außerdem gibt es eine exklusive Erfindung von mir, dass diese Swiper über Autoplay+Stopp+interaktive Punkte verfügen...
.
ciao
.
Danke KolAsim!
Der CSS-Code funktioniert bei mir auch ohne "#imProductList_28_02", so dass man diesen CSS-Code nur einmal einfügen muss und für alle Produktkataloge auf der Website nutzen kann.
KolAsim´s CSS-Code mit der Farbe Blau:
<style>
.swiper-button-next:after, .swiper-button-prev:after
{ color:blue !important }
</style>
Getestet in meinem Demo Shop, siehe
Produktkatalog 1 >> https://findelinks.de/123shop-hosteurope/produktkatalog.php
Produktkatalog 2 >> https://findelinks.de/123shop-hosteurope/produktkatalog-2.php
Mein Fazit:
Irgendwie seltsam, dass ich bei meinen ersten Tests "#imProductList_28_02" hinzufügen musste, damit es funktionierte und jetzt geht es auch ohne. Vielleicht eine Macke meines Notebooks.
Autor
Hab den Code gerade getestet und ja, er funktioniert. Sehr schön, danke