Wenn man im normalen Produktlisting bei VEYTON einzelne Artikel hervorheben will kann man die mit kleinen Overlay Bilder (Ribbons) markieren und Sie fallen besser auf.

Dazu erstellt man erst einmal passen Bilder (Ribbons) mit dem Text New, Sale, Neu, Angebote oder Special.

Danach kann man in der Datei product_listing_v1.html folgenden Code an gewünschter Stelle einfügen:

{if $module_data.flag_has_specials} <img src="{$tpl_url_path}/img/ribbon-special.png" /> {/if} {if $module_data.date_available!=''} <img src="{$tpl_url_path}/img/ribbon-new.png" /> {/if}


Das ganze sollte innerhalb eine relativ positionierten Div Layer geschen. Danach kann man die Grafiken in der stylesheet.css absolute positionieren.

z.B.:

.ribbon { position:absolute; z-index:2; right:0px; top:0px; }

Das Ganze kann dann so aussehen:

Overlay Bild für Produktlisting

Kommentare zu diesem Thema

- Noch kein Kommentar vorhanden -

Kommentar schreiben  |   zurück zur Liste