Thickbox ersetzen mit Colorbox

In der derzeitigen Version von Xt:Commerce wird immer noch Thickbox eingesetzt, dass an sich vom Entwickler nicht mehr weiterentwickelt wird und beim aktuallisieren auf eine neue Jquery Version funktioniert dieses Jquery Plugin nicht.
Es empfiehlt sich daher z.b. auf Colorbox umzustellen, da dieses Jquery Plugin auch mit der aktuellen Jquery Version einwandfrei funktioniert.
1. Wichtig ist vorher ein Backup des Shops zu erstellen.
2. Laden Sie die aktuelle Version von Colorbox unter http://www.jacklmoore.com/colorbox und Jquery unter http://jquery.com/download/ runter. Das javascriptfile von jquery ändern sie in jquery.js um.

3. laden Sie beide Javscript Dateien in den Ordner /templates/xt_default/javascript/ hoch. ( dieses Beispiel bezieht sich auf das Standardtemplate von Xt:Commerce 4.)

4. kopieren Sie die Datei colorbox.css die sich in der Zipdatei von Colorbox befindet (Ordner example1 z.b.) in den Ordner templates/xt_default/css/ und
den Inhalt des darin befindlichen ordners "images" laden Sie in den Ordner "/templates/xt_default/img" hoch. Esetzen Sie aber vorher in der colorbox.css alle Einträge "images" in "../img" um!!

5. Ändern Sie in der Datei /templates/xt_default/css/css.php folgendes

 

in

 

6. Ändern Sie in der Datei /templates/xt_default/javascript/js.php folgendes

 

in

 

7. öffnen Sie die product.html im Ordner templates/xt_default/xtCore/pages/product

Ändern Sie folgendes

{img img=$products_image type=m_info alt=$products_name|escape:"html"}

in folgendes um

{img img=$products_image type=m_info alt=$products_name|escape:"html"}

und folgendes

{if $more_images !='}
{foreach name=aussen item=img_data from=$more_images}
{img img=$img_data.file type=m_thumb alt=$products_name}
{/foreach}
{/if}

in folgendes ändern:

{if $more_images !='}
{foreach name=aussen item=img_data from=$more_images}
{img img=$img_data.file type=m_thumb alt=$products_name}
{/foreach}
{/if}