Responsive Darstellung des Product Selectors 
Autor: V. G.
Besucht 142,
Followers 1,
Geteilt 0
Hallo
Wir sind gerade dabei, unsere Website neu zu gestalten und wollen auf der überarbeiteten Version auch einen Produktselektor integrieren. Das funktioniert soweit auch alles, allerdings hat man bei der Vorschau der responsiven Ansicht (Smartphone) keine Möglichkeit mehr, den Produktselektor zu bedienen. Es werden einfach alle Produkte nacheinander gelistet und man kann keine Voreinstellungen treffen. Ist das so gewollt? Gibt es dafür noch andere Lösungen, so dass man auch mit dem Smartphone die Möglichkeit hat, Spezifikationen für die Produkte festzulegen?
Gepostet am
Hello,
could you clarify what you mean by product selector?
Are you referring to a Product Catalog with specific settings?
Thank you.
Online translation:
Hallo,
könntest du bitte klarstellen, was du mit "Produktselektor" meinst?
Beziehst du dich auf einen Produktkatalog mit spezifischen Einstellungen?
Danke.
Auf die Lupe links klicken, dann erscheinen auf schmalen Bildschirmen alle Suchoptionen.
-----
-----
Autor
Hallo,
ja, ich meine den Produktkatalog.
Daniel W. danke für den Hinweis. Die Lupe ist bei uns nicht sichtbar bzw. nur bei Mauskontakt, daher habe ich die nicht gesehen. Sie ist aber da und die Optionen öffnen sich auch beim Anklicken. Wo stellt man denn die Sichtbarkeit ein? Ich habe dafür leider noch keine Einstellung gefunden.
Could you please post a screenshot of what your Product Catalog looks like in desktop and mobile version and what its settings are, so that I have a better idea of the situation and what could be changed, unless it is intended for those aspects not to appear at the lowest breakpoint?
Thank you.
Online translation:
Könnten Sie bitte einen Screenshot davon posten, wie Ihr Produktkatalog in der Desktop- und Mobilversion aussieht und welche Einstellungen er hat? So bekomme ich eine bessere Vorstellung von der Situation und möglichen Änderungen – es sei denn, es ist beabsichtigt, dass diese Aspekte bei der kleinsten Bildschirmauflösung nicht erscheinen.
Vielen Dank.
Ich weis nicht ob du das meinst...
Unter "3" unten bei den Spezialseiten bei "Onlineshop: Suchen" kannst du auch "Bearbeiten" drücken und die Häkchen setzen wenn du z.B. die Lupe nicht siehst.
Autor
Die Lupe ist da, allerdings in weiß, bei Mauskontakt wird sie grau. Ich füge einen Screenshot an, damit man es besser sieht. Für die Lupe/Suchfunktion in der responsiven Ansicht habe ich keine Extra-Einstellung gefunden.
Autor
Ansicht Smartphone
Ansicht bei Mauskontakt
Autor
Ansicht Desktop
Für das Feld mit der Lupe gibt es auch keine extra Einstellungen. Das wird vom Programm automatisch erzeugt.
Man könnte es vielleicht per CSS Code ändern.
<style>#im-cartsearch-container .filter-sidebar .search-container {background-color: #fff;}</style>
Autor
Das ist schlecht.
Den CSS Code füge ich bei "Onlineshop: Suchen > Eigenschaften > Erweitert" ein oder? Da tut sich leider nichts. Habe verschiedene Farbcodes probiert, die Lupe bleibt weiß.
Was funktioniert, den Seitenhintergrund für den Produktkatalog einzufärben, damit die Lupe sichtbar wird. Ist nicht die optimale Lösung, weil ich dann auch wieder an den Einstellungen vom Produktkatalog drehen muss, aber das würde erstmal funktionieren. Ich bin offen für weitere Vorschläge und Ideen.
Vielleicht muss man es erzwingen!
<style>#im-cartsearch-container .filter-sidebar .search-container {background-color: #fff!important;}</style>
Autor
Direkt ausprobiert, bringt leider auch nichts. Die Lupe bleibt weiß. Danke trotzdem.
In Website X5 bei "3 Sitemap" unten bei den Spezialseiten "Onlineshop: Suchen" markieren und oben auf "Eigenschaften" klicken, dann den Reiter "Erweitert" anklicken und bei ...
Benutzerdefinerter Code
Vor dem </HEAD> Tag
<style>
#im-cartsearch-container .btn-sidebar svg { fill: red; }
</style>
... diesen CSS-Code einfügen, dann ist die Lupe rot bei schmalen Bildschirmen.
Bei Bedarf einen anderen englischen Farbnamen angeben - z.B. fill: black
-----
Autor
Danke Daniel W., das hat funktioniert. Problem gelöst.