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

[nmueller]

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.*

 

[Diedrichs]

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

 

[B.N.C]

AW: kostenloses responsive eBay-Template "Metz"

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

 

[Diedrichs]

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]

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]

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

 

[IchBinEs]

AW: kostenloses responsive eBay-Template "Metz"

Gibt es das Layout auch irgendwo live zu sehen?

 

[spaxxilein]

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]

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]

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?


Liebe Grüße
Harald

 

[IchBinEs]

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]

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

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

Zeile 652

.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

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

das da anhängen

                   <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]

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]

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

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

<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

<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

<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.

 

[Diedrichs]

AW: kostenloses responsive eBay-Template "Metz"

Hi @nmueller

Danke, perfekt! Hast eine PM wegen einer Frage!

Liebe Grüße
Harald

 

[nmueller]

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.

 

[spaxxilein]

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]

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]

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

 

[nmueller]

AW: kostenloses responsive eBay-Template "Metz"

eigentlich ist da die "kurzbeschreibung" noch drüber - die nutzt du auch nicht?

$#Text.Kurzbeschreibung#$
$#Text.Auflistung#$ *
$#Text.Tabelle#$ *