JTL Shop: Anzeige der Top-Artikel, Bestseller & Zuletzt angesehenden Artikel begrenzen

Im Template des JTL-Shop3 werden immer 6 Artikel als Top-Artikel, Cross-Selling, Bestseller & Zuletzt angezeigt. Werden Änderungen am Design und Template vorgenommen, kann es nötig sein, diese Anzahl zu verändern. Werden beispielsweise zu viele Artikel in der Kategorie-Übersicht angezeigt, muss eine Änderung der template-Datei vorgenommen werden:

/templates/JTL-Shop3/tpl_inc/suche_header.tpl

Zur Minderung oder Mehrung der angezeigtem Artikel kann man ein Limit in der foreach-Schleife angeben. Ein Abbrechen der Schleife (foreach break) ist nicht möglich.

/* smarty */
{foreach name=topartikel from=$KategorieInhalt item=Artikel}
{if  $smarty.foreach.topartikel.iteration < 5 } //zeigt 4 Artikel an
{/if}
{/foreach}

LAYERSTYLES: Experimente mit CSS3

Mit CSS lässt sich vieles realisieren, auch ohne Graphiken. Wer aktuelle Möglichkeiten ausprobieren möchte, sollte sich LAYERSTYLES anschauen. Im Stil eines bekannten, kommerziellen Bildbearbeitungsprogramm eines großen US-amerikanischen Softwarehauses kann experimentiert werden.

/* CSS */
#kreis  {
border-radius: 200px;
background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(133,133,133,0.96)), to(rgba(116,116,116,0.96)), color-stop(50%, rgba(126,126,126,0.96)), color-stop(50%, rgba(109,109,109,0.96)));
background-image: -webkit-linear-gradient(280deg, rgba(133,133,133,0.96), rgba(126,126,126,0.96) 50%, rgba(109,109,109,0.96) 50%, rgba(116,116,116,0.96));
background-image: -moz-linear-gradient(280deg, rgba(133,133,133,0.96), rgba(126,126,126,0.96) 50%, rgba(109,109,109,0.96) 50%, rgba(116,116,116,0.96));
background-image: -o-linear-gradient(280deg, rgba(133,133,133,0.96), rgba(126,126,126,0.96) 50%, rgba(109,109,109,0.96) 50%, rgba(116,116,116,0.96));
background-image: -ms-linear-gradient(280deg, rgba(133,133,133,0.96), rgba(126,126,126,0.96) 50%, rgba(109,109,109,0.96) 50%, rgba(116,116,116,0.96));
background-image: linear-gradient(280deg, rgba(133,133,133,0.96), rgba(126,126,126,0.96) 50%, rgba(109,109,109,0.96) 50%, rgba(116,116,116,0.96));
-webkit-box-shadow: 0 0 18px 2px rgba(0,0,0,0.75), inset 23px 63px 71px 29px rgba(255,255,255,0.41);
-moz-box-shadow: 0 0 18px 2px rgba(0,0,0,0.75), inset 23px 63px 71px 29px rgba(255,255,255,0.41);
box-shadow: 0 0 18px 2px rgba(0,0,0,0.75), inset 23px 63px 71px 29px rgba(255,255,255,0.41);
}