Dropdown Product Options

[koshiro]

Hallo,
wie kann man dieses Feld so ändern, das es sich immer automatisch, der Größe anpasst.
Die Schrift links Zentrieren, so das es einfach ansehnlicher aussieht.
Das ich es über die Stylesheet.css machen muss weiß ich ja, aber ich bekomme es nicht so ganz hin. Wenn ich es eine Feste Größe gebe, dann passt es bei anderen Sachen wieder nicht.
Kann mir da einer, einen Ratschlag geben ?
Gruß
Micha

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



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

[web28]

Hallo koshiro

das ist hier zwar keine CSS-Forum...

Dropdowns passen sich immer automatisch an den breitesten Eintrag an, es sei denn man vergibt per CSS eine feste Breite. Das ist natürlich nur dann sinnvoll, wenn man den breitesten Eintrag kennt und sich dieser nicht verändert.

Bei den Atributwerten ist das Setzen einer festen Breite sinnfrei.

Am einfachsten ist die Eingabe von zusätzlichen geschützten Leerzeichen vor und nach  den Optionswertnamen in den Templatedateien. Dadurch bekommt man den nötigen Freiraum zum linken und rechten Rand.

Gruss Web28

[koshiro]

Hallo Web28,
welche Template Datein sind denn dafür zuständig? Im Shop unter Artikel wähle ich ja nicht aus was er nutzen soll, denn so wie ich es sehe nimmt er automatisch die product_options_dropdown.html
Wenn ich dort aber was änder, dann sehe ich es nur, wenn ich beim Artikel die product_options_dropdown.html auch auswähle obwohl er die ja schon nutzt.
Gruß
Micha

[web28]

Im Shop unter Artikel wähle ich ja nicht aus was er nutzen soll

Warum nicht? Sollte man aber machen! Dafür sind die Felder ja da!

Wenn ich dort aber was änder, dann sehe ich es nur, wenn ich beim Artikel die product_options_dropdown.html auch auswähle obwohl er die ja schon nutzt.

Oder templates_c leere.
Wo ist das Problem?

Gruss Web28

[koshiro]

Hallo Web28,
ok dann werde ich das immer auswählen, wo muss ich den genau in der product_options_dropdown.html die geschützten leerzeichen eingeben, damit es links und rechts richtig passt ? Denn die Datei ist doch dafür zuständig oder ?
Gruß
Micha

[web28]

 {$item_data.TEXT} {if $item_data.PRICE !='' }{$item_data.PREFIX} {$item_data.PRICE}{/if} 

Ist das wirklich alles so schwer?  

Vergiss nicht die CSS Breite wieder zu entfernen.

Gruss Web28

[koshiro]

Hallo Web28,
nein wenn man es weiß ist es nicht so schwer.
Ihr habt mir gegenüber nur ein Paar Jahre vorsprung vom Lernen, und ich gebe mir ja schon Mühe alles alleine zu schaffen. Es werden ja auch immer weniger Problem die ich hier frage, denn ich löse schon viele sachen von alleine.
Aber das mit den geschützten Leerzeichen, habe ich auf der seite self Html nicht gefunden. Sorry nochmal.
Gruß
Micha

[Tomcraft]

Wäre das als designtechnische Verbesserung für den Trunk wünschenswert? Hab da keine meinung zu, ob das sonst zu gedrängt ist.

Grüße

Torsten

[koshiro]

Hallo Torsten,
ja ich denke schon, denn so sieht es einfach sauberer aus, und nicht so gedrückt.
Gruß
Micha

[Tomcraft]

Hätte dazu gerne noch ein paar andere Meinungen...

Grüße

Torsten

[mollvision]

Ich finde es so wie es ist völlig in ordnung.
das design ist ja produktspezifisch bei dropdown in varianten immer die gleich breite, es passt sich dem längsten text an und bleibt bei auswahl eines kürzeren texts in der breite des längsten.
ich finde, wenn die größe/breite sich immer ändert lenkt das ab.
zumal man dann auch immer mit der maus hinterher muß für eine neue auswahl.

 - könnte u.u. den kunden stören. - es geht ja um "stressfreien einkauf" also dem kunden die ruhe gönnen

gruß
wolfgang

[web28]

Ich finde es so wie es ist völlig in ordnung.
das design ist ja produktspezifisch bei dropdown in varianten immer die gleich breite, es passt sich dem längsten text an und bleibt bei auswahl eines kürzeren texts in der breite des längsten.
ich finde, wenn die größe/breite sich immer ändert lenkt das ab.
zumal man dann auch immer mit der maus hinterher muß für eine neue auswahl.
 - könnte u.u. den kunden stören. - es geht ja um "stressfreien einkauf" also dem kunden die ruhe gönnen
gruß
wolfgang

Hallo Wolfgang, darum geht es hier gar nicht.

Zur Verdeutlichung ein Screenshot aus meinem Weblabor:

Links das Dropdownfeld ohne zusätzliche Leerzeichen, die 1 ist mir dabei zu nahe am Drowdownpfeil.

Rechts mit zusätzlichen Leerzeichen vor dem W und nach der 1, das sieht wesentlich gefälliger aus.

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

Gruss Web28

@Tomcraft
kann man in die Modified einbauen, ist aber eigentlich designtechnische "Pillepalle"  

[Tomcraft]

Klar ist es PillePalle, aber wenn wir es gerade aktuell als Thema haben, wieso nicht gleich mit berücksichtigen? Ihr habt ja Mitspracherecht.

Ist integriert in r291.

Grüße

Torsten

[mollvision]

@web24,

stimmt - hast recht. finde ich auch besser.
sorry hatte da was falsch verstanden.

wolfgang

[mollvision]

Für alle, die ihre
/templates/xtc5/module/product_optionsproduct_options_dropdown.html
individuell angepasst haben, hier noch mal die Änderung.

SUCHEN:

Code: XML  [Auswählen]

<option value="{$item_data.ID}">{$item_data.TEXT} {if $item_data.PRICE !='' }{$item_data.PREFIX} {$item_data.PRICE}{/if} </option>
 

ÄNDERN:

Code: XML  [Auswählen]

<option value="{$item_data.ID}"> {$item_data.TEXT} {if $item_data.PRICE !='' }{$item_data.PREFIX} {$item_data.PRICE}{/if}  </option>
 

Könnte sein, dass die Frage kommt

Gruß
Wolfgang