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.

-----

Danke Daniel

Es ist aber recht zeitaufwendig. Da ich gerade viel zeit habe, da ich mein Fuss gebrochen habe. Bin aber am überlegen, ob ich es in einer Tabelle es einfacher hinbekomme.

Und eigendlich wollte ich für INCO eine Idea bringen, damit das Widget besser wird. Meiner Meinung, ist aber nur meine! sind die meisten Widgets nicht wirklich brauchbar. 

Gruss

Cookie

Hallo Cookie,

dann wünsche ich Gute Besserung!

Bei einer Tabelle wird auch zusätzlicher Code benötigt, damit sie responsive wird, sich also an schmale Bildschirme anpassen kann und man nicht seitlich scrollen muss, um alle Inhalt zu sehen.

Ich habe das mit dem Objekt "Price list" soweit ausgearbeitet, dass man damit auch relativ einfach eine Getränkekarte erstellen kann.

Ich habe den HTML-/CSS-Code mit den Inhalten kopiert und im Windows Editor im Vollbildmodus die Texte und Zahlen geändert, dann dort wieder kopiert und im Objekt "Price list" bei Beschreibung eingefügt, da man im Eingabefeld zu wenig Platz zum Bearbeiten hat.

Wenn beim Einfügen im Eingabefeld "Beschreibung" das </div></div> am Ende fehlt, dann sind es zuviele Zeichen und der Code muss um 1 Zeile gekürzt werden, falls der Text nicht kürzbar ist. 

In Kombination von WebSite X5 mit Windows Editor geht es für mich relativ einfach. Damit kann man zügig auch eine größere Getränkekarte erstellen. Vermutlich einfacher als mit den Objekt "Tabelle".

Aber jeder Nutzer muss selber entscheiden was für ihn einfacher ist.

Gruß

Daniel

Ein Beispiel für "Tabellen-Style" ohne HTML/CSS-Code, aber mit Linien.

Oder mit 1x CSS-Code, aber ohne Linien, siehe auch auf der Testseite

>> https://findelinks.de/123shop-hosteurope/speisekarte-easy-marketplace.html

----- Ohne CSS-Code mit Linien -----

----- Mit CSS-Code ohne Linien -----

Wenn die Linien stören, der kann das Objekt "Price list" markieren und oben auf "Code" klicken und diesen CSS-Code hinzufügen ...

----- CSS-Code, um Linien auszublenden -----

.icmPriceListPlugin_headingSection {
border-block-width: 0px 0px;
}

----- CSS-Code im Objekt "Price list" unter "Code" einfügen -----

----- Objekt "Price list" mit den Eintragungen -----

Super Daniel

Genau diese Lösung war die Richtige. War eigentlich ganz einfach und auch logisch, mann muss aber erst darauf kommen.

Danke dir und ich wünsche dir noch einen schönen Abend und eine gute Nacht.

Bleib gesund

Gruss

Cookie