Sale oder Neu Bild in der product.tpl

Deutsches Forum
1

Hallo,

wie kann ich ein Bild in den Boxen in der kategorieübersicht einbauen, welches oben links in der Ecko über den Produktbild steht (also eine Ebene höher).

Habe schon mit position absolute probiert und in der css eingebaut, aber irgendwie nimmt die .tpl datei es nicht bzw. es werden die attibute von den höheher div classes geerbt,

danke im voraus.

gruß

2

[QUOTE=icedoutbiz;10775]Hallo,

wie kann ich ein Bild in den Boxen in der kategorieübersicht einbauen, welches oben links in der Ecko über den Produktbild steht (also eine Ebene höher).

Habe schon mit position absolute probiert und in der css eingebaut, aber irgendwie nimmt die .tpl datei es nicht bzw. es werden die attibute von den höheher div classes geerbt,

danke im voraus.

gruß[/QUOTE]
Wie sieht denn die HTML-Struktur und das CSS dazu aus?

Wichtig ist auf jeden Fall, dass die die Produktdarstellung einschließende DIV mit “position:relative” gestylt ist, um sicher zu stellen, dass dieses Overlay-Bild innerhalb der Produktdarstellung positioniert werden kann.

(“position:absolute” bezieht sich nämlich auf die [B]nächsthöhere [/B]mit “position:relative” gestylte Struktur.)

3

hi,

es geht hier um die product.tpl

habe dort nicht viel verändern, genauso wie am css file.

wo müsste ich das div in der product.tpl plazieren und welche attribute soll ich nehmen, damit das bild in der obereren rechten ecke und auf der höchsten ebene ist?

Gruß

4

Hallo !

also ich würde das am besten mit in den Bild_link mit rein setzen <a id="test_pic_…

weil der ist selber schon absolut positioniert.

[B]Zeile 12 im original:[/B]


<a id="test_pic_[{$testid}]" href="[{ $product->getLink() }]" class="picture"[{if $oView->noIndex() }] rel="nofollow"[{/if}]>
      <img src="[{if $size=='big'}][{$product->getPictureUrl(1) }][{elseif $size=='thinest'}][{$product->getIconUrl() }][{else}][{ $product->getThumbnailUrl() }][{/if}]" alt="[{ $product->oxarticles__oxtitle->value|strip_tags }] [{ $product->oxarticles__oxvarselect->value|default:'' }]">

[B]SALE[/B]

</a>

dann im CSS z.B.:


.product .picture img { z-index: 10;}
.myOverlayIMG {position: absolute; left: 0; top 0; z-index: 20;}

is aber nicht getestet

5

Super! Funktioniert sehr gut!
Habe jetzt SALE eingebau!

Mit welcher Variable kann ich rausfilter wie alt ein Artikel ist? Und diesen demensprechend mit NEU kennzeichnen?

Gruß

6

Hallo,

du kannst zb mit
[{ $product->oxarticles__oxfeldname->value }]
auf alle Spalten zugreifen…

für deinen Fall wäre das dann
$product->oxarticles__oxinstert->value

Gruß

7

Danke. Kann php leider nicht so gut.

In worten wäre mein Anliegen

If $product->oxarticles__oxinstert->value kleiner als $product->oxarticles__oxinstert->value + 30 Tage
… zeige NEW Bild …

Wie müsste ich es im template einfügen?

Gruß

8

Du brauchst dafür kein Wort php…
Nur Grundkenntnisse von Smarty :slight_smile:

Naja und ifs Formulieren solltest auch noch bischen übern :wink:

Nur noch ein Tipp:
[{$smarty.now}] gibt dir ein aktuellen Zeitstempel
mit |date_format lässt sich das Datum entsprechend formatieren…
Hier die Anleitung für date_format

Aber eigentlich macht man soetwas nicht im Template, ist kein guter Prog-Stil.
Richtiger Weg wäre ein Modul welches die Renderfunktion überlagert und dort oder noch besser in einer eigenen Funktion das DAtum prüft und dir dann eine Templatevariable setzten welche nur true oder false ist.

Falls du ein entsprechendes Modul entwickelt haben möchtest kannst auch gern bescheid geben.

Gruß