Lightbox in xt:Commerce einbauen

xt:Commerce Add comments

Wie schon in einem vorherigen Beitrag erwähnt, kommt nun die Anleitung, wie man in xt:Commerce die Lightbox einbaut.

Die hier verwendete Lightbox basiert auf JQuery, wenn jemand ein anderes JavaScript Framework im Einsatz hat, muss schauen, etweder eine andere Lightbox zu suchen oder die möglichen Konflikte beseitigen.

Zuerst müssen die Dateien aus dem Archiv entpackt und in den Templateorder kopiert werden. Bei “javascript/general.js.php” jedoch aufpassen, dass nicht bereits etwas in diese Datei geschrieben wurde. In diesem Fall dann nur die Zeilen einfügen, die fehlen.

lightbox_einbauen.zip

Aufruf in der product_info (Dein Template/module/product_info/product_info_v1.html) erfolgt so:
<a class="lightbox" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" title="{$PRODUCTS_NAME}"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" /></a>

Nachtrag: in stylesheet.css in der ersten Zeile kommt folgende Anweisung:
@import url("lightbox.css");

Ich glaube das wär’s. Bitte vorher alles sichern, ich übernehme keine Verantwortung für die Folgen!

P.s.: ich habe versucht ein Screencast dazu aufzunehmen, ist mein erstes, leider nicht so perfekt: hier

Vielen Dank an alle, die meine Arbeit unterstützen möchten, in dem sie mir eine Tasse Kaffee spendieren ;)
Ich bedanke mich bei allen für den Kaffee!


Und ganz unauffällig kommt etwas Werbung..

9 Responses to “Lightbox in xt:Commerce einbauen”

  1. Michael Says:

    Bekomm das anpassen der product_info nicht hin,
    was muss ich abändern?

    Vielen Dank!
    Michael

  2. Tobias Says:

    Ich bekomme das mit der product_info bzw. product_info_v1.html auch nicht hin. Hoffe sehr das es hier mal eine genaue Anleitung dafür geben wird.

  3. MINALO Says:

    product_info.php:
    Dein Template/xtc/module/product_info/product_info.php

    Die beiden Einträge noch in den einbauen, sonst kann die Box nicht geladen werden.

  4. Ingo Says:

    Weiß jemand, wie ich das in Gambio einbauen kann. Habe im dem Pfad
    “Dein Template/xtc/module/product_info/product_info.php”, sonder nur “Anzeige mit Menge.html, Anzeige ohne Menge.html etc.” Eine product_info.php habe ich nur im Root-Verzeichnis, aber die sieht nicht so aus, als sollte ich da irgendwelchen Code einfügen können.

    Würde mich über Hilfe riesig freuen. Danke !

  5. Ingo Says:

    Sorry, sollte heißen: Habe in dem Pfad … keine product_info.php, sondern…

  6. Pony Says:

    Das einbauen ging super !! Echt einach. Next und Prev Button wird leider nicht angezeigt. Loading Image und Close Button sind aber da. Der Pfad stimmt also. Kann jemand helfen ? Prev un next wäre echt wichtig.

    Danke!

  7. thomas57 Says:

    @pony
    prev und next button müssen im lightbox css angepasst werden, also der pfad wo dein lightbox liegt.
    gruß aus dem norden von
    thomas

  8. Manuel Says:

    Hallo. Vorerst mal danke für Deine tolle Arbeit und das kostenlose “zur Verfügung stellen”! Das ganze Lightbox Modul funktioniert aber nicht, sobald man mehrere Bilder pro Artikel definiert. Siehst Du eine Möglichkeit den Script so anzupassen, dass, wenn mehrere Bilder vorhanden, diese in der geöffneten Lightbox mit “vorwärts / rückwärts” geblättert werden können? Danke u Gruss

  9. Chris Says:

    Funzt echt super!
    NUR!!!
    Es ist nett das man gesagt bekommt das man für PREV & NEXT eine änderung in der CSS datei vornehmen muss.

    Das ist ungefähr das gleiche als würde man sagen “nachts ist es kälter als draussen”.

    Schade das dieses problem nicht mit eine erklärung ausgelöst wurde.

Leave a Reply

WP Theme & Icons by N.Design Studio
Internetservice Köln
Entries RSS Comments RSS Anmelden