Price list nicht ideal für eine Getränkekarte 
Автор: Cookie G.
Просмотрено 83,
Подписчики 1,
Размещенный 0
Hallo
Ich habe eine Speisekart damit erstellt, es ist perfekt geworden. Das Objekt ist wirklich gut, leider ist es nicht ideal für eine Getänkekarte, da es mehrere verschiedene Mengen gibt (zB. Rotwein 1 dl, 3 dl, 5 dl) und dann noch den Preis für die Anzahl DL.
Gruss
Cookie
Размещено
Das geht auch mit dem Objekt "Price list", siehe die beiden Screenshots unten
Als Laie in Sachen Weinkarte kenne ich mich da nicht so aus bei der Gestaltung.
Im Screenshot (1) wurde der Text "Weinkarte" mit dem Text-Objekt und einer Hintergrundfarbe erstellt und ab "Domspatz" ist es das Objekt "Price list".
----- (1) Testseite -----
----- (2) WebSite X5: Eingaben -----
Bei der Beschreibung kann mit der ENTER-Taste auch ein Zeilenumbruch erzwungen werden.
-----
-----
Man auch CSS-Code in der Beschreibung verwenden, siehe dazu auch meine Testseite
>>https://findelinks.de/123shop-hosteurope/speisekarte--marketplace-.html
Ebenso kann bei der Beschreibung HTML-Code verwendet werden, z.B. <b>Text in fett</>
.
----- CSS-Code zum Kopieren (fett markiert) -----
<div style="text-align: right;">1 dl / 3 dl / 5 dl pro Glas</div>At vero eos et accusam et justo duo dolores et ea rebum
----- Im Objekt "Pric list" -----
----- Auf der Webseite unter den Preisen -----
Zum Schluß noch eine Verbesserung beim CSS-Code.
Damit werden beide Inhalte "Lorem ipsum" und "1 dl / 3 dl / 5 dl pro Glas" in der Beschreibung in einer Zeile links- und rechtsbündig angezeigt.
Die Handy-Simulation in Firefox funktionierte ab der Breite "485", darunter fehlten rechts Zeichen.
Link zur Testseite - siehe oben
.
----- CSS-Code (in fett) für Beschreibung ----
<div style="width: 100%; display: flex; justify-content: space-between;"><div>Lorem ipsum dolor sit amet, consetetur sadipscing elitr</div><div>1 dl / 3 dl / 5 dl pro Glas</div></div>
----- Screenshot - Objekt "Price list" -----
------ Auf dem Notebook -----
----- Handy-Simulation mit Breite "485" in Firefox -----
Автор
Hallo Daniel
Danke für die vielen Tipps, werde es mal ausprobieren und du hörst von mir.
Gruss
Cookie
Ein weitere Möglichkeit die Weinkarte mit "Price list" zu gestalten, siehe Screenshots unten
.
----- 3 Zeilen mit CSS-Code und Text bei Beschreibung -----
<div style="width: 100%; display: flex; justify-content: space-between;"><div>Sauvignon Blanc . Eitzinger . Kamptal . 2012</div><div>3,20 / 5,80 / 8,20 €</div></div>
<div style="width: 100%; display: flex; justify-content: space-between;"><div>Riesling Lentum . Melsheimer . Mosel . 2014</div><div>3,70 / 7,40 / 9,80 €</div></div>
<div style="width: 100%; display: flex; justify-content: space-between;"><div>Riesling Plaisier* . Bamberger . Nahe . 2019</div><div>4,20 / 6,80 / 11,70 €</div></div>
-----
-----
Hier noch ein Beispiel für die Gestaltungmöglichkeiten der Preisliste, siehe Screenshots unten
Im Beispiel wurde bei "Alkoholfrei" die max. Zahl an Zeichen im Feld "Beschreibung" erreicht, da neben dem Text auch Zeichen für den HTML-/CSS-Code mitgezählt werden.
Deshalb musste ich bei "Alkoholfrei" das Wort "Mineralwasser" zu "M-Wasser" kürzen.
Mein Fazit: Mit etwas Fantasie und ohne auf Feldbezeichnungen zu achten sowie HML-/CSS-Code lassen sich mit dem Objekt auch schöne Getränkekarten gestalten.
.
----- Objekt "Price list" - Einstellungen -----
-----
Zum Schluß noch die Verlängerung der Einträge am Beispiel der Abschnitt "Weine" von "Biere".
Testseite > https://findelinks.de/123shop-hosteurope/speisekarte--marketplace-.html
Hier die Auswirkung der Feldinhalt auf die Anzeige:
A) Sind 3 Eingabefelder ausgefüllt, dann ist oberhalb und unterhalb der Linie etwas zu sehen.
B) Wenn nur Feld "Beschreibung" ausgefüllt wird, dann sind Linie und Beschreibung sichtbar.
C) Wenn alle Felder leer sind, dann wird nur die Linie angezeigt.
Der Screenshot unten zeigt die Listenpunkte, deren Inhalte und die Auswirkung auf die Anzeige.
-----