Ajouter la possibilité de POPUP sur image dans CMS Prestashop
By Fran6t on samedi, 20 mars 2010, 17:50 - Prestashop - Permalink
Pour notre boutique de vente de cartouches d'encre au profit de la recherche sur les maladies rares j'ai eu besoins dans les pages qui peuvent être créées par le biais de l'administration de la boutique du système de POPUP lors du clique sur une miniature d'image.
Petite précision mais d'importance la boutique est motorisée par PRESTASHOP qui est un super système de boutique en ligne relativement facile à mettre en oeuvre.
Je me suis donc inspiré du fils de discussion du Forum Prestashop et j'ai donc effectué ces petites modifications :
- Dans le fichier cms.php juste avant la ligne de code include(dirname(FILE).'/header.php'); j'ai ajouté :
$css_files = array('http://www.consommable-cartouche-encre.info/'.PS_BASE_URI.'css/thickbox.css' => 'all');
$js_files = array('http://www.consommable-cartouche-encre.info/'.PS_BASE_URI.'js/jquery/thickbox-modified.js');
- Dans le fichier cms.tpl j'ai ajouté en tout début :
{include file=$tpl_dir./thickbox.tpl}
- Pensez ensuite à mettre dans vos liens les bons attributs comme par exemple (la class shown permet d'enclancher le mécanisme de zoom et l'atribut rel other-views permet d'afficher une suite d'image) :
<a class="shown" rel="other-views" title="Txt qui apparait en légende de la photo"href="Lien vers la photo en gransd format"><img src="Lien vers la miniature de la photo" alt="Legende pour l'image"></a>
Le résultat est visible sur notre boutique de vente cartouches et toners d'impression en ligne.
Commentaires
Bonjour,
sujet très intéressante, je cherche à faire la même chose, malheureusement tes images ne s'affiche pas dans thickbox mais bel et bien dans une nouvelle page du navigateur sur le site "vente de cartouche..." , et j'ai moi aussi le m^me problème sur le site que je prépare... si quelqu'un a une idée ?
merci
sebpolok
Mince tu as raison, mais ce n'est pas du a ce que je présente ici dans le billet, mais au fait que j'ai mis à jour prestashop et que maintenant il doit manquer quelque chose. Je me penche sur ce problème quand j'aurais une minute.
En regardant vite fait je vois déjà que dans le source il n'y a plus la ligne concernant la feuille de style thickbox.css. Quand j'ai fais la mise à jour cela a surement écrasé cms.php par une nouvelle version.
ok, tiens moi au courant car en suivant l'article et en rajoutant le code comme indiqué cela ne fonctionne pas de mon coté...
on se tiens au jus
De mon côté il suffirait de placer l'attribut : class="thickbox" dans la balise <a href=...> des images
malheureusement l’éditeur des pages cms supprime l'attribut class lors de l'enregistrement, du coup, pour l'instant, à part insérer l'attribut class directement dans la base de donnée...
J'ai trouvé !
vu que l'editeur est "bloquant" au niveau de la balise "a", je place mon attribut classe (class="thickbox") dans un div qui contient mon image.
Ensuite je vais dans le fichier thickbox-modified.js (js/jquery/)
A la ligne 14 nous avons :
$(document).ready(function(){tb_init('a.thickbox, area.thickbox, input.thickbox)
que je modifie par :
$(document).ready(function(){tb_init('a.thickbox, area.thickbox, input.thickbox, div.thickbox a')
grace à cette modif je lui dit de lancer la fonction thickbox non seulement pour le balise a, area, input qui ont des classes thickbox mais aussi pour pour des div qui on la classe thickbox et qui contiennent une img.
Le script de tickbox est donc bien lancé et va chercher le lien href contient dans la balise "a" .
voilou,
cela fonctionne chez moi, je ne pense pas qu'il y d'effet secondaire (à vérifier).
Superb images, the colour and depth of the photos are breath-taking, they draw you
in as though you belong of the make-up.
This design is incredible! You certainly know how to keep a reader
amused. Between your wit and your videos, I was almost moved to start my own blog (well, almost...HaHa!) Wonderful job.
I really loved what you had to say, and more than that, how you presented it.
Too cool!
Sunwin là cổng game bài ma cao đẳng cấp số 1 Việt Nam sự lựa chọn hoàn hảo cho cược thủ đam mê bộ môn thể thao đổi thưởng
https://cgvietnam.com/
Se importa ѕe eu citar ᥙm alguns ɗe sеu artigos enquanto eu fornecer crédito е fontes de volta parɑ seu blog?
Mеu blog é no exatamente о mesmo nicho comߋ o seu е meu visitantes teria certamente beneficiar mսitos o informações você
fornecer ɑqᥙi. Por favor me avise ѕe ｅste certo com você.
Obrigado !
Eu sou verdadeiramente feliz parɑ ler іsto site
postos ԛue inclui toneladas ɗe útil dados , obrigado рor fornecer tais informaçõｅs .
Este site foi... c᧐mo dіzê-lo? Relevantes!!!! Finalmente achei
аlgo que me ajudou. Muito obrigado !
Uau, isso fօі incomum. Ꭼu ѕó escrevi um extremamente longo comentário, mаs depois que eu cliquei enviar mеu comentário não aparecer .
Grrrr... Ᏼem eu não estou escrevendo tudo isso ԁе novo.
quɑlquer forma , ѕó queria diᴢer grande blog!
Olá Sei que é tipo de forа-tópico mas tive para perguntar.
Faｚ executando um bem-estabelecida site tais сomo ѕeᥙ exigem um
grande quantidade ⅾe trabalhar? Eᥙ sou novo pɑra executando սm blog mаs
eu escrevo meu diário diária . Eᥙ gostaria de cоmeçɑr սm blog entã᧐ еu
será capaz de compartilhar mеu experiência е pensamentos on-line.
Poг favor, deixe-me sɑber ѕe você tеm qualquer tipo ɗe
Recomendaçõеs ou dicas para novo aspirante blog proprietários.
Apreciá-ⅼ᧐ !
Eu sou extremamente impressionado ｃom suas habilidades ⅾｅ escrita е também ⅽom ᧐ layout de ѕeu blog .
Ꭼste é um tema pago оu você modificar é você mеsmo?
Enfim acompanhar о excelente escrevendo ϲom qualidade, tеm raro
vеr um grande blog ϲomo este estes dias .
It's impressive that you are getting ideas from this article as well as from our argument made at this time.
Hello there! Do you know if they make any plugins to safeguard against
hackers? I'm kinda paranoid about losing everything I've worked hard on. Any suggestions?
Intéressant retour sur l’ajout d’un popup “thickbox” dans les pages CMS Prestashop : simple, mais efficace si on place bien les includes CSS/JS et le {include} dans cms.tpl. Le rappel sur les attributs class="shown" et rel="other-views" est crucial pour que le zoom et la galerie fonctionnent. Ça me fait penser à l’expérience fluide de Snow Rider 3D
: tout repose sur de petits détails.
References:
What is a steroid hormone definition
References:
Bodybuilding and steroids
References:
Best steroid cycle
References:
Why are anabolic steroids dangerous
References:
Gesunde Fette Testosteron
References:
What effect can the use of steroids have on men
References:
Steroid for bodybuilding side effects
References:
Online roids
References:
Steroid stacks and cycles
References:
Steroids on line
References:
Steroids for speed
References:
Street name for anabolic steroids
References:
Best steroids for football
References:
Vegas slots online
I think I get the gist - you're working with a shop powered by POPUP and need help adding ink drop details for rare disease research when someone clicks an image thumbnail? I had a similar issue customizing product pages once, solved it by adding a custom field via the CMS and then displaying it with PHP. But you're talking about a popup. Is there a way to insert javascript for the popup? I'm just getting started with this, especially Geoguessr Free.