PDA

Shop Support News Archive - Shopbetreiber News -> Forum : ECB: Kategorie Bilder als Hintergrundbild einbinden


handballcafe
24.07.2009, 18:27
Moin,

sitze gerade an der Kategorielisting und möchte die Catbilder als Hintergrundbild einbinden. Allerdings funtioniert es nicht.

Hat jemand einen Tip

Es klappt weder in der categorie_listing noch in der Itemcatlisting.html

Danke

Doc Olson
24.07.2009, 19:29
Hintergrund wovon?

Hier mal ein Beispiel:



<div style="background-image: url({$CATEGORIES_IMAGE});">
blah
blubb
</div>



Oder watt?

handballcafe
24.07.2009, 19:51
''>ZITAT(Doc Olson @ Jul 24 2009, 19:29) 186096
Hintergrund wovon?

Hier mal ein Beispiel:



<div style="background-image: url({$CATEGORIES_IMAGE});">
blah
blubb
</div>



Oder watt?
[/b]

Bilder der Unterkategorien als Hintergrundbild und der Kategoriename auf das Bild. (categorie_listing)

Das obere habe ich schon probiert es klappt nicht.

der Ostler

Doc Olson
24.07.2009, 19:54
Dann schreib doch mal konkret, WAS Du gemacht hast.

Code?

handballcafe
25.07.2009, 14:47
Moin,

Item.CatListing.html
"Item Col{$cat.ColCount}" style="background-image:{if $cat.CATEGORIES_IMAGE}{img src=$cat.CATEGORIES_IMAGE alt=$cat.CATEGORIES_NAME link=$cat.CATEGORIES_LINK}{/if};">
{$cat.CATEGORIES_NAME|link:$cat.CATEGORIES_LINK}


</div>

Bei deinem Vorschlag wird das Kategoriebild der darüberliegenden Kategorie als Hintergrundbild für alle Unterkategorien aus gegeben.

Bei obenstehenden Code sieht das wie folgt aus: Link (http://anonym.to/?http://www.volksdruckerei.de/index.php?cPath=33&XTCsid=603f8883860e5d27065e5cdec455e963)

SMT WebServices
25.07.2009, 15:45
''>ZITAT(der Ostler @ Jul 25 2009, 14:47) 186217
Moin,

Item.CatListing.html
"Item Col{$cat.ColCount}" style="background-image:{if $cat.CATEGORIES_IMAGE}{img src=$cat.CATEGORIES_IMAGE alt=$cat.CATEGORIES_NAME link=$cat.CATEGORIES_LINK}{/if};">
{$cat.CATEGORIES_NAME|link:$cat.CATEGORIES_LINK}


</div>

Bei deinem Vorschlag wird das Kategoriebild der darüberliegenden Kategorie als Hintergrundbild für alle Unterkategorien aus gegeben.

Bei obenstehenden Code sieht das wie folgt aus: Link (http://anonym.to/?http://www.volksdruckerei.de/index.php?cPath=33&XTCsid=603f8883860e5d27065e5cdec455e963)
[/b]
das kann so nicht funktionieren.

1. syntax css backroond image ist folgende:
style="background-image:url(pfad/zum/bild)"
2. müsstest du die if frage schon um das ganze background-image konstrukt herum bauen
3. nutzt du innerhalb des css blocks eine smartyfunktion die einen html -link mit bild erzeugt...

also ganz grob geschätzt müsste das ganze etwa so aussehen und auch funktionieren:

"Item Col{$cat.ColCount}" style="{if $cat.CATEGORIES_IMAGE}background-image:url({$cat.CATEGORIES_IMAGE});background-repeat:no repeat;{/if};" >
{$cat.CATEGORIES_NAME|link:$cat.CATEGORIES_LINK}
{$cat.CATEGOREIS_NAME} ({$cat.CATEGORIES_LINK})
</div>

das sollte
1. das div mit deinem Bildchen versehen
2. den link auf die größe des bildes aufblasen (damit das bild wieder klickbar ist)
und
3. funktionieren (vorausgesetzt du ersetzt "breiteDeinesBildes" und "höheDeinesBildes" durch entsprechende Werte)

handballcafe
25.07.2009, 15:56
Moin,

vielen Dank so funitoniert es. Muss mich erst einmal etwas umgewöhnen.

der Ostler