WebSite X5Help Center

 
Frank D.
Frank D.
User

Produktkatalog - Einstellung auf Slideshow - Farbe der Pfeile ändern  de

Autore: Frank D.
Visite 132, Followers 1, Condiviso 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...

Postato il
15 RISPOSTE - 2 UTILI
Andreas S.
Andreas S.
Moderator

schau mal unter "2" bei Popup Fenster u. Showbox ob du hier den Buttonstil ändern kannst.

Leggi di più
Postato il da Andreas S.
Frank D.
Frank D.
User
Autore

Schon versucht, da ändert sich leider gar nichts.

Leggi di più
Postato il da Frank D.
Daniel W.
Daniel W.
User
Utente del mese DE

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 -----

Leggi di più
Postato il da Daniel W.
Frank D.
Frank D.
User
Autore

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.

Leggi di più
Postato il da Frank D.
Daniel W.
Daniel W.
User
Utente del mese DE

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.

Leggi di più
Postato il da Daniel W.
Frank D.
Frank D.
User
Autore

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!

Leggi di più
Postato il da Frank D.
Andreas S.
Andreas S.
Moderator

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.

Leggi di più
Postato il da Andreas S.
Frank D.
Frank D.
User
Autore

Ich meine die Einstellung im Produktkatalog "SlideShow"....Dort erscheinen die Pfeile bei mir in schwarz und das lässt sich nicht umstellen.


Leggi di più
Postato il da Frank D.
Incomedia
Eric C.
Incomedia

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.

Leggi di più
Postato il da Eric C.
Frank D.
Frank D.
User
Autore

Danke Eric...

Leggi di più
Postato il da Frank D.
Andreas S.
Andreas S.
Moderator

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>

Leggi di più
Postato il da Andreas S.
Frank D.
Frank D.
User
Autore

Danke Andreas aber funktioniert leider nicht. Die Pfeile bleiben trotz deinem Code schwarz :-(

Leggi di più
Postato il da Frank D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ENUtente del mese ES
Frank D.
 Wie es der Titel schon sagt - wie lässt die Farbe der Pfeile ändern? ... ... ... 
 (It > De) ... sowohl Daniels Code als auch Andreas' Code sind gültig....
... 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

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Daniel W.
Daniel W.
User
Utente del mese DE

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.

Leggi di più
Postato il da Daniel W.
Frank D.
Frank D.
User
Autore

Hab den Code gerade getestet und ja, er funktioniert. Sehr schön, danke wink

Leggi di più
Postato il da Frank D.