merhaba arkadaşlar bugün sizlerle birlikte opencart 2. x vesiyonlarına ait ürün detayda resim görüntüleyici olarak lighbox modifikayonunu inceleyeceğiz. magnifyzoom'a nazaran daha kullanışlı ve biraz daha özellilkli bir resim görüntüleme modifiyesidir. Bu eklenti vqmod olarakta çalışmaktadır. xml dosyasını vqmod/xml klasörüne atınız. ve catalog dosyasınıda ana dizinine atınız. vqmod kullanmak istemeyenler içinse anlatıma başlıyoruz. dosyamızı açalım: catalog/view/theme/seninteman/template/product/ product. tpl bulalım : üst satırına ekleyelim : <script></script> dosyamızı açalım : catalog/view/theme/seninteman/template/product/ product. tpl bulalım : Değiştirelim : Bulalım : Bir üst satırına ekleyiniz. <script> $ . ready(function { $ . prettyPhoto({animation_speed: 'fast', / fast/slow/normal / slideshow: 5000, / false OR interval time in ms / autoplay_slideshow: false, / true/false / opacity: 0.80, / Value between 0 and 1 / show_title: true, / true/false / allow_resize: true, / Resize the photos bigger than viewport.true/false / default_width: 500, default_height: 344, counter_separator_label: "/", / The separator for the gallery counter 1 "of" 2 / theme: 'dark_rounded', / light_rounded / dark_rounded / light_square / dark_square / facebook / horizontal_padding: 20, / The padding on each side of the picture / hideflash: false, / Hides all the flash object on a page, set to TRUE if flash appears over prettyPhoto / wmode: 'opaque', / Set the flash wmode attribute / autoplay: true, / Automatically start videos: True/False / modal: false, / If set to true, only the close button will close the window / deeplinking: false, / Allow prettyPhoto to update the url to enable deeplinking. / overlay_gallery: true, / If set to true, a gallery will overlay the fullscreen image on mouse over / keyboard_shortcuts: true, / Set to false if you open forms inside prettyPhoto / changepicturecallback: function , / Called everytime an item is shown/changed / callback: function , / Called when prettyPhoto is closed / ie6_fallback: true }); }); </script> İşlem tamamdır, tek yapacağınız geri kalan işlem catalog klasörünü sitemizin ana dizinine atalım işlem tamamdır. Kaynak : e-ticaretdersleri