Informationen zum Onlineshopping - modified eCommerce - Produktnavigator durch Bilder ersetzen
Wenn Sie uns unterstützen möchten verwenden Sie für Ihren nächsten Einkauf bei Amazon  diesen Link.
Funktioniert in Version: v1.06 rev 4356
lang\german\lang_german.conf
Suchen nach:
first = '[<<Erstes]'
back = '[<zurück]'
next = '[weiter>]'
last = '[Letztes>>]'
ersetzen durch:
first = '<img src="templates/xtc5/img/pn_links_zwei.png" style="vertical-align:middle;">'
back = '<img src="templates/xtc5/img/pn_links_eins.png" style="vertical-align:middle;">'
next = '<img src="templates/xtc5/img/pn_rechts_eins.png" style="vertical-align:middle;">'
last = '<img src="templates/xtc5/img/pn_rechts_zwei.png" style="vertical-align:middle;">'
templates\xtc5\module\product_navigator.html
Suchen nach:
{if $FIRST!=''}<a href="{$FIRST}">{#first#} | {/if}
{if $PREVIOUS!=''}<a href="{$PREVIOUS}">{#back#} | {/if}
{if $NEXT!=''}<a href="{$NEXT}">{#next#} | {/if}
{if $LAST!=''}<a href="{$LAST}">{#last#} | {/if}
ersetzen durch:
{if $FIRST!=''}<a href="{$FIRST}">{#first#}{/if}
{if $PREVIOUS!=''}<a href="{$PREVIOUS}">{#back#}{/if}
{if $NEXT!=''}<a href="{$NEXT}">{#next#}{/if}
{if $LAST!=''}<a href="{$LAST}">{#last#}{/if}
templates\xtc5\stylesheet.css
Suchen nach:
/* PRODUCT NAVIGATOR */
div.productnavigator {
background-color:#ededed;
padding:8px;
border:#999 1px solid;
}
ersetzen durch:
div.productnavigator {
background: url(img/bg_productnavigator.png) repeat-x;
background-color:#74d2f2;
padding:8px;
border:#3bbaf5 1px solid;
}

div.productnavigator a {
background-color:#EDEDED;
padding:3px 6px 3px 6px;
border:#3bbaf5 1px solid;
margin: 5px;
}

div.productnavigator a:visited {
background-color:#EDEDED;
padding:3px 6px 3px 6px;
border:#3bbaf5 1px solid;
margin: 5px;
}

div.productnavigator a:hover {
background-color:#d2d2d2;
padding:3px 6px 3px 6px;
border:#3bbaf5 1px solid;
text-decoration:none;
color:#ff0000;
margin: 5px;
}
Farben für Hintergründe und Text müssen natürlich an die eigenen Wünsche angepasst werden.
Die verwendeten Bilder für die Navigation sind 30x11px
Zur Übersicht