Dropdown Feld der Suche verlängern

[lullifatz]

Hallo,

wie kann man die Länge des Dropdow Feldes zur Auswahl der Kategorie für die Suche verändern.  Wir haben neun Kategorien und möchten gerne, dass diese ohne scrollen zu müssen angezeigt werden. Es müsste also weiter aufgeklappt werden.

Gruß Matthias

Linkback: https://www.modified-shop.org/forum/index.php?topic=42658.0

[Jürgen]

Hallo,

im Demoshop gerade 2 neue Kategorien angelegt (in Summe jetzt 6 KAtegorien) und alle 6 sind im dropdown im Suchfeld (Kategoriedropdown ) sichtbar... Cache an/geleert?

Gruß

Jürgen

[karsta.de]

Die Anzeige wieviele Artikel in der search_autocomplete auf einer Seite gezeigt werden, ist leider nicht im Admin einzustellen, sondern kann man nur in der javaScript-Datei ändern (sofern man sich das im Admin nicht erweitert).
Zu finden ist der Eintrag in shoproot\templates\tpl_modified_responsive\javascript\extra\autocomplete.js.php

Code: Javascript  [Auswählen]

var ac_pageSize = 8;

Hier kann man die Zahl hochsetzen.

Allerdings muss man dann eventuell auch die stylesheet.css anpassen, da dort eine max-height für die .suggestionList festgelegt ist, um innerhalb der Suchanzeige keinen Scrollbalken zusätzlich zu bekommen.

BG Karsta

[Timm]

Moin

Er meint nicht die Suchergebnisse sondern die Kategorien. Und ja bei 6 gehts natürlich, aber er schrieb ja, dass er 9 hat. Und da kommt es auch noch auf die Länge der Kategorienamen an und ob sie zweizeilig werden.

Mobil werden mir alle 9 angezeigt, aber auf dem Desktop nicht.

Markiere die Kategoriesuche mal mit den Entwicklertools des Browsers. Dann sollte folgendes markiert sein:

[ Für Gäste sind keine Dateianhänge sichtbar ]

dann erhöhst du rechts den Wert für max-height wie gewünscht bis du zufrieden bist. (ca.290px vermutlich)

[ Für Gäste sind keine Dateianhänge sichtbar ]

Dass dann in der deintemplate/css/jquery.sumoselect.css ändern.

Müsste diese Zeile sein:

Code: CSS  [Auswählen]

.SumoSelect > .optWrapper ul {list-style: none; display: block; padding: 0; margin: 0; overflow: auto;}
.SumoSelect > .optWrapper > .options { border-radius: 2px;position:relative;max-height: 250px;}

Danach auf dem Handy auch prüfen.

Gruß Timm

[Markus]

Hi Matthias,

suche in der stylesheet.css

Code: CSS  [Auswählen]

.search_inner .search_cat .SumoSelect > .optWrapper {
  width: auto !important;
  max-width: 300px !important;
}

füge darunter ein:

Code: CSS  [Auswählen]

.search_inner .search_cat .SumoSelect > .optWrapper > .options {
  max-height: 250px;
}

Den Wert 250px kannst du an deine Bedürfnisse anpassen.

Markus

[karsta.de]

[...]Er meint nicht die Suchergebnisse sondern die Kategorien. [...]

Stimmt 

[lullifatz]

Hallo Markus,

ich habe dort scheinbar schon einen Eintrag

Code: PHP  [Auswählen]

.search_inner .search_cat .SumoSelect > .optWrapper > .options li.opt{padding:5px 6px;font-size:12px;line-height:18px;font-weight:300;}

Soll ich diesen mit

Code: PHP  [Auswählen]

.search_inner .search_cat .SumoSelect > .optWrapper > .options {
  max-height: 250px;
}

ersetzen?
Oder ist das nicht der Eintrag?

Gruß Matthias

[lullifatz]

Hallo Markus,

ich habe Deinen Eintrag hinzugefügt und es funktioniert.

Vielen Dank!

Gruß Matthias