Neu Getrennte Eingabefelder für Fließtext (Beschreibung) und Technische Daten?

[Japsa]

Hallo,
hab mir mal Gedanken gemacht (über FB von Anderen auch mal machen lassen) und möchte Euch mal das Ergebnis darlegen bzw. das Problem - um es zu verstehen hier mal der Link zu einem Ebayangebot, woran ich es mal darlegen möchte:

https://www.ebay.de/itm/232680388904

Auf dem Desktop (ab 769px) sieht man unter "Beschreibung" erst einen Fließtext und dann wichtige Technische Daten - soweit auch ok:



Hingegen auf Handys & kleineren Geräten bis einer Auflösung 768px nur noch die "Technische Daten" - das hat den Hintergrund, dass der Kunde , wenn er mobil unterwegs ist, wohl nicht erst viel text lesen möchte, sonder hier sich auf das Wesentliche konzentrieren möchte, da er sonst ja auch viel scrollen muß (so auch die Meinung vieler anderer User aus FB) - deshalb sieht es mobil nur noch so aus:



Aber nicht nur deshalb, würde ich es begrüßen, wenn man für Ebay (eventuell auch für den eigenen Shop) 2 getrennte Eingabefelder hätte:

1x reiner Text (Content für den Shop z.B )
1x rein für Technische Daten

Wäre dies jetzt verfügbar, hätte ich für Ebay z.B. meine Technische Daten auf der Desktopansicht rechts neben die Bilder platzieren können und den Fließtext darunter (wie jetzt auch) - in der Mobilen Ansicht. wäre es dann genauso wie jetzt in meinem Beispiel. Auch hätte man hier mehr Spielraum bei der Gestaltung im Shop, da man text (Content) und Technische Daten getrennt von einander behandeln könnte.

Aktuell habe ich es mittels CSS und 2facher Eingabe in dem Feld für Ebay gelöst, aber das ist auch aufwendig und für mich erstmal auch nur eine Notlösung - mit getrennten Platzhalter wäre das sicher einfacher

Deshalb meine Bitte an die Admin:
Sprecht mit der Entwicklung darüber - nehmt es bitte als Featureswunsch in der ISSUS auf. Danke.

Gruß Dirk

 

[gnarx]

Na ja den oberen Block kannst du doch per css ausblenden auf dem Handy. Nimmst einfach nee Klasse wie <span class="nurDesktop">Wärmetauscher .......</span>
Und im Bereich der css wo die Ansicht der Handyansicht formatiert wird einfach .nurDesktop {display: none}

 

[Japsa]

Na ja den oberen Block kannst du doch per css ausblenden auf dem Handy. Nimmst einfach nee Klasse wie <span class="nurDesktop">Wärmetauscher .......</span>
Und im Bereich der css wo die Ansicht der Handyansicht formatiert wird einfach .nurDesktop {display: none}

Was hab ich denn gemacht?
Genau das, aber man muss ja dadurch auch im Quelltext der Beschreibung mit CSS -Anweisungen arbeiten - wenn ich aber 2 getrennte Eingabefelder hätte, könnte man mit Platzhalter arbeiten und man wäre flexibler.
Plentymarkets hat das und dort habe ich das sehr gerne genutzt

 

[gnarx]

Ja du hast den Block zweimal angegeben das musst du aber nicht einmal reicht. Ich schaue mal eben und poste das hier.

 

[gnarx]

So geht es:

<div class="ebaydesk">

   <span class="nurDesktop">
          <h2>Wärmetauscher Edelstahlwellrohr 3/4 Zoll </h2>
          Ob Heizungsanlagen, Speicher, Ausdehnungsgefäße oder als Teil der Solarthermie. Unser Edelstahlwellrohr ¾ Zoll ist überall daheim. Diese gewellte Rohrleitung für fast alle Anwendungen wird besonders gerne für den Wärmetauscher im Solartank genutzt. Der Edelstahl Wellrohr Wärmetauscher fällt vor allem durch seine lange Nutzungsdauer und den wartungsarmen Betrieb, in das Auge. Schon vorab bleibt der Installationsaufwand gering. So lässt sich das enggewellte Rohr        
          DN16 mit der Hand biegen, bleibt dabei formstabil und kann mit wenigen Verbindungsstücken montiert werden. Bei Längen über 50 cm sollte alle 50 cm lediglich eine Rohrhalterung mit Kunststoffzwischenlage als Stütze dienen.
          <h2>Vorteile des Wellrohr DN16 und Tipps</h2>
          Dank leichten Biegsamkeit und der engen Biegeradien kann das Wellrohr ¾ Zoll ganz einfach verlegt werden ohne bei Nutzung sein Form zu verändern. Die Kosten sind im Gesamten sehr niedrig, was sich auch auf die verkürzte Arbeitszeit und Nutzung extrem weniger Verbindungen, bei der Montage des Edelstahlwellrohes DN16, bezieht. Ob flüssig oder gasförmig, das Wellrohr Edelstahl hat einen breit aufgestellten Nutzungsradius. Industrieanwendungen wie auch
          Sanitärinstallationen profitieren von der Neutralität und Dauerhaftigkeit des Materials. <br>
          <br>
     </span>
  <ul>
    <li><strong>Nennweite</strong>: DN&nbsp;16 </li>
    <li><strong>Verschraubung</strong>: beidseitig&nbsp;3/4 Zoll&nbsp;Überwurfmutter inkl. Dichtungen </li>
    <li><strong>Werkstoff Wellrohr</strong>: Edelstahl 1.4404 (AISI 316L, V4A, Nirosta 4404) </li>
    <li><strong>Länge</strong>: 10 cm bis 500 cm&nbsp; oder als inviduelle Länge nach Ihrem Maß (Sonderanfertigung) </li>
    <li><strong>Wandstärke</strong>: 0,20 mm </li>
    <li><strong>Innenradius</strong>:&nbsp;16,5 mm </li>
    <li><strong>Außenradius</strong>: 21,4 mm </li>
    <li><strong>Biegeradius</strong>:&nbsp;27 mm </li>
    <li><strong>Betriebsdruck</strong>: 16 bar </li>
    <li><strong>Temperatur</strong>: -270 °C bis 600 °C </li>
    <li><strong>Wellung</strong>: enggewellt </li>
    <li><strong>Lieferumfang</strong>; montagefertig, inkl. beidseitig 3/4" ÜM &amp; Dichtungen</li>
  </ul>
</div>

Musst halt nur noch die class im Formatierungsbereich für Handy auf Display:none setzen.

 

[Japsa]

Ach so hast Du das gemeint - ok, dann entschuldige.
Ja so gehts natürlich dann auch - trotzdem bleib ich dabei: 2 Eingabefelder wären schöner

 

[gnarx]

Wir holen diese techn. Werte in JTL aus den Merkmalen die man sich anlegen kann. Kann ich dir mal zeigen wenn du willst.

 

[gnarx]

Schau mal hier da gebe ich nur Werte an beim Artikel anlegen und kann sogar nee Werteliste machen mit Werten die nur zulässig sind.
https://www.ebay.de/itm/152973590661

 

[gnarx]

 

[gnarx]

Die Attribute nutzen wir für die Blöcke wie Zustand, Lieferumfang, usw.. Hir haben wir uns Standardtexte hinterlegt und können die im Fenster oben per Werteliste ausgewählt werden. Per if wird geschaut ob in dem Attribut was drinne steht wenn nicht wird der ganze Block nicht angezeigt.

 

[Japsa]

@CSB das ist natürlich auch eine Möglichkeit. Danke.

 

[Japsa]

@CSB
Eine Frage dazu:
Fragt Ihr per IF jedes einzelne Attribut dann ab? Hättest Du hier mal ein Stück Code für mich - so ganz fit bin ich in solchen Dingen leider nicht
Vielen Dank.

Gruß Dirk

 

[gnarx]

Nein das macht glückerweise JTL als Schleife. Der Code dazu sieht so aus:

{{ GlobaleTexte.eBay-Designvorlagen.Produktdetails  | SelectLanguage: Sprache | Render }}

Die Globale Textvorlage, die vorhanden sein sollte, kann so aussehen (habe ein paar Blöcke rausgenommen), hier ist es der letzte Block der die Merkmale als Schleife ausliest:

{% assign Sprache = 'Deutsch' %}
<div class="panel-body">
<ul class="attr-group list-unstyled row">
{% comment %} Block Beginn {% endcomment %}
{% assign ArtNrSku = Vorgang.Artikel.Allgemein.Stammdaten.ArtNrSku -%}
{% assign ArtNrSkuIsFilled = ArtNrSku | IsFilled -%}

{% comment %} Block Ende {% endcomment %}
{% assign EAN = Vorgang.Artikel.Allgemein.Stammdaten.EAN -%}
{% assign EANIsFilled = EAN | IsFilled -%}
{% if EANIsFilled -%}
<li class="item col-lg-6 attr-manufacturer">
<div class="row">
<div class="row">
<span class="attr-label col-sm-5">{{ GlobaleTexte.Übersetzungen.EAN | SelectLanguage: Sprache }}:</span>
<span class="value col-sm-7"> {{ EAN }} </span>
</div>
</div>
</li>
{% endif -%}

{% assign ISBN = Vorgang.Artikel.Sonstiges.ISBN -%}
{% assign ISBNIsFilled = ISBN | IsFilled -%}
{% if ISBNIsFilled -%}
<li class="item col-lg-6 attr-manufacturer">
<div class="row">
<div class="row">
<span class="attr-label col-sm-5">{{ GlobaleTexte.Übersetzungen.ISBN | SelectLanguage: Sprache }}:</span>
<span class="value col-sm-7"> {{ ISBN }} </span>
</div>
</div>
</li>
{% endif -%}

{% for EbayMerkmal in Vorgang.eBayMerkmale -%}
{% if EbayMerkmal.Name != 'Anzahl der Einheiten' and EbayMerkmal.Name != 'Maßeinheit' %}
<li class="item col-lg-6 attr-manufacturer">
<div class="row">
<div class="row">
<span class="attr-label col-sm-5">{{ EbayMerkmal.Name }}:</span>
<span class="value col-sm-7"> {{ EbayMerkmal.Wert }} </span>
</div>
</div>
</li>
{% endif %}
{% endfor -%}
</ul>
</div>

Und der Abruf so:

 

[Japsa]

Ok super Danke. Mal schauen ob ichs bei mir auch so einbaue
Das sieht bei mir nach viel Arbeit aus

 

[gnarx]

Genial ist wenn du dein Template änderst fragt JTL ob er Angebote mit dem Template gleich bei ebay abgleichen soll. Schöne Nummer.