[MODULO] JQUERYLIGHTBOX, sostituisce Thickbox nella pagina dei prodotti con jquery lightBox plugin 0.5, il tutto con un semplice click

[maofree]

Ciao
La descrizione è già nel titolo del topic, non c'è bisogno d'istruzioni, basta installarlo come gli altri moduli e la differenza con Thickbox è notevole.
Se volete altre info guardate qui
http://leandrovieira.com/projects/jquery/lightbox/

Dovrebbe essere compatibile con tutte le versioni e con qualunque tema.

Qui trovate altri moduli:

SexyLightBox


prettyPhoto


Questo plugins non ridimensiona le foto in base alla grandezza dello schermo di chi guarda il vostro sito, come thickbox, sexylightbox e prettybox (che ritengo sia il migliore).
Un'ultima cosa:
Dovete mettere i permessi della cartella del modulo a 777 (o 755) ricorsivi e non rimuovete la cartella del modulo se non l'avete prima disinstallato dal BO, perchè se no il file product.tpl non viene riportato alla situazione precedente all'installazione del modulo portando scompensi nel vostro sito. Fate anche una copia di backup del vostro product.tpl prima della installazione. Installate un solo box per volta.

ciaoo

(aggiornato il Dic 12 2010)

jquerylightbox.zip

[disarci]

Ciao,

{$base_dir}

è una variabile assegnata dal php per smarty,
quindi in javascript devi creartene,

i metodi sono tanti,
puoi prendere la stessa variabile dal php e passarla in get al js,
oppure più facilmente ricavarti la posizione all'interno del js
con:

document.location.pathname

[maofree]

Ciao disarci
mi fai un esempio per il puoi prendere la stessa variabile dal php e passarla in get al js,
(credo di aver capito ciò che dici, aggiungere il l'elaborazione della path nel product.php e passarla al .tpl e poi associarli una variabile che verrà passata al javascript, proprio come si fa per i moduli)

Per il document.location.pathname ci studio su che forse mi piace di più (fa anche rima)

Grazie

ciaooo

[disarci]

<link href="{$base_dir}js/jquery/jquery-lightbox/css/jquery.lightbox-0.5.css?mypath={$base_dir}" rel="stylesheet" type="text/css" media="all" />

qui trovi un esempio di js per prendere le variabili:
http://www.htmlgoodies.com/beyond/javascript/article.php/3471111/A-Quick-Tutorial-on-JavaScript-Variable-Passing.htm


Se no, più facilmente con il

document.location.pathname

hai il path di dove sei (prova con un alert per essere sicuro)
e lo metti al posto del tuo relativo.

[maofree]

disarci ce l'ho fatta che spettacolooooooooooooooooooooooooooooooooooooo
il problema non era nel trovare il nome della directory, non serve modificare il file in php ne usare qualche funzione in javascript, perchè tanto se smarty utilizza e fa funzionare {$content_dir} ,basta utilizzarla nel file in tpl prima dell'inserimento dei files in javascript, come si fa sempre per i moduli. Il problema era dovuto al fatto che i bottoni sono gestiti da jquery e non dal file css e le variabili sono delle stringhe ed il mio sbaglio era quello di mettere la variabile che fa riferimento a {$content_dir} all'interno della stringa, così facendo non la vedeva come una variabile (sono ancora un pivello con questi linguaggi), allora la soluzione è stata quella di separare la stringa all'interno delle variabili del plugin in due parti

imageLoading: url_dir + 'js/jquery/jquery-lightbox/images/lightbox-ico-loading.gif',

e poi in product.tpl, nel tag script

var url_dir = '{$content_dir}';

che spettacoloooooooooo

ciaooo e grazie per gli esempi fatti

[maofree]

Ciaoooo
ho modificato questo topic da modifica (dove era necessario fare l'upload di un file e di una cartella) in modulo, così potete avere questo splendido plugin sui vostri siti con un semplice click del mouse

ciaoo :-)

[checco]

Ottimo maofree!!!!
Funziona benissimo, bel lavoro
complimenti....

[maofree]

Grazie checco
sto imparando tante cose su prestashop e sui vari linguaggi di programmazione, così adesso mi rimane più facile fare questi moduli. Il bello è che mi vengono sempre nuove idee quindi ne arriveranno altri.

ciaoo

[Ubaldo Gulotta]

Bello anche questo modulo però in privato ti ho consigliato una possibile alternativa per migliorare ancora il modulo, guarda se ti é utile!
A presto

[cagliostro]

(prestashop 1.3.1 ITA)
Che bel modulo, complimenti,
L'ho provato in locale e funziona benissimo. Sul sito online però non funge più... che cosa sbaglio?
Uniche differenze, sul sito uso URL semplice ed in locale no

[maofree]

Ciao
ma il sito online usa un tema modificato?
il product.tpl e uguale a quello di default di prestashop oppure è stato modificato?
I permessi sono 777?
il problema è lì
confronta il file product.tpl che hai in locale e quello online e guarda se sono uguali o meno
Non ti preoccupare non sei il solo che ha avuto questo problema, qui è spiegato come fare, comunque se hai problemi fammelo sapere che ti aiuto
http://www.prestashop.com/forums/viewthread/69582/
http://www.prestashop.com/forums/viewthread/70150/programmazione_moduli_design_e_temi/modulo_sexylightbox_sostituisce_thickbox_nella_pagina_dei_prodotti_con_sexy_lightbox

ciaoo

ne ho fatto un altro, questo si che è uno spettacoloooo

[cagliostro]

(prestashop 1.3.1 ITA)
I due file product.tpl sono identici.
Ho seguito la spiegazione che hai dato in inglese e seguito le cose da fare, cosa che ho fatto.: nulla
Ho sostituito la stringa di codice alla linea 118: Nulla
Ho sostituito interamente il file product.tpl che ho in locale con quello online (anche perchè c'è lo script che va inserito +/- alla riga 87): nulla

In merito ai permessi, quello potrebbe essere il problema, ma con Aruba è un po' un casino. Se mi dici quali sono da settare è meglio (nel frattempo su 777 ho settato tutti i moduli e la cartella del tema
Grazie

[maofree]

Ciao
non conosco Aruba e se i due files sono identici, non saprei cosa dirti

[lafataligure]

Ciao maofree
il tuo modulo è carinissimo, grazie per il contributo.

L'ho installato ma non vedo nessuna differenza thickbox non viene sostituito.

Dove sbaglio?

[maofree]

Ciao
Dammi molte più informazioni tipo versione permessi della cartella se hai modificato il product.tpl ecc...

di solito quando avviene il tuo problema è perchè usi un product.tpl differente da quello di origine

[cagliostro]

In ogni caso, ho provato il tuo secondo lightbox e penso che ci siano dei problemi sulla qualità delle immagini
Grazie comunque, se trovo la soluzione te la posto.
Tra l'altro ho installato il file product.php originale e provato a reinstallare il modulo ma niente anche così

[maofree]

Mi rimane difficile aiutarvi se non mi date maggiori informazioni sui problemi che riscontrate e senza vedere delle immagini
per la qualità delle immagini non credo dipenda dal modulo, se vai sul sito dei lampadari vedi che non ci sono problemi

ciao

[maofree]

Ho fatto una nuova prova installando questo modulo su una versione pulita di prestashop e non ho riscontrato problemi
Per la qualità delle immagini credo dipenda dalla risoluzione che usi, dal BO puoi diminuire la dimensione delle foto del thickbox e poi premi su rigenera immagini (es. 500x500)

ciaoo

[maofree]

Ho controllato meglio
il problema delle immagini credo dipenda dal fatto che con thickbox le foto si ridimensionano in base alla risoluzione dello schermo di chi guarda. Sexy LightBox ridimensiona l'immagine come thickbox, mentre jQuery Lightbox non lo fa , ma questo dipende da chi ha sviluppato lo script e non da me
fatelo presente a loro
l'unica soluzione è ridimensionare le foto dal BO

[cagliostro]

Si hai ragione,
Posto 2 Immagini identiche ma una aperta con Jquery e l'altra con Sexy , Puoi vedere da te

[maofree]

Ciao cagliostro
ho notato anch'io che Sexy si comporta come thickbox, mentre Lightbox no e quindi bisogna intervenire nel BO
Scusatemi ma oggi no ho avuto molto tempo per controllare e rispondere meglio alle vostre domande
Ho aggiunto delle istruzioni nella prima pagina, guarda se ti possono essere utili
Se in locale ti funziona e in remoto no e sei sicuro che sia tutto uguale, l'unica cosa che posso consigliarti e di sostituire la variabile

url_dir = {$content_dir}

con un url assoluto della tua webroot
Una cosa ma dopo aver installato il modulo il file product.tpl come è diventato, non è che hai rimosso il modulo prima di averlo disinstallato? Facendo così, poi non funziona più, perchè non rimuove i files aggiunti in fase d'installazione.
Confronta i due files dopo aver installato il modulo

[cagliostro]

Allora Trovato
COlpa mia!!!(come al solito)
Era il file smarty.config.inc.php
la riga
$smarty->force_compile = true; // to pass "false" when put into production

deve essere true (io l'avevo settata false)
Chiaramente le modifiche ai file tpl non venivano fatte

[maofree]

Ciao
infatti ogni volta che intervieni nei miei post, mi preoccupo sempre
ne ho fatto un altro, decisamente migliore a lightbox si chiama prettyPhoto

ciaoo

[WisdOMbooks]

... ne ho fatto un altro, decisamente migliore a lightbox si chiama prettyPhoto...

Cos'e' successo a PrettyPhoto,
a distanza di quasi un mese?
Non sarai mica 'andato in vacanza',
lasciandoci tutti a bocca asciutta, neh? )

CIAO da Calcutta:
Angelo

[maofree]

Ciao WisdOMbooks
perchè dici così?
il modulo è già presente sul forum da un mese e se vedi la prima pagina di questo topic è riportato il link
comunque ecco qui
PrettyPhoto
Adesso sto studiando nuovi moduli, ma sono molto più complessi di quelli che ho appena fatto

ciaooooooooooooo

[maofree]

Ciao
ho aggiornato questo modulo rendendolo compatibile con tutte le versioni di prestashop e con qualunque tipo di tema (almeno spero)
(sono stati aggiornati anche gli altri moduli box fatti da me)
tra non molto farò un solo modulo che comprenderà questo ed altri box tutto in uno configurabili dal BO

ciaoo

[eugenata]

Ciao maofree, sono nuovo del forum e vorrei utilizzare PS1.4 per il mio ecommerce ma ho bisogno che le immagini si vedano grandi, anche più grandi della finestra del browser.
Il tuo modulo lightbox è perfetto per questo, ma funziona solo con PS1.3.
Potresti rilasciare una versione aggiornata che funzioni in PS1.4?
Sarebbe davvero utile.
Grazie, ciao.

[maofree]

Ciao eugenata
questo modulo ho deciso di non aggiornarlo più perchè preferisco fancybox, però hai ragione perchè questo fa il ridimensionamento dell'immagine e quindi non credo faccia al caso tuo.
Adesso sto facendo altri moduli che ritengo più utili tipo quello per modificare gli ordini.
Prova a studiarlo un pò non è difficilissimo (non fa altro che sostituire del codice nella pagina dei prodotti) o chiedi a qualcuno del forum per adattarlo alla 1.4

ciaooo

[eugenata]

Ciao eugenata
questo modulo ho deciso di non aggiornarlo più perchè preferisco fancybox, però hai ragione perchè questo fa il ridimensionamento dell'immagine e quindi non credo faccia al caso tuo.
Adesso sto facendo altri moduli che ritengo più utili tipo quello per modificare gli ordini.
Prova a studiarlo un pò non è difficilissimo (non fa altro che sostituire del codice nella pagina dei prodotti) o chiedi a qualcuno del forum per adattarlo alla 1.4

ciaooo

Fatto!
http://www.prestashop.com/forums/viewthread/109937/programmazione_moduli_design_e_temi/solved_problema_lightbox_per_prestashop_1_dot_4_dot_1
Non sono un esperto e dopo 2 giorni di smanettamento, ho visto la soluzione.... era sempre stata davanti ai miei occhi.