XH_Shop mit hi_fancybox nutzen
Posted: Mon Sep 24, 2018 6:41 pm
Ich habe versucht die "Preview Bilder" irgendwie mit "zoom" austatten. Es wäre wohl möglich es irgendwie direkt in /conent/xhshop/content.htm kodieren. Es ist aber Quatsh.
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:
Es wäre dann einfach die PreviewBilder zu stylen etwa:
Wäre es zu kompliziert?
Der fancybox ist eigentlich schon integriert. Es kommt aber zum Laufen erst auf der Produkt-Details Seite.
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.