Die eingegebene Bilder müssten erst verlinkt sein und dan dem <a...> Tag die "zoom" Klasse zugeordnet.
Ich wollte nun die Stelle finden, wo es machbar wäre. Habe sie aber nicht gefunden.
Es geht mir darum, dass diese Möglichkeit entw. standard oder optional da sein könnte (der hi_fancybox würde dann mit XH_Shop) obligat. Der generierte Code sollte dann etwa so aussehen:
Code: Select all
<h2 class="xhsProdTitle">New Product</h2>
<div class="xhsPrevPic">
<a href="img URL" class="zoom">
<img src="img URL" alt="Product">
</a>
</div>
<div class="xhsPrdTeaser">
<p>Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p>
<p>
<a href="img URL" class="zoom">
<img src="img URL" alt="Variant 1">
</a>
<a href="img URL" class="zoom">
<img src="img URL" alt="Variant 2">
</a>
<a href="img URL" class="zoom">
<img src="img URL" alt="Variant 3">
</a>
<a href="img URL" class="zoom">
<img src="img URL" alt="Variant 4">
</a>
</p>
</div>
Code: Select all
div .xhsPrevPic a.zoom img{width:...; height: auto; float:...; padding:...; usw.}
Der fancybox ist eigentlich schon integriert. Es kommt aber zum Laufen erst auf der Produkt-Details Seite.