kostenlose responsive eBay-Templates "Metz" + "Frankfurt"

nmueller

Sehr aktives Mitglied
5. April 2011
1.309
100
Saarland
Klein, schlank und übersichtlich und in zwei Designs.

Features:
  • ebay 2017 ready [Quelle] [Quelle]
  • Metz: 4 Farbvarianten
  • Frankfurt: 5 Farbvarianten sowie 3 Hintergrund-Designs
  • responsive Auktionsvorlage inkl. Eazyauction-Anpassung
  • geeignet für JTL-Wawi #97x / #1.0+ (DotLiquid)
  • Galerie mit bis zu 12 Bildern (nicht genutzte Bildplätze blenden sich restlos aus)
  • Standardplatzhalter (Produktname, Beschreibung, etc) integriert
  • Globaltextplatzhalter und 'Übersetzungen' (= Boxenüberschriften) integriert für mehrsprachige Nutzung
  • optimiert für mobile Endgeräte
  • Icons über FontAwesome (keine Grafiken nötig), Ihr könnt sie also gemäß der Icon-Liste auch austauschen / ändern
Design 'Metz' : [Download]
Design 'Frankfurt': [Download]

Die Vorlagen sind jeweils in zwei Ausführungen enthalten, einmal 'standard' und einmal 'alternate'. Hintergrund ist die Platzierung des 'Kurzbeschreibungs'-Platzhalters neben der Bildergalerie.

ALTERNATE-Version: Kurzbeschreibungsplatzhalter durch Beschreibung ersetzt,
Beschreibungscontainer unterhalb von Produktbildgalerie entfernt

STANDARD-Version: Produktbildgalerie und daneben Artikelname + Kurzbeschreibung,
darunter Container mit (langer) Beschreibung

Für eBay wird als 'mobile Kurzbeschreibung' immer der Bereich neben der Bildergalerie markiert. Somit ist entweder die Kurzbeschreibung, oder die 'lange' Beschreibung relevant.

Nutzer, die die Kurzbeschreibung in der Wawi nicht oder nicht ausreichend befüllt haben, sollten auf die alternative Vorlagenversion gehen.

---

Nicht genutzte, mit einem Asterisk (*) in der Anleitung gekennzeichnete Texte blendet sich aus, wenn sie nicht angelegt werden.

Insgesamt: bei Fehlern und Problemen bitte hupen :)

*edit 14.11.2016: Links und Text aktualisiert - Wawi bis 99923 wird nicht mehr supportet, sorry*
*edit 18.10.2017: direkte Downloadlinks eingefügt, bitte auf aktuellste Version updaten - in den letzten Wochen kamen mehrere Updates hinsichtlich https, etc.*
 

Anhänge

  • ebtmp-ea-metz.jpg
    ebtmp-ea-metz.jpg
    281,7 KB · Aufrufe: 579
  • ebtmp-frankfurt.jpg
    ebtmp-frankfurt.jpg
    255,7 KB · Aufrufe: 482
Zuletzt bearbeitet:

Diedrichs

Sehr aktives Mitglied
22. Mai 2008
2.418
10
Darmstadt
AW: kostenloses responsive eBay-Template "Metz"

Das ist ein nettes give!

Werde in Erwägung ziehen, dieses Template ab der neuen Wawi zu nutzen.

Was ich noch nicht kapiert habe?
Wie setzt man "globaltext-optional.txt" also zusätzliche Boxen um?

So long
Harald
 

Diedrichs

Sehr aktives Mitglied
22. Mai 2008
2.418
10
Darmstadt
AW: kostenloses responsive eBay-Template "Metz"

Habe den Artikel mit Interesse gelesen.

Das Template besteht aber auch den Google-Test. Habe es mit dem iframe getestet.
 

nmueller

Sehr aktives Mitglied
5. April 2011
1.309
100
Saarland
AW: kostenloses responsive eBay-Template "Metz"

Wie setzt man "globaltext-optional.txt" also zusätzliche Boxen um?
So long
Harald

Hallo Harald,
der "optionale" Text ist als Globaltextvorlage mit den gängigsten Bausteinen (Überschrift, Fließtext, Auflistung) angedacht. Ich verbaue gerne zusätzliche Globaltextplatzhalter, da ich ja nicht weiß, wieviel zusätzliche Boxen jemand benötigt. Damit man für diese "optionalen" Boxen auch eine Textvorlage hat, habe ich den "globaltext-optional.txt" angelegt. Der kann dann in der Wawi eingesetzt, befüllt und geändert werden, sofern man überhaupt eine "Vorlage" für diese Boxen benötigt.

Zu I-ways habe ich vor kurzen etwas gelesen was mir nicht wirklich gefallen hat. Soweit ich das noch zusammen bekomme, kann man bei denen auf der Webseite auch einen Responsive Test machen. Hier wurden alle Templates außer das von I-ways Template mit fehlern angezeigt. Hier gibt es auch was im Netz dazu:

eBay: mobil optimierte Vorlagen & Testtool nur ungenügend

Das kann ich tatsächlich nicht bestätigen, habe sämtliche meiner responsiven Angebote und auch die einiger anderen Anbieter damit überprüft. Einzig mit der JS Erkennung hapert es wohl, es zeigt gern inkompatible JS Bibliotheken an, obwohl garkeine verbaut sind. In der Regel ist dann aber an anderer Stelle ein Fehler drin, behebt man den - ist die Meldung weg.

Mag aber sein, das es mit dem Tool wie im Bericht beschrieben noch andere Probleme gibt, die ich nun nicht auf dem Schirm habe - kann nur für mich sprechen :)
 

spaxxilein

Sehr aktives Mitglied
27. November 2013
511
106
AW: kostenloses responsive eBay-Template "Metz"

Wo fügt man das Firmenlogo ein? In den anderen Designs von euch tut man einfach die URL in eine Globaltext Variable und dann erscheint das Logo im Template. Wie ist das hier gelöst?

Gruß

spaxxilein
 

spaxxilein

Sehr aktives Mitglied
27. November 2013
511
106
AW: kostenloses responsive eBay-Template "Metz"

METZ RESPONSIVE

da z.b.

Das Logo heißt übrigens "nmblogo-color-220.png" und muss einfach in den gfx/ ordner kopiert werden bevor die Vorlage genutzt werden kann. Und damit unten beim (c) Zeichen nicht "IHRNAME" steht einfach die HTML Datei mit Wordpad editieren und am Ende "IHRNAME" durch Firmenname ersetzen.

Das Template sieht übrigens super aus.

Gruß

spaxxilein
 

nmueller

Sehr aktives Mitglied
5. April 2011
1.309
100
Saarland
AW: kostenloses responsive eBay-Template "Metz"

*hust* ja, das Logo - ist mir später auch aufgegangen dass ich das nicht umbenannt hatte. Werde ich für die künftigen Downloads korrigieren, danke für den Hinweis!
 

Diedrichs

Sehr aktives Mitglied
22. Mai 2008
2.418
10
Darmstadt
AW: kostenloses responsive eBay-Template "Metz"

HI!

1.
Danke für Deine Antwort, aber mir ist immer noch nicht klar, wie man diese ""optionalen Boxen" einfügt. Muss man da in der Wawi bei den Globaltexten ein Tagname einfügen, oder wo fügt man dieses ein?
<h2>H2-&Uuml;berschrift</h2>
<p>Beliebig viele zus&auml;tzliche Boxen k&ouml;nnen zum Layout hinzugef&uuml;gt werden.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus congue vestibulum lectus, ac tristique purus dapibus vitae. </p>
<h3>H3-&Uuml;berschrift</h3>
<p><strong>Beispielauflistung</strong></p>
<ul>
<li>Beispieltext 1</li>
<li>Beispieltext 2</li>
<li>Beispieltext 3</li>
</ul>

2.
Das mit dem Logo habe ich jetzt hinbekommen, jedoch gefällt mir nicht, daß das Logo höher sitzt wie die Kästchen rechts daneben. Kann man das ändern?
27-07-2015 12-16-51.jpg

Liebe Grüße
Harald
 

Anhänge

  • 27-07-2015 12-16-51.jpg
    27-07-2015 12-16-51.jpg
    30,4 KB · Aufrufe: 133

IchBinEs

Sehr aktives Mitglied
25. September 2012
1.839
39
AW: kostenloses responsive eBay-Template "Metz"

Ich habe mal versucht die Bilder von links nach rechts zu bekommen, wenn ich es auf der schnelle richtig gesehen haben müsste ich dazu doch nur für dieses "nmb-middleCol-l" aud "nmb-middleCol-r" ändern umgekehrt für den Artikelnamen usw.
Leider passiert da weiter nichts :(

Dann die Galerie dürfte sich ja eigentlich problemlos auf 12 Bilder (Beta) erweitern lassen ?
 

nmueller

Sehr aktives Mitglied
5. April 2011
1.309
100
Saarland
AW: kostenloses responsive eBay-Template "Metz"

1.
Danke für Deine Antwort, aber mir ist immer noch nicht klar, wie man diese ""optionalen Boxen" einfügt.

Bin gerade bißchen verwirrt. Gehts um die Bennenung der speziellen TXT Datei oder grundsätzlich darum, wo man Globaltexte anlegt?

Alte Wawi: 2 Einrichtung von eazyAuction Onlineverwaltung ? JTLWiki
Neue Wawi: *Beta anschmeiss* Einstellungen > Textvorlagen > Globale Textvorlagen
Der "Name" ist der Tag, also "Logo", "Versand" oder "optional-mitte-1" etc.

2.
Das mit dem Logo habe ich jetzt hinbekommen, jedoch gefällt mir nicht, daß das Logo höher sitzt wie die Kästchen rechts daneben. Kann man das ändern?
Den Anhang 14703 betrachten

Liebe Grüße
Harald

kann man, wäre nur bei jedem Logo individuell zu ändern da ich ja nicht weiß, wie hoch die Logos sind, die Ihr einbindet. Das Logo wird zentriert angeordnet. Gib mal einen eBay-Link, dann schick ich dir ein Workaround - muss mir das in deinem Live-Quellcode einmal ansehen. Willst beides zentriert oder kann das Logo auch auf höhe der Kästchen sitzen? Was wär dir lieber?

Ich habe mal versucht die Bilder von links nach rechts zu bekommen, wenn ich es auf der schnelle richtig gesehen haben müsste ich dazu doch nur für dieses "nmb-middleCol-l" aud "nmb-middleCol-r" ändern umgekehrt für den Artikelnamen usw.
Leider passiert da weiter nichts :(

ja so einfach ist's nicht :)

Immer das grüne ist geändert, der rest bleibt - dient nur zum besseren Zurechtfinden.
> CSS-Datei > Zeile 649

Code:
.nmb-middleCol-l {
    width: 55%;
[COLOR=#006400]    left: 45%;[/COLOR]
}

Zeile 652
Code:
.nmb-middleCol-r {    
   width: 45%;
[COLOR=#006400]    right: 55%;[/COLOR]
}

Dann die Galerie dürfte sich ja eigentlich problemlos auf 12 Bilder (Beta) erweitern lassen ?

jo, einfach in Zeile 124 der HTML-Datei zwischen das /li und das /ul

Code:
[....]
    src="$#Link.Picture:10#$" ></span>
</li>

das da anhängen

Code:
                   <li style="{{ Vorgang.Sichtbarkeit.Bild.Bild12 }}"><span>
                   <img alt="Produktbild" 
                        onmouseover="var bild = this.src;vollbild.src=bild;"
                        onClick="var bild = this.src;vollbild.src=bild;"
                        src="{{ Vorgang.Bilder.Dateiname.Bild11 | Groesse: 0,0}}" ></span>
                   </li> 
                   <li style="{{ Vorgang.Sichtbarkeit.Bild.Bild12 }}"><span>
                   <img alt="Produktbild" 
                        onmouseover="var bild = this.src;vollbild.src=bild;"
                        onClick="var bild = this.src;vollbild.src=bild;"
                        src="{{ Vorgang.Bilder.Dateiname.Bild12 | Groesse: 0,0}}" ></span>
                   </li>

neue Platzhalter unter Vorbehalt, habe noch die Beta 99962 drauf. Eine Wawi 1.0 Version erstell ich erst, wenn die Beta fertig ist bzw das Platzhaltersystem sich definitiv nicht mehr ändert.
 

Diedrichs

Sehr aktives Mitglied
22. Mai 2008
2.418
10
Darmstadt
AW: kostenloses responsive eBay-Template "Metz"

Neue Wawi: *Beta anschmeiss* Einstellungen > Textvorlagen > Globale Textvorlagen
Der "Name" ist der Tag, also "Logo", "Versand" oder "optional-mitte-1" etc.

JA das habe ich schon herausbekommen, Danke! :)
Ich dachte, daß man evtl. noch zusätzliche Boxen anlegen kann. Die vorhandenen zwei habe ich genutzt.

kann man, wäre nur bei jedem Logo individuell zu ändern da ich ja nicht weiß, wie hoch die Logos sind, die Ihr einbindet. Das Logo wird zentriert angeordnet. Gib mal einen eBay-Link, dann schick ich dir ein Workaround - muss mir das in deinem Live-Quellcode einmal ansehen. Willst beides zentriert oder kann das Logo auch auf höhe der Kästchen sitzen? Was wär dir lieber?
Sorry, ich antworte erst so spät, weil ich für einen Link erst noch einen Artikel "richtig" anlegen musste und somit die richtige Daten eingeben mußte. Vorher hatte ich nur kurze Tests, die ich gleich wieder gelöscht hatte.

Hier ist der Link, was ich nicht gerne mache: Folienkarten Medallion gold | eBay

Das Logo soll auf der Höhe der Kästchen sitzen, möglichst mit dem gleichen Rahmen. Das Logo kann man ja nach Bedarf noch verkleinern. Möglichst links.
Ich habe es zwar auch hinbekommen, in dem ich bottom: 0; angegeben hatte, aber da habe ich keinen Rahmen. Wäre das die richtige Lösung gewesen?
Wenn es ohne ist, wäre es auch nicht schlimm.

Du machst einen tollen Service.

Das Template insgesamt kann ich momentan nur bei Ausnahmeartikeln nutzen, werde es aber insgesamt einsetzen, wenn ich die Wawi 1.0 dann einsetze. Sonst ist es zuviel zum ändern.
 

nmueller

Sehr aktives Mitglied
5. April 2011
1.309
100
Saarland
AW: kostenloses responsive eBay-Template "Metz"

hättest mir auch eine PM mit dem link schicken können, es wäre auch ein beendetes testartikel-Angebot gegangen. :) wäre wohl erwähnenswert gewesen, sorry.
ging mir nur drum das ich die tatsächliche höhe / breite deines logos im dev tool messen kann um die abstände für deine "neue" logobox zu setzen.

CSS Datei Zeile 623

Code:
div#nmb-logoBox {[COLOR=#006400]    
   height: 98px;[/COLOR]
[COLOR=#006400]    width: 290px;[/COLOR]
    position: absolute;
[COLOR=#006400]    bottom: 15px;[/COLOR]
[COLOR=#006400]    left: 0px;[/COLOR]
[COLOR=#006400]    background-position: 10px 7px !important;[/COLOR]
    background-repeat: no-repeat !important;
[COLOR=#006400]    border: 1px dotted #a7a7a7;[/COLOR]
}

aus top wird bottom, border hinzu, rest editiert

ist in der tablet und mobile ansicht dann aber wieder wie vorher (zentriert ohne rahmen), sieht sonst ein bischen überladen / gestückelt aus.

Zusätzliche Boxen unter den anderen in der Mitte:

im HTML Zeile 154 hinter das /div des optional-mitte-2 Containers der Zeile 153

Code:
<div class="nmb-middleTheme" style="$#Sichtbarkeit.Text:[COLOR=#ff0000]optional-mitte-3[/COLOR]#$"><span>[COLOR=#800080]<i class="fa fa-info-circle"></i>[/COLOR]</span>Weitere Informationen</div>
<div class="nmb-middleContent" style="$#Sichtbarkeit.Text:[COLOR=#ff0000]optional-mitte-3[/COLOR]#$">$#Text.[COLOR=#ff0000]optional-mitte-3[/COLOR]#$</div>

bei den roten zahlen hochzählen, 1+2 sind ja schon vorhanden. natürlich gehen auch generell andere namen anstelle von "optional-mitte-blub"

Um das Icon zu ändern

Code:
<i class="fa fa-info-circle"></i>

ersetzen mit einem anderen von Font Awesome Icons

Um seitlich Boxen anzubauen (HTML Zeile 162) hinter das dortige /div vom "Versandland"-Container

Code:
<div class="nmb-sideTheme" style="$#Sichtbarkeit.Text:[COLOR=#ff0000]optional-links-1[/COLOR]#$"><span>[COLOR=#800080]<i class="fa fa-info-circle"></i>[/COLOR]</span>Weitere Informationen</div>
<div class="nmb-sideContent" style="$#Sichtbarkeit.Text:[COLOR=#ff0000]optional-links-1[/COLOR]#$">$#Text.[COLOR=#FF0000]optional-links-1[/COLOR]#$</div>

oder eben sonst einen Bereichsnamen wählen, der für dich passt.
 

nmueller

Sehr aktives Mitglied
5. April 2011
1.309
100
Saarland
AW: kostenloses responsive eBay-Template "Metz"

Habe noch eine "alternative" Version eingestellt, für alle die es gern farbiger/dunkler möchten. Grundgerüst ist identisch zu "Metz", Handhabung funktioniert also genauso.

ebtmp-frankfurt.jpg
 

Anhänge

  • ebtmp-frankfurt.jpg
    ebtmp-frankfurt.jpg
    84,4 KB · Aufrufe: 127

spaxxilein

Sehr aktives Mitglied
27. November 2013
511
106
AW: kostenloses responsive eBay-Template "Metz"

Kann man irgendwie einstellen, dass die Tabelle rechts neben den Bilder nicht angezeigt wird und die Bilder dann zentriert werden, wenn das Globaltextfeld leer ist?

EDIT: auch den Social TAB würde ich gerne weg haben.

Gruß

spaxxilein
 

nmueller

Sehr aktives Mitglied
5. April 2011
1.309
100
Saarland
AW: kostenloses responsive eBay-Template "Metz"

Die Tabelle(n) - sind ja zwei Unterschiedliche möglich - werden doch nur angezeigt, wenn du den/die Globaltext(e) befüllst? Socials sind auch ein Globaltext. Einfach leer lassen bzw. nicht anlegen, was man nicht verwenden möchte, oder bei den Socials z.b. was anderes reinpacken (evt. schickes Werbebild für den eigenen eBay- Shop).

Kann dir gerade nicht so ganz folgen :) Oder willst du die Produktbildgalerie über die gesamte Seitenbreite ziehen und die daneben liegende Spalte komplett weg haben wie in der Tablet-Ansicht? (siehe Screenshot, oder einfach Browser kleiner ziehen).
 

spaxxilein

Sehr aktives Mitglied
27. November 2013
511
106
AW: kostenloses responsive eBay-Template "Metz"

Also wenn ich z.B. keine Informationen in das Angebot bei "Tabelle" rein packe, dann würde ich gerne die Bilder Ansicht über die gesamte Breite haben. Momentan ist es so, dass dann zwar der Tabellen Tab nicht angezeigt wird und neben den Bildern eine weiße Fläche ist.

Ist das so verständlicher? :)

Gruß

spaxxilein
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu eBay Rahmenbedingungen löschen? Einrichtung und Installation von JTL-eazyAuction 1
Neu Artikelbeschreibung / Fotos werden beim eBay-Abgleich nicht zuverlässig übernommen eBay-Anbindung - Ideen, Lob und Kritik 0
Neu Ebay Beschreibungen plötzlich weg eBay-Anbindung - Fehler und Bugs 10
Neu BUG! eBay Lieferadresse wird als Rechnungsadresse übertragen eBay-Anbindung - Fehler und Bugs 8
Deutsche Post Brief Sendungsnummer wird nicht an eBay übertragen JTL-Wawi 1.9 0
Neu eBay Angebote bestehen lassen auf eBay bei 0 Bestand in WaWi User helfen Usern - Fragen zu JTL-Wawi 4
Neu Ebay Zustände bei Ameise Import JTL-Ameise - Fehler und Bugs 0
Neu ebay.co.uk Verkauf an europäischen Kunden - falscher MWST Satz JTL-Wawi - Fehler und Bugs 0
Neu wawi ameise ebay User helfen Usern - Fragen zu JTL-Wawi 6
Neu Menge zu Ebay eBay-Anbindung - Fehler und Bugs 0
Hochladen von Artikel zu Ebay klappt nicht JTL-Wawi 1.10 13
Neu Versandkostenberechnung ebay, Kleinpaket International. Wie berechnen in ebay ? eBay-Anbindung - Fehler und Bugs 0
eBay Open 2025 am 25.09.25 Messen, Stammtische und interessante Events 0
Neu Frage zur eBay-Artikelbeschreibung bei Variationskombinationen (Kindartikel mit eigenem Text und Bildern) eBay-Anbindung - Fehler und Bugs 5
Neu alte Aufträge ausliefern ohne Label drucken und Abgleich mit eBay User helfen Usern - Fragen zu JTL-Wawi 2
Ebay Angebot mit Kindartikel die keinen Bestand haben per Ameise importieren JTL-Wawi 1.6 5
Menge zu Ebay eBay-Anbindung - Fehler und Bugs 1
Neu Status der eBay Angebote exportieren Schnittstellen Import / Export 2
Neu FEHLER: eBay-Auktionen Upload nicht möglich, Fehlercodes helfen nicht weiter [Error 21917328 & 21920203] eBay-Anbindung - Fehler und Bugs 2
Neu ebay widerrufsbelehrung ändern Einrichtung und Installation von JTL-eazyAuction 1
Neu Ebay Anbindung geht nicht mehr... eBay-Anbindung - Fehler und Bugs 6
Probleme beim Import von eBay-Produkten in JTL – neue Artikel werden nicht übernommen eBay-Anbindung - Fehler und Bugs 5
Neu Quote nicht fristgerechter Versand - ebay - DHL JTL-ShippingLabels - Ideen, Lob und Kritik 14
Neu EazyAuction / eBay: Falsche Telefonnummern & Alias-Mails im Auftrag – Bug oder Feature? JTL-ShippingLabels - Fehler und Bugs 0
Neu Gleiche Designvorlage für eBay und JTL-Shop mit globalen Textbausteinen nutzen Allgemeine Fragen zu JTL-Shop 1
Neu Variantenartikel bei Ebay erweitern User helfen Usern - Fragen zu JTL-Wawi 8
Neu Artikel Filter laufende eBay Angebot funktioniert nicht - SQL Abfrage User helfen Usern - Fragen zu JTL-Wawi 3
Neu Ebay-SKU anpassen Arbeitsabläufe in JTL-Wawi 3
Neu Ebay Bestellungen über OrangeConnex Fullfilment - Versanddatenaustausch Schnittstellen Import / Export 0
Neu ebay-Angebote ändern JTL-Ameise - Fehler und Bugs 8
Neu auf ausländische ebay-Webseiten anbieten Einrichtung und Installation von JTL-eazyAuction 0
Neu Ameise - Ebay Vorlage Erstellen - Chaos nach Update JTL-Ameise - Fehler und Bugs 0

Ähnliche Themen