Jump to content

Aimerais pouvoir utiliser "thickbox" n’importe où sur le site...


Recommended Posts

  • 2 months later...

je suis aussi intéressé par cela...

Exemple : sous outils -> cms
j'ai crée une nouvelle page, dans cette page j'intègre des vignettes, lors du click j'aimerais les ouvrir avec thickbox




comment activer thickbox ?

J'ai vu de nombreux posts a ce sujet sur le forum, mais malheureusement ils sont tous sans réponse !

ça serait sympa d'obtenir de l'aide, nous sommes nombreux a demander cette option

Salutations et merci d'avance

Link to comment
Share on other sites

je suis toujours sans réponse concrète à cette question de thickbox.

après quelques recherches sur le forum, de nombreux sujets identiques sont sans réponses, il y a donc effectivement une réelle demande de nombreuses personnes qui sont dans le même cas...

donc HELP, si quelqu'un pouvait nous aider et nous expliquer comment utiliser thickbox, ou même lightbox sur d'autres pages que celles des produits, ça serait vraiment sympa !

D'avance un grand merci !

Link to comment
Share on other sites

Nop!!
Car les fichiers .js et .css sont appelés uniquement dans product.tpl ...

Moi j'ai trouvé et ça marche!
Pour vous en rendre compte aller sur http://www.dprint.fr/demonstration/ et dans la colonne de gauche vous avez le bloc Galerie d'images...

Par contre si certains rencontrent un bug avec leur navigateur qu'il m'en parle!

Jposerai le code bientôt.

Merci et bonne journée à tous!

Link to comment
Share on other sites

  • 5 weeks later...
Oui il faut également inclure les fichiers JS et CSS dans le TPL ou dans le PHP:

$css_files = array(
__PS_BASE_URI__.'css/thickbox.css' => 'screen'
);


$js_files = array(
__PS_BASE_URI__.'js/jquery/thickbox-modified.js'
);


bonsoir

j'ai essayé, mais j'y suis pas arrivé. malgré cette méthode ;-(

si quelqu'un passe par là et peut indiquer pas à pas pour pouvoir afficher une thickbox à partir d'une page cms
Link to comment
Share on other sites

Bonjour à tous,

Vous trouverez dans le fichier texte les lignes de code à insérer.

Dites-moi si cela marche chez vous car chez moi, pas de pb!

Bonne journée et bonne continuation à tous!


bonjour

merci pour le partage du code. Doit on, l'insérer dans cms.php, si on veut fait appel à la thickbox à partir d'une page cms ?

merci
Link to comment
Share on other sites

Désolé je n'ai pas précisé!
Il faut le placer dans le .tpl de la page que vous voulez utiliser.
Dans votre cas, placer-le en haut du fichier cms.tpl disponible dans votre dossier thème.
Bonne continuation.



Oui ça marche dans le cms.tpl ;-) . Vraiment MERCI beaucoup pour cette contrib. Je pense que plein de monde va en profiter

Merci encore

Bonne journée
Link to comment
Share on other sites

Oui j'imagine...
J'en aurai passé du temps à le trouver ce fichu code!!! lol
D'ailleurs, si des âmes charitables veulent faire un ptit don pour inciter ces contributions, ils sont les bienvenues à [email protected] ;-)
Merci et bonne journée!!


Oui avec plaisir ;-)

Par contre je me suis enthousiasmé rapidement , ça fonctionne super avec une image
Mais j'aurais voulu utiliser avec ce code
(lire)



Pour appeller une page cms dans la thickbox. Est ce que mon code est faux ?

Merci

Link to comment
Share on other sites

 cliquez ici



j'utilise ce code dans une fiche produit (product.tpl) et l'appel du cms dans la thickbox fonctionne parfaitement.

Là je pensais qu'une fois le script chargé dans le cms.tpl, c'était bon, mais non suis au point de départ, bon je vais continuer mes recherches


Merci

Link to comment
Share on other sites

  • 5 months later...
  • 3 months later...
  • 7 months later...

Bjr,

J'ai ajouté ceci dans le cms.tpl



// <![CDATA[
   ThickboxI18nImage = 'Image';
   ThickboxI18nOf = 'sur';
   ThickboxI18nClose = 'Fermer';
   ThickboxI18nOrEscKey = '(ou \'Echap\')';
   ThickboxI18nNext = 'Suivant >';
   ThickboxI18nPrev = '< Précédent';
   tb_pathToImage = '{$url}img/loadingAnimation.gif';
//]]>
***pt>

<link href="{$content_dir}css/thickbox.css" rel="stylesheet" type="text/css" media="screen" />

***ript>




Et du coup les ayant la classe thickbox se comportent comme il faut..

PS sc***pt pour s c r i p t

Link to comment
Share on other sites

  • 8 months later...

Bonjour et merci pour la lecture de ce message.

 

Travaux J'ai écrit le code. J'utilise Prestashop 1.4.4.0, ajouter les lignes suivantes à votre cms.tpl, juste après avoir terminé les quelques premières lignes de commentaires:

 

<script type="text/javascript">
// <![CDATA[
ThickboxI18nImage = 'Image';
ThickboxI18nOf = 'sur';
ThickboxI18nClose = 'Fermer';
ThickboxI18nOrEscKey = '(ou \'Echap\')';
ThickboxI18nNext = 'Suivant >';
ThickboxI18nPrev = '< Précédent';
tb_pathToImage = '{$url}img/loadingAnimation.gif';
//]]>
</script>

<link href="{$url}css/thickbox.css" rel="stylesheet" type="text/css" media="screen" />

<script type="text/javascript" src="{$url}js/jquery/thickbox-modified.js"></script>
<script type="text/javascript" src="{$url}js/jquery/jquery.idTabs.modified.js"></script>
<script type="text/javascript" src="{$url}js/jquery/jquery.scrollto.js"></script>
<script type="text/javascript" src="{$url}js/jquery/jquery.serialScroll.js"></script>

<script type="text/javascript" src="{$url}themes/prestashop/js/tools.js"></script>
<script type="text/javascript" src="{$url}themes/prestashop/js/product.js"></script>

 

Et dans l'éditeur de CMS HTML, ajoutez le code suivant:

 

<a class="thickbox shown" title="image" href="http://www.shop.com/27-283-thickbox/imagebig.jpg" rel="other-views"> <img id="thumb_283" src="http://www.shop.com/27-283-medium/image-medium.jpg" alt="image" width="80" height="80" /></a>

 

Petite image apparaît, je clique sur cette image, mais la grande image moi dans une nouvelle fenêtre s'ouvre et affiche l'effet jquery.

 

Merci ^_^

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...