Colorbox einbauen

[manuel.adler]

Guten Tag, ich bin neu hier  

Nachdem ich einige Zeit mit xt:Commerce rumgebastelt habe, bin ich auf das modified eCommerce Shopsoftware-Projekt gestoßen. Tolle Sache!
Die "saubere" Version nimmt einem viel Arbeit ab, danke dafür!

Aber zu meiner ersten Frage. Ich möchte gerne die Thickbox durch die Colorbox austauschen. Also habe ich alle Dateien auf den Server kopiert,das Javascript in die general.js.php eingebunden, das Stylesheet in die general.css.php eingebunden und den Aufruf in der products_info_v1.html von class="thickbox" in class="colorbox" geändert und schon hatte ich die Colorbox anstatt der Thickbox.

Soweit so gut. Nur funktioniert das Weiterklicken bei mehreren Produktbildern nicht.
In die general.js.php habe ich noch folgendes eingefügt:

Code: PHP  [Auswählen]

<script type="text/javascript">
        $(document).ready(function(){
                //Examples of how to assign the ColorBox event to elements

                $("a[rel='{$PRODUCTS_ID}']").colorbox();
                $(".colorbox").colorbox();

                //Example of preserving a JavaScript event for inline calls.
                $("#click").click(function(){
                        $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
                        return false;
                });
        });
</script>

Die Definition der Klasse ist klar, das funktioniert ja auch.
Nur wie setze ich die Bilder in Relation, damit das mit den mehreren Produktbildern klappt?

Vielleicht benutzt ja einer von euch ein Template mit der Colorbox und kann mir auf die Sprünge helfen. Bin für jede Hilfe dankbar.

Grusz

Manuel



Linkback: https://www.modified-shop.org/forum/index.php?topic=11190.0

[manuel.adler]

Ich hab's dann dank der Hilfe eines Forums-Mitglieds auch geblickt.

Klasse in die Tonne, Colorbox über die "rel" aufrufen und die in der products_info_v1.html hard-coded aufrufen:

general.js.php

Code: PHP  [Auswählen]

<script type="text/javascript">
        $(document).ready(function(PRODUCTS_ID){
                //Examples of how to assign the ColorBox event to elements
                $("a[rel='colorbox']").colorbox();
                //$(".colorbox").colorbox();

                //Example of preserving a JavaScript event for inline calls.
                $("#click").click(function(){
                        $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
                        return false;
                });
        });
</script>
 

product_info.v1.html

Code: PHP  [Auswählen]

<a title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" rel="colorbox"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" />{if $PRODUCTS_POPUP_LINK!=''}<br/>{#text_zoom#}{/if}</a>
 

[Tomcraft]

Danke für die Lösung, ich habe mal die zu ändernden Dateinamen noch eingefügt.

Grüße

Torsten