Forum
26.10.2007, 16:39

Startseite Suchergebnis per HTML Template (MOD4), ebay-Vorlage

Sehr geehrte Kunden,

es beginnt für die meisten von Ihnen nun das Weihnachtgeschäft. Das bedeutet vermehrt, dass Shopbetreiber nun besonders Gas geben und sich mitten im Stress befinden. Jedenfalls merken wir es an deutlich weniger Telefonsupport :-)

Bitte denken Sie daran, dass Sie nicht alleine sind. Sollten wir Ihnen in irgend einer Weise helfen können, so lassen Sie es uns wissen. Für das Weihnachtgeschäft muss man heute viele Dinge ausreizen. Newsletter z.B. deutlich öfter versenden wie sonst. Im Grunde bei den meisten Shops ruhig "wöchentlich". Sie haben keine Zeit dafür? Wie helfen gerne.

Auch haben wir in den letzten Monaten viele Funktionen heraus gebracht, die oft einfach nur aufgrund Zeitmangel nie in Ihrem Shop den Einsatz fanden. Gerne können Sie uns beauftragen Ihre Installation zu durchleuchten und Ihnen Vorschläge zu machen, was man noch verbessern oder aktivieren könnte. Da wir die Funktionen alle im Überblick haben ist es deutlich günstiger als Sie denken. Länger wie eine halbe Stunde würden wir nicht benötigen, um Ihnen Vorschläge zu machen und können die Dinge dann auch rasch in Ihrer Verwaltung realisieren.

Auch wieder ein Thema wird das Weihnachtsdesign! Die Meinungen darüber ob das sein muss oder nicht werden auch in 100 Jahren sehr unterschiedlich sein. Aber alle die ab Ende November im Shop einen etwas weihnachtlichen Charakter schaffen möchten, können wir helfen. Sprechen Sie einfach mit uns!

Im heutigen Update möchten wir Sie wieder über Neuerungen Ihres Shops informieren:

Übersicht:
- Gestaltung der Startseite durch HTML/CSS Infotypen
- Gestaltung des Suchergebnisses durch HTML/CSS Infotypen
- Animierte Artikelgruppen-Reiter-Grafiken - CSS-DOCK-Menü
- Gestaltung Ihrer persönlichen ebay-Auktionsvorlage
- Übersicht Zahlarten

Gestaltung der Startseite durch HTML/CSS Infotypen

Wir haben einen neuen Infotypen für die Startseite entwickelt, der komplett individuelles HTML/CSS zuläßt. Zu beachten ist, dass diese Form der Darstellung vorzugsweise für in der Breite fixierte Shops gedacht ist, wie z.B. in folgendem Beispiel:



Somit haben wir die Möglichkeit für sehr viel mehr Individualität für die Shopbetreiber unter Ihnen geschaffen, die über fortgeschrittene HTML-Kenntnisse verfügen.

Um oben dargestelltes Beispiel oder Ähnliches einzubinden, gehen Sie bitte wie folgt vor:

Über Layout > Startseite > Infogruppen haben wir einen neuen Infotypen > 10x "X Zufalls-Artikel (Template)" eingebaut. Dieser kann wie gewohnt in die Infogruppen eingebaut werden.
Über die Verlinkung "X Zufalls-Artikel (Template)" gelangen Sie wie üblich in die Pflegemaske > Infotyp ändern. Dieser ist ein klein wenig anders aufgebaut, als die Bisherigen.

In unserem Beispiel haben lediglich die Felder "Anzahl", "Wortlimit", "Template HTML" und die Auswahl der Kategorie aus der die Artikel angezeigt werden sollen eine Bedeutung, weil sich das individuelle HTML komplett im Feld "Template HTML" befindet.
Im Feld "Anzahl" kann z.B. durch den Eintrag " 2|3 " die Anzahl der Module horizontal (2) und vertikal (3) festgelegt werden. (Dieser Infotyp legt die Anzeige der Artikel unterhalb des HOT RIMS-Banners fest.)
Im Feld "Wortlimit" wird die Anzahl der angezeigten Wörter festgelegt.
Im Feld "Template HTML" könnte u.a. Beispiel-Code eingetragen werden. Beachten Sie hierbei bitte, dass Sie die dafür individuell notwendigen Grafiken in Ihren IMG-Explorer hoch laden.



Beispiel 1

<table width=291 height=145 border=0 cellspacing=3 cellpadding=0 background=img/beispiel_hintergrund_rahmen.gif><tr><td colspan=2><span class=b4>#a_name</span></td></tr><tr><td valign=top><a href="#a_link"><img src="#thumb" style="height: 100px;border: 0px;"></a></td><td valign=top><span class=a>#a_text</span></td></tr></table>

<table width=291 height=50 border=0 cellspacing=3 cellpadding=0 background=img/beispiel_hintergrund_unten.jpg><form METHOD="POST" name="form_#anr" action="#shopid.php?shopid=#shopid&cur=#cur&sp=#sp&ag=#ag&pp=wk&bnr=#anr&wk=1&sid=#sid&lid=#lid"><tr><td width=210><span class=b7>#curk</span> <span class=b8>#vk</span>

<span class=k5>inkl. MwSt., zzgl. Versandkosten</span></td><td width=30 valign=top><INPUT NAME="panzahl" TYPE="text" SIZE="6" value="1" maxlength="2" style='font-family: Verdana; font-size: 8pt; font-weight: bold; background-color:

#FFFFFF; color: #000000; width:20px; border: 0px;

text-align:right; margin-top:18px;'></td><td width=50 valign=top><input type="image" height=42 width=50 src="img/l1.gif" border="0" name="submit"></td></tr></form></table>


Beispiel 2
<div style="border:1px solid #DDDDDD; width:295px; height:260px;background-color:#FFFFFF;"><table border=0 cellspacing=3 cellpadding=3><tr><td height="35"><a href="#a_link"><h1 class=b style="display: inline;"><b>#a_name</b></h1></a></td></tr><tr><td height="130" valign=top><a href="#a_link"><u ONMOUSEOVER="dT(event,'<img src=#pic alt=Artikelbild groß>','',0)" ONMOUSEOUT="hT()"><img src="#thumb" style="border: 0px;float:left; margin-right:5px;margin-bottom:5px;height:100px;" alt="Artikelbild"> </u></a><span class=b>#a_text</span></td></tr></table>

<table height=50 border=0 cellspacing=3 cellpadding=3><tr><td width=200>

<span class=b8>#curk</span> <span class=b9>#vk</span><span class=k3>#literpreis</span><span class=k3> #st
<u ONMOUSEOVER="dT(event,'<table border=0 width=224><tr><td width=216 colspan=2><b>Kurzvorschau Versandkosten:</b></td></tr><tr><td>...........</td></tr></table>','',0)" ONMOUSEOUT="hT()"><a href=s01.php?cur=eur&sp=de&ag=#ag&pp=vers target=_blank><font size=1>zzgl. (#vers1 €) Versandkosten</font></a></u>
</td>

<td valign=top><a href="#a_link"><u ONMOUSEOVER="dT(event,'Zur Beschreibung','',0)" ONMOUSEOUT="hT()"><img src="img/details.gif" alt="Details" style="border: 0px;"></u> </a></td></tr></table></div>



Für o.a. HTML-Code stehen Ihnen folgende Synonyme zur Verfügung:

#a_name_ttArtikelname im Tooltipp
#a_nameArtikelname
#a_text_ttArtikeltext im Tooltipp
#a_text_hArtikeltext im Tooltipp (ohne HTML)
#a_textArtikeltext
#thumbArtikelbild Thumb (Vorschaubild)
#picArtikelbild aus Detailanzeige
#vkVerkaufspreis
#curkWährung als Darstellung z.B. vor oder hinter dem Verkaufspreis
#a_linkDirekter Deeplink in die Artikeldetailanzeige (z.B. Verlinkung des Artikelbildes)
#agArtikelgruppen-ID innerhalb eines selbst zusammengestellten Links
#curWährung innerhalb eines selbst zusammengestellten Links
#spSprache innerhalb eines selbst zusammengestellten Links
#anrArtikelnummer innerhalb eines selbst zusammengestellten Links
#shopidShop-ID Ihres Shops innerhalb eines selbst zusammengestellten Links um einen Artikel in den Warenkorb legen zu können
#sidSession-ID des Kunden innerhalb eines selbst zusammengestellten Links um einen Artikel in den Warenkorb legen zu können
#MODAnzeige komplettes Suchergebnismodul
#rating1Rating Sterne (wagerecht)
#rating2Rating Sterne (senkrecht)
#literpreisLiterpreis
#azu1Artíkelzusätzegrafiken (wagerecht, mit )
#azu2Artíkelzusätzegrafiken (wagerecht, mit Umbruch)
#azu3Artíkelzusätzegrafiken (senkrecht)
#azu4Artíkelzusätze als UL/LI Gerüst das man dann selbst per CSS frei designen kann.
#diff1Differenz zwischen Listenpreis und Standardpreis
#diff2Differenz zwischen Listenpreis und Standardpreis in Prozent
#diff3/#diff4Text wird ausgeblendet, wenn keine Differenz vorhanden bzw. wenn Listenpreis kleiner dem Standardpreis ist! Beispiel: #diff3Sie sparen #diff1 #curk, das sind wahnsinnige #diff2%!#diff4


Wir möchten ausdrücklich darauf hinweisen, dass wir Ihnen nur aus technischer Sicht Support für diese Neuerungen anbieten können. Wir bieten keinen Support für die Erklärung von HTML/CSS.
Sie können mit dem Einbau dieser Gestaltungsfeatures natürlich auch uns beauftragen.


Gestaltung des Suchergebnisses durch HTML/CSS Infotypen

Auch hier haben wir ein neues Modul für das Suchergebnis entwickelt, das komplett individuelles HTML/CSS zuläßt. Zu beachten ist auch hier, dass diese Form der Darstellung vorzugsweise für in der Breite fixierte Shops gedacht ist, wie z.B. in folgendem Beispiel:



Um oben dargestelltes Beispiel oder Ähnliches einzubinden, gehen Sie bitte wie folgt vor:

Über Layout > Suchergebnis > Suchergebnisfenster haben wir ein neues Modul > MOD 4" eingebaut. Dieses kann genauso wie MOD 3 aktiviert werden.
Über die Verlinkung "MOD 4" gelangen Sie in die Pflegemaske > Infotyp ändern. Dieser ist hier ganz einfach und schlicht aufgebaut. Hier haben Sie lediglich die 3 Felder "Anzahl in der Reihe", "Wortelimit" und "Template HTML" zur Verfügung.
Im Feld "Anzahl in der Reihe" kann die horizontale Anzahl der Module festgelegt werden.
Im Feld "Wortlimit" wird die Anzahl der angezeigten Wörter festgelegt.
Im Feld "Template HTML" könnte u.a. Beispiel-Code eingetragen werden. Beachten Sie hierbei bitte, dass Sie die dafür individuell notwendigen Grafiken in Ihren IMG-Explorer hoch laden.



Beispiel
<table width=291 height=145 border=0 cellspacing=3 cellpadding=0 background=img/beispiel_hintergrund_rahmen.gif><tr><td colspan=2><span class=b4>#a_name</span></td></tr><tr><td valign=top><a href="#a_link"><img src="#thumb" style="height: 100px;border: 0px;"></a></td><td valign=top><span class=a>#a_text</span></td></tr></table>

<table width=291 height=50 border=0 cellspacing=3 cellpadding=0 background=img/beispiel_hintergrund_unten.jpg><form METHOD="POST" name="form_#anr" action="#wk_form_link"><tr><td width=210><span class=b7>#curk</span> <span class=b8>#vk</span>

<span class=k5>inkl. MwSt., zzgl. Versandkosten</span></td><td width=30 valign=top><INPUT NAME="panzahl" TYPE="text" SIZE="6" value="1" maxlength="2" style='font-family: Verdana; font-size: 8pt; font-weight: bold; background-color:

#FFFFFF; color: #000000; width:20px; border: 0px;

text-align:right; margin-top:18px;'></td><td width=50 valign=top><input type="image" height=42 width=50 src="img/l1.gif" border="0" name="submit"></td></tr></form></table>


Für o.a. HTML-Code stehen Ihnen folgende Synonyme zur Verfügung:









#a_name_ttArtikelname im Tooltipp
#a_nameArtikelname
#a_name_30Artikelname, gekürzt auf 30 Zeichen
#a_name_35Artikelname, gekürzt auf 35 Z.
#a_name_45Artikelname, gekürzt auf 45 Z.
#a_name_50Artikelname, gekürzt auf 50 Z.
#a_name_60Artikelname, gekürzt auf 60 Z.
#a_name_70Artikelname, gekürzt auf 70 Z.
#a_name_80Artikelname, gekürzt auf 80 Z.
#a_name_90Artikelname, gekürzt auf 90 Z.
#a_text_ttArtikeltext im Tooltipp
#a_text_altArtikeltext für das ALT-Atribut bei Grafiken. Macht Sinn beim Thumb im Suchergebnis einzublenden, wenn man den Artikeltext sonst dort nicht anzeigt.
#a_textArtikeltext
#a_herHersteller
#a_hgrHersteller-Grafik, wenn hinterlegt
#aug_grafAUG-Grafik, wenn hinterlegt
#skn_grafSK1-Grafik, wenn hinterlegt
#a_erdatErscheinungsdatum
#thumbArtikelbild Thumb (Vorschaubild)
#picArtikelbild aus Detailanzeige
#vkVerkaufspreis
#lpListenpreis(oder UVP/Vorherpreis)
#lp1/#lp2Um den Listenpreis nur einzublenden, wenn er größer Null und größer VK ist! Dazu wird der Quellcode einfach zwischen diese Synonyme gestellt!
#curkWährung als Darstellung z.B. vor oder hinter dem Verkaufspreis
#a_linkDirekter Deeplink in die Artikeldetailanzeige (z.B. Verlinkung des Artikelbildes)
#zoomify_link_hsDient als Ersatz für das den #a_link Link um das Thumb und sorgt dafür, dass beim Klick aufs Bild dann das hinterlegte Zoomify in einem Highslide Fenster angezeigt wird. Ist kein Zoomify hinterlegt, so wird #a_link gesetzt. Der Zoomify-Link ist mit rel=nofollow ausgestattet.
#wk_form_linkDeeplink für in den Warenkorb (bei mehreren Varianten wird dieser automatisch zum Link in den Artikel!)
#agArtikelgruppen-ID innerhalb eines selbst zusammengestellten Links
#curWährung innerhalb eines selbst zusammengestellten Links
#spSprache innerhalb eines selbst zusammengestellten Links
#anrArtikelnummer innerhalb eines selbst zusammengestellten Links
#shopidShop-ID Ihres Shops innerhalb eines selbst zusammengestellten Links um einen Artikel in den Warenkorb legen zu können
#sidSession-ID des Kunden innerhalb eines selbst zusammengestellten Links um einen Artikel in den Warenkorb legen zu können
#MODAnzeige komplettes Suchergebnismodul
#nurlieferbareGroessenGrößen mit Komma getrennt. nur jene, die Bestand > 0 haben. Beispiel "M, L, XL"
#nurlieferbareFarbenFarben mit Komma getrennt. nur jene, die Bestand > 0 haben. Beispiel:http://www.powergap.de/forum/img/2010_01/nurfa.gifAls Miniaturgrafik wird die bei Atrikelverwaltung > Farben hinterlegte Grafik oder ein Farbcode angezeigt. Im Tooltipp wird diese Grafik entsprechend größer dargestellt.
#nurGroessenGrößen mit Komma getrennt. Beispiel "M, L, XL"
Besonderheit: mit z.B.
.bestand1 {font-family: Verdana; font-weight: bold; font-size: 10px; color: #349010;}.bestand2 {font-family: Verdana; font-weight: bold; font-size: 10px; color: #D2A51B;}.bestand3 {font-family: Verdana; font-weight: bold; font-size: 10px; color: #A00009;}
(über Layout > Schriften/CSS > ROOT) kann man die einzelnen Größen nach Verfügbarkeit farblich formatieren! Beispiel:http://www.powergap.de/forum/img/2010_01/nurgr.gif
#lagergrafikSiehe grüne Grafik im oberen Bild! Im Tooltipp wird der bei T>Seitentexte hinterlegte Bestandstext aufgrblendet.
#nurlieferbareGroessenundFarbenDas Synonym sagt es schon aus :-)
#hanseaticAnzeige der Ratenkaufinformationen bei Artikeln >150 EUR, wenn Schnittstelle zur Hanseatik aktiv ist.
#lager_selectSelect Dropdown für Lagervarianten, um aus dem Suchergebnis auf Varianten sofort in den WK legen zu können
#UntertitelUntertitel
#FeaturesFeatures (ul/li aufgelistet)
#einblenden_wenn_azuInhalt einblenden, wenn ein bestimmter Artikelzusatz dem Artikel zugeordnet ist. Anwendungsbeispiel: #einblenden_wenn_azu5##einblenden_ende_wenn_azu5# zeigt wie das Bild blabla.gif nur eingeblendet wird, wenn dem Artikel der Artikelzusatz mit der ID 5 zugeordnet ist.
#rating1Rating Sterne (wagerecht)
#rating2Rating Sterne (senkrecht)
#literpreisLiterpreis
#azu1Artikelzusätzegrafiken (wagerecht, mit )
#azu2Artikelzusätzegrafiken (wagerecht, mit Umbruch)
#azu3Artikelzusätzegrafiken (senkrecht)
#azu4Artíkelzusätze als UL/LI Gerüst das man dann selbst per CSS frei designen kann.
#a_x0Feld x0
#a_x3Feld x3
#a_x4Feld x4
#a_x5Feld x5
#a_x6Feld x6
#agnName Artikelgruppe
#augnName Artikeluntergruppe
#augn_alleArtikeluntergruppen verlinkt
#zknName Zusatzkategorie 1
#zkn_alleZusatzkategorien 1 verlinkt
#liefertageLiefertage
#lt1/#lt2Liefertage werden nur eingeblendet, wenn gepflegt! Beispiel: #lt1Lieferzeit: #liefertage Tage#lt2
#mengeneinheitText aus "Artikelverwaltung" > "Mengeneinheiten" > Feld: "ger.", z.B. "x 0,75l Flasche(n)"
#bewertungenAnzahl der Bewertungen
#bw1/#bw2Text wird ausgeblendet, wenn keine Bewertung vorhanden! Beispiel: #bw1Dieser Artikel wurde #bewertungen mal bewertet!#bw2
#diff1Differenz zwischen Listenpreis und Standardpreis
#diff2Differenz zwischen Listenpreis und Standardpreis in Prozent
#diff3/#diff4Text wird ausgeblendet, wenn keine Differenz vorhanden bzw. wenn Listenpreis kleiner dem Standardpreis ist! Beispiel: #diff3Sie sparen #diff1 #curk, das sind wahnsinnige #diff2%!#diff4
#meta_titMETA Title
#meta_desMETA Description
#meta_keyMETA Keywords
#gewichtGewicht des Artikels
#gw1/#gw2Text wird ausgeblendet, wenn kein Gewicht gepflegt!
#studioHersteller ID
#studionHersteller Name
#studio_linkHersteller Name verlinkt
#studio_bildHersteller Grafiken verlinkt


Wir möchten ausdrücklich darauf hinweisen, dass wir Ihnen nur aus technischer Sicht Support für diese Neuerungen anbieten können. Wir bieten keinen Support für die Erklärung von HTML/CSS.
Sie können mit dem Einbau dieser Gestaltungsfeatures natürlich auch uns beauftragen.


Animierte Artikelgruppen-Reiter-Grafiken

Ein weiteres gestalterisches Highlight ähnlich dem 3D-Karussell, ist nun mit Artikelgruppen-Reiter-/ und Menügrafiken möglich. Dieses sogenannte CSS-DOCK-Menü (ähnlich dem Menü aus dem Apple Betriebssystem) wurde nicht von uns programmiert und wird auch nicht von uns vertrieben. Ähnlich wie beim 3D-Karussell ist es ein Feature, was zur freien Anwendung downgeloaded werden kann.
Der Einbau ist technisch bedingt nur durch uns möglich. Einsprachig bis zu 5 Artikelgruppen bieten wir dies für 2 Std. à 90,00EUR netto an. Sprechen Sie uns bitte bei Interesse an.

Klicken Sie auf die folgende Grafik, um dieses Feature live im Demoshop zu sehen:




Gestaltung Ihrer persönlichen ebay-Auktionsvorlage

Schon öfter wurden wir gefragt, ob POWERGAP auch passend zum Shoplayout die Gestaltung von professionellen ebay-Auktionsvorlagen anbieten. Selbstverständlich können wir Ihnen eine solche Dienstleistung anbieten.
Die Gestaltung einer solch professionellen Vorlage ist natürlich sehr aufwendig. Die beiden nachfolgenden Beispielprojekte haben 15-20 Stunden benötigt. Dabei rechnen wir diese mit unserem Grafikstundensatz von 70 EUR je Stunde ab.

Die Vorteile solch eines HTML-Templates sind eindeutig. In der heutigen Zeit, wo auch bei ebay die Konkurrenz sehr groß geworden ist, muss man sich äußerlich absetzen können. Ein schickes Design ist dabei nicht alles. Sicher, es fördert das Vertrauen in den ebay-Händler, denn wer sich so Mühe bei der Darstellung seiner Artikel gibt, der handelt auch in den Folgeschritten entsprechend. Das suggeriert es einem Besucher auf jeden Fall. Wichtig sind aber auch die richtige und sauberr Anordnung von Informationen. Klare Trennungen der Bereiche, wo man Versandkosten oder Zahlungsmethoden findet, oder auch die aufgrund des ebay-Image wichtigen Sicherheits/Vertrauens-Hinweise sind für den Besucher oft kaufentscheidend.

Wichtig für den Verkauf sind natürlich umfangreiche Cross-Selling Möglichkeiten, die durch den Einsatz solche professioneller Vorlagen für zusätzlichen Umsatz sorgen. Hat man einen Artikel in mehreren Farben oder Varianten, so sollte man das den Kunden wissen lassen. Je weniger ist er genötigt sich deswegen bei der Konkurrenz umzuschauen.

Beispiel 1: (klick auf das Bild um die komplette Vorlage live zu sehen)


In Sachen Ladezeit ist dieses Beispiel sicher nicht optimal, weil hier übertrieben viel Cross-Selling dargestellt ist. Aber es zeigt schon sehr eindrucksvoll, was heute alles machbar ist. Über das Aufklappbare Menü ganz oben sind die Rubriken des eigenen ebay-Shops verlinkt, der heutzutage ebenso zum Pflichtprogramm gehört.

Beispiel 2: (klick auf das Bild um die komplette Vorlage live zu sehen)




Übersicht Zahlarten

Über das Warenkorb-Symbol > Zahlarten > Übersicht haben wir eine neue Seite programmiert, die alle Zahlarten in einer Maske aufzeigt.

Die grünen/roten Symbole zeigen auf einem Blick, in welcher Sprache, welche Zahlarten aktiv sind und mit Klick auf die Symbole gelangt man auch direkt in die jeweilige Pflegemaske. Ist das Symbol ganz rechts orange markiert, so sind bei der Zahlart eins oder mehrere Besonderheiten eingestellt. Siehe Beispiel:



Damit ist es nun viel schneller und sicherer möglich sich einen Gesamtüberblick über die Zahlarten des Shops zu verschaffen.

Keywörter: MOD4, mod4


Forum-Archiv

Alle Beiträge aus:

2026, 2025, 2024, 2023, 2022, 2021, 2020, 2019, 2018, 2017, 2016, 2015, 2014, 2013, 2012, 2011, 2010, 2009, 2008, 2007, 2006, 2005, 2004, 2003, 2002,