04.06.2012, 16:53

Suchergebnis Switch-Funktion auf andere Template Variante

Sehr geehrte Kunden,

ein weiteres neues Feature ist für das Suchergebnis die Möglichkeit dem Kunden 2 unterschiedliche Versionen der Ansicht anzubieten. Beispielsweise eine Gitter- und eine in Listenform um dem Kunden eine alternative Ansicht mit mehr Informationen zu Verfügung zu stellen.

Siehe Beispiel auf www.testinstallation.de/Fashion-Mode-T-Shirts.html, wo man mit den Buttons:

und

die Ansicht wechseln kann:

oder:

Auf allen Shops haben wir dazu diese 2 Grafiken mit dem Namen pg_sev1.gif und pg_sev2.gif bereits hochgeladen und es ist gar nicht schwer so eine separate Ansicht einzurichten.

Dazu wird über Layout > Suchergebnis > Footer Template der Code erweitert um den Teil, der diese beiden Buttons zu Verfügung stellt. Hier der komplette Code aus dem Demo-Shop:

<table width="100%" cellspacing=0 cellpadding=0 border=0 style="margin-left:5px;margin-top:10px;"><tr>
<td class="sf_aug">#von-#bis von #anzahl Produkten</td>
<td class="sf_aug" align=right valign=top><a href="#self&sev=1" rel="nofollow" class="se_v1"><img src=https://cdn.powergap.de/pg_sev1.gif></a><a href="#self&sev=2" rel="nofollow" class="se_v2"><img src=https://cdn.powergap.de/pg_sev2.gif></a></td>
<td valign=middle style="padding-top:1px;padding-left:5px;">#css_sortierung</td>
<td><div class="produkte_je_seite sf_aug">Prod. je Seite:
<a href="#self&lim=4" rel="nofollow" class="se_limit_4">4</a> |
<a href="#self&lim=8" rel="nofollow" class="se_limit_8">8</a> |
<a href="#self&lim=16" rel="nofollow" class="se_limit_16">16</a> |
<a href="#self&lim=32" rel="nofollow" class="se_limit_32">32</a>
</div></td>
<td class="sf_aug" align=right>#blaettern</td>
<td><img src=https://cdn.powergap.de/l1.gif width=5 height=1></td>
</tr></table>

#banner

Neu ist der Part:

Wer das Footer-Template schon im Einsatz hat sollte bitte nicht einfach den kompletten Code hier raus kopieren, sondern nur den neuen Teil individuell einfügen.

Wer einzelne Variablen bei den Google in den Webmaster-Tools gesperrt hat, um Google zu sagen, dass diese nicht beachtet werden sollen, so bitte dort auch die damit neu entstandene Variable "sev" vermerken.

Die Pflege des Templates erfolgt in folgender Maske:

Alle rechten Felder sind für eben die optionale zweite Ansichts-Variante.
Auch das 2. Template kann man also bei Bedarf je AG (Artikelgruppe) separat gestalten.

Hier (für Tests) die einfachen Beispielcodes aus dem Demo-Shop:

Variante1:

<div style="border:1px solid #DDDDDD; width:310px;height:310px">
<table border=0 cellspacing=3 cellpadding=3><tr><td height="35" colspan=2 valign=top><a href="#a_link"><h3 class=se_name style="display: inline;"><b>#a_name</b></h3></a></td>
</tr><tr>
<td height=140 width=140 align=center valign=top rowspan=2><a href="#a_link" ONMOUSEOVER="dT(event,'<img src=#pic height=250>','',0)" ONMOUSEOUT="hT()"><img src="#thumb" title="#meta_tit" alt="#meta_tit"></a></td>
<td valign=top><span class=b>#a_text</span></td>
</tr><tr>
<td height=40><span class=b>#azu1</span></td>
</tr></table>
<table border=0 cellspacing=3 cellpadding=3><tr>
<td width=310 colspan=3 height=25>#lp1<strike>#lp #curk</strike>#lp2 <span class="se_text">#diff3Sie sparen </span> <span class=f2>#diff2%#diff4</span><img src=https://cdn.powergap.de/l1.gif width=5 height=5></td></tr><tr>
<td width=140 valign=bottom>#ausblenden_wenn_vk_null1<span class=b8>#curk #vk</span><span class=k3>#literpreis</span>
<span class=k3> #st
<a href="Versandinfos.html" onclick="return hs.htmlExpand(this, { objectType: 'iframe', width: 900, height: 750, dimmingOpacity: 0.70, align: 'center' } )"><span class=versand>#vers7</span></a></span></td>
<td valign=bottom>#rating1</td>
<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">
<td valign=bottom align=right><input type="image" src="img/x_wk.png" alt="In den Warenkorb" title="In den Warenkorb" border="0" name="submit"></td>
</form>#ausblenden_wenn_vk_null2</tr></table>
<span name='cto_info' style='display:none'>#anr</span>
</div>

Variante2:

<div style="border:1px solid #EEEEEE; width:630px;">
<table border=0 cellspacing=5 cellpadding=5><tr><td valign=top>
<a href="#a_link" ONMOUSEOVER="dT(event,'<img src=#pic width=310>','',0)" ONMOUSEOUT="hT()">
<img src="#thumb" style="border: 0px;float:left; margin-right:" title="#meta_tit" alt="#meta_tit"></a></td><td>
<a href="#a_link"><h2 class=c2 style="display: inline;"><b>#a_name</b></h2></a>

<span class=a>#a_text</span>
#rating1</td>
<td valign=bottom>
<table height=70 border=0 cellspacing=3 cellpadding=3><tr><td width=340 valign=bottom>
<a href="#a_link"><img src="img/details.gif" alt="Details" title="Details" style="border: 0px;"></a>

#ausblenden_wenn_vk_null1
<span class=b8>#curk</span> <span class=b9>#vk</span><span class=k3>#literpreis</span>
<span class=k3> #st
<a href=s01.php?cur=eur&sp=de&ag=#ag&pp=vers ONMOUSEOVER="dT(event,'Bitte klicken um die Versandkosten zu erfahren.','',0)" ONMOUSEOUT="hT()"><span class=versand>zzgl. #vers1 € (DE) Versand</span></a>
</td>
<td valign="bottom">#delperart<a href=#del_perart_link rel="nofollow" ONMOUSEOVER="dT(event,'Bitte hier klicken um den Artikel von Ihrer Wunschliste zu entfernen.','',0)" ONMOUSEOUT="hT()"><img src=https://cdn.powergap.de/x_loesch.gif></a>#delperart</td>
<form METHOD="POST" name="form_#anr" action="#wk_form_link"><td valign=bottom><input type="image" src="img/x_wk.gif" alt="In den Warenkorb" title="In den Warenkorb" border="0" name="submit"></u></center></td></form>#ausblenden_wenn_vk_null2
</tr></table>
</td></tr></table>
</div>

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,

POWERGAP Shopbetreiber Forum

Suchergebnis Switch-Funktion auf andere Template Variante

Forum-Archiv