Hallo community,
wenn ich nicht ganz betriebsblind war, fehlt, wenigstens in den Standard-Templates vom JTL- Shop ein Hinweisfenster, welches dann aufgeht, wenn der Kunde einen Artikel in den Warenkorb gelegt hat. Vorgesehen ist nur eine unmittelbare Weiterleitung zum Warenkorb, was aber nicht immer gewünscht ist (der Kunde soll ja weiter einkaufen
).
Hier meine Lösung, basierend auf einem Test-JTL-Shop und dem IDR-Smooth-Template:
1. In der Datei /IDR_smooth/css/jtlshop2.css ganz am Ende einfügen:
2. In der Datei /IDR_smooth/tpl_inc/footer.tpl vor dem abschließenden
einfügen:
3. In der Datei /IDR_smooth/artikel.tpl nach der folgenden Zeile (ca. 299)
einfügen:
4. Benötigt werden noch 3 Grafik-Buttons im Verzeichnis /IDR_smooth/gfx
mit dem jeweiligen Dateinamen:
- button_continue_shopping.gif
- button_show_cart.gif
- button_checkout.gif
5. Wenn noch von anderen Stellen aus (außer der unter 3. beschriebenen artikel.tpl) die Möglichkeit besteht, Artikel per "Klick" unmittelbar in den Warenkorb zu legen (bei meinem shop zum Beispiel aus einer modifizierten Kategorie-Seite oder über die Box "Schnellkauf"), so ist die Änderung wie unter 3. beschrieben in den jeeiligen tpl-Dateien durchzuführen.
Wer sich das ganze mal live anschauen möchte, einfach unter:
Anjas-Hobbylädchen - Startseite
mal einen Artikel in den Warenkorb legen.
Fragen, Anregungen, Kritik ... jederzeit und immer gerne
VG
Anjas-Hobbylädchen
wenn ich nicht ganz betriebsblind war, fehlt, wenigstens in den Standard-Templates vom JTL- Shop ein Hinweisfenster, welches dann aufgeht, wenn der Kunde einen Artikel in den Warenkorb gelegt hat. Vorgesehen ist nur eine unmittelbare Weiterleitung zum Warenkorb, was aber nicht immer gewünscht ist (der Kunde soll ja weiter einkaufen
).Hier meine Lösung, basierend auf einem Test-JTL-Shop und dem IDR-Smooth-Template:
1. In der Datei /IDR_smooth/css/jtlshop2.css ganz am Ende einfügen:
Code:
#popCart {
position: absolute; /*do not change this*/
top: 35%;
left: 35%;
width: 500px;
background-color: #f8f8f8;
border: 3px solid #BAC4D0;
color: #000;
z-index: 100000; /*do not change this*/
display: none; /*do not change this*/
padding: 20px;
}
ul.popcartList {list-style-type:none; margin:0; padding:0;}
li.popcartButton {float:right;padding-right:10px;}
#popCart_overlay {
position: fixed;
z-index:100;
top: 0px;
left: 0px;
height:100%;
width:100%;
background-color: #000;
display:none;opacity:0.75;filter:alpha(opacity=75);-moz-opacity: 0.75;
}
* html #popCart_overlay { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
HTML:
</body>-Tag
Code:
<!-- BOF - -= Popup Warenkorb =- //-->
<div id="popCart_overlay" onclick="document.getElementById('popCart').style.display='none'; document.getElementById('popCart_overlay').style.display='none'; return false;">
</div>
{if $smarty.post.npic neq ""}
<div id="popCart">
<h4><b>Sie haben soeben den Artikel<br><br>{$zuletztInWarenkorbGelegterArtikel->cName}<br><br>in den Warenkorb gelegt.</b><br><br></h4>
<hr><br><br>
<ul class="popcartList">
<li>Anzahl Artikel im Warenkorb: {$WarenkorbArtikelanzahl}</li>
<li>Gesamtsumme Warenwert im Warenkorb: {$WarenkorbGesamtsumme[0]}</li>
</ul>
<br><br>
<ul class="popcartList">
<li class="popcartButton"><a href="javascript:void(0);" onclick="document.getElementById('popCart').style.display='none'; document.getElementById('popCart_overlay').style.display='none'; return false;"><img alt="" src="{$currentTemplateDir}gfx/button_continue_shopping.gif"></a></li>
<li class="popcartButton"><a href="warenkorb.php?{$SID}"><img alt="" src="{$currentTemplateDir}gfx/button_show_cart.gif"></a></li>
<li class="popcartButton"><a href="bestellvorgang.php?{$SID}"><img alt="" src="{$currentTemplateDir}gfx/button_checkout.gif"></a></li>
</ul>
<script type="text/javascript">
var item=document.getElementById("popCart");
function pop(el){ldelim}
if(el.style.display=="block"){ldelim}
el.style.display="none";
{rdelim}else{ldelim}
el.style.display="block";
{rdelim}
{rdelim}
pop(item);
</script>
<script type="text/javascript">
var item=document.getElementById("popCart_overlay");
function overlay(el){ldelim}
if(el.style.display=="block"){ldelim}
el.style.display="none";
{rdelim}else{ldelim}
el.style.display="block";
{rdelim}
{rdelim}
overlay(item);
</script>
{/if}
</div>
<!-- EOF - -= Popup Warenkorb =- //-->
HTML:
<input type="hidden" name="a" value="{$Artikel->kArtikel}">
Code:
<input type="hidden" name="npic" value="{$Artikel->kArtikel}">mit dem jeweiligen Dateinamen:
- button_continue_shopping.gif
- button_show_cart.gif
- button_checkout.gif
5. Wenn noch von anderen Stellen aus (außer der unter 3. beschriebenen artikel.tpl) die Möglichkeit besteht, Artikel per "Klick" unmittelbar in den Warenkorb zu legen (bei meinem shop zum Beispiel aus einer modifizierten Kategorie-Seite oder über die Box "Schnellkauf"), so ist die Änderung wie unter 3. beschrieben in den jeeiligen tpl-Dateien durchzuführen.
Wer sich das ganze mal live anschauen möchte, einfach unter:
Anjas-Hobbylädchen - Startseite
mal einen Artikel in den Warenkorb legen.
Fragen, Anregungen, Kritik ... jederzeit und immer gerne
VG
Anjas-Hobbylädchen