Neu Hilfe im Html Editor

[Amir2020]

Hallo Liebe Community

wir sind derweil am gestalten eines online-shops bzw. bei der Anlegung der Artikel. Hierzu gehört neben der Artikelbeschreibung eine Aufzählung (mittels Bulletpoints) der wichtigsten Merkmale zum jeweiligen Artikel.
Ich habe ein Bild als Datei hochgeladen im Anhang, damit Ihr mein Problem besser nachvollziehen könnt. Wie Ihr sehen könnt, stehen links die sechs Merkmale und gegenüber die später noch von uns ergänzenden Werte (zunächst mit XX eingetragen).
Wir haben die Abstände in den jeweiligen Zeilen mittels "Leertaste" erzeugt, da dies durch die "tab"-taste nicht funktioniert. Wenn ich jedoch den online- Shop Seitenentwurf jetzt aktualisiere stehen die Werte rechts, also die XX nicht grade untereinander sondern immer leicht verschoben (nach links und rechts). Auch wenn die XX auf meinem Bild schön grade vertikal untereinander liegen, tun sie dies auf der online-shop-Seite nicht.
Kann man den Abstand in den Zeilen denn anders regeln als es mit der Leertaste zu erzeugen, denn ich glaube daran liegt es dass die XX nicht grade vertikal untereinander liegen?

Danke im Voraus.
LG

 

[Shopworker.de]

Du kannst das mit HTML-Code und einer Tabelle regeln ...

 

[Amir2020]

Hallo Shopworker danke für deine Antwort. Könntest du das eventuell etwas näher erläutern..... also mit Html..? Ich kenne keine html befehle/Codes also Neuling....
Eine Tabelle mit 6 Zeilen und 2 Spalten, richtig? Ich möchte allerdings dass auf der Shop-Seite nicht die Tabelle ersichtlich wird...

 

[Shopworker.de]

selfhtml hilft bei den Grundlagen von HTML: https://wiki.selfhtml.org/wiki/HTML/Tabellen/Aufbau_einer_Tabelle

 

[gnarx]

Hier mal eine Tabelle wo alles extern formatierbar ist:

<table class="amir_beschreibung">
  <tr>
    <td class="links">&nbsp;</td>
    <td class="rechts">&nbsp;</td>
  </tr>
  <tr>
    <td class="links">&nbsp;</td>
    <td class="rechts">&nbsp;</td>
  </tr>
  <tr>
    <td class="links">&nbsp;</td>
    <td class="rechts">&nbsp;</td>
  </tr>
  <tr>
    <td class="links">&nbsp;</td>
    <td class="rechts">&nbsp;</td>
  </tr>
  <tr>
    <td class="links">&nbsp;</td>
    <td class="rechts">&nbsp;</td>
  </tr>
  <tr>
    <td class="links">&nbsp;</td>
    <td class="rechts">&nbsp;</td>
  </tr>
  <tr>
    <td class="links">&nbsp;</td>
    <td class="rechts">&nbsp;</td>
  </tr>
  <tr>
    <td class="links">&nbsp;</td>
    <td class="rechts">&nbsp;</td>
  </tr>
</table>

Mehr Sinn würde es machen die Werte die du brauchst aus eigenen Feldern zu holen und mit einer Abfrage schauen wenn da ein Wert drinne steht dann zeige diese Tabellenzeile an.
Dies hat auch den Vorteil das man die Beschreibung in JTL frei lässt und da noch was hätte für Texte. Die Tabelle wird ja im Template eingebunden.
Die Bezeichnungen wie Herkunft könnte man aus den Globalen Texten holen um hier eine Änderung global zu machen. Dann bist du für die Zukunft gut aufgestellt!

Aussehen könnte das so:

{% if Vorgang.Artikel.EigeneFelder.Allgemein.Lieferumfang != "" %}
    <tr>
         <td class="links">{{ GlobaleTexte.JTL-Übersetzungen.Lieferumfang.Deutsch }}</td>
        <td class="rechts">{{ Vorgang.Artikel.EigeneFelder.Allgemein.Lieferumfang }}</td>
    </tr>
{% endif %}

 

[Amir2020]

Du kannst das mit HTML-Code und einer Tabelle regeln ...

Danke es hat geklappt.