THELIA Forum

Welcome to the THELIA support and discusssion forum

Announcement

Rejoignez la communauté sur le Discord Thelia : https://discord.gg/YgwpYEE3y3

Offline

#1 Jqzoom sur thelia 2 ?

(16-07-2014 18:23:51)

Salut, j'ai réussi à intégré ce script sur thelia 1.5.x mais la avec thelia 2, j'ai un peu de mal deja j'ai repéré l'endroit ou le faire (product.html) mais en plaçant une balise href rien ne fonctionne.
Une piste si possible avec ce nouveau langage merci d'avance.

{ifloop rel="image.main"}
                <figure class="product-image"><a href="{$IMAGE_URL}" class="jqzoom" rel='gal1'>
                    {loop type="image" name="image.main" product="{$ID}" width="560" height="445" resize_mode="borders" limit="1"}
                        <img src="{$IMAGE_URL}" alt="{$TITLE}" class="img-responsive" itemprop="image" data-toggle="magnify"></a>
                    {/loop}
                </figure>
                {/ifloop}

Last edited by excs (19-07-2014 08:36:39)

Offline

#2 Re: Jqzoom sur thelia 2 ?

(17-07-2014 10:53:00)

bonjour,

a ma connaissance la derniere version de jqzoom (2.3) n'est pas compatible avec jquery version 2 (utilise par Thelia2)
donc si tu charges bien le script jqzoom, tu devrais avoir une erreur

jqzoom -> utilise $.browser.msie et $.browser.version qui sont obsoletes, il faut reecrire cette partie

dans le code que tu donnes, tu ne charges pas le javascript.........

pour ma part, j'utilise jquery zoom

Offline

#3 Re: Jqzoom sur thelia 2 ?

(18-07-2014 09:59:48)

Salut, et merci pour ta réponse je vais testé le lien que tu as marqué.
Encore merci.
edit: effectivement je n'ai pas marqué le javascript mais pas de soucis je l'ai mis dans le head vue que ce n'est qu'un lien qui pointe sur le javascript c'est pas le plus dur a faire ^^

Last edited by excs (18-07-2014 10:09:56)

Offline

#4 Re: Jqzoom sur thelia 2 ?

(18-07-2014 10:56:03)

excs wrote:

edit: effectivement je n'ai pas marqué le javascript mais pas de soucis je l'ai mis dans le head vue que ce n'est qu'un lien qui pointe sur le javascript c'est pas le plus dur a faire ^^

dans le head de product.html ???
cela ne peut pas fonctionner, vu que jquery sera charge apres

Offline

#5 Re: Jqzoom sur thelia 2 ?

(19-07-2014 08:35:24)

Non pas dans product.html mais dans layout.tpl j'avais deja remarqué que les meta, css etc partait de la. Pourrai tu m'indiquer ou mettre l'appel du javascript et je crois qu'il faut qu'il soit balisé avec le code propre a thelia 2 comme suit:

 <head> 
        {javascripts file='assets/js/jquery.min.js'}
    <script type="text/javascript" src="{$asset_url}"></script>
{/javascripts}
{javascripts file='assets/js/jquery.zoom.js'}
    <script type="text/javascript" src="{$asset_url}"></script>
{/javascripts}
	<script>
		$(document).ready(function(){
			$('#ex1').zoom();
			
		});
	</script>
	
</head>

Mais bon je pense que je dois me tromper quelque part. Les parametres sur $(document) je ne vois pas comment l'écrire.

Last edited by excs (19-07-2014 09:00:48)

Offline

#6 Re: Jqzoom sur thelia 2 ?

(21-07-2014 07:55:41)

dans le fichier layout.tpl
regardes a la fin du fichier

<!-- Custom scripts -->
{javascripts file='assets/js/script.js'}
    <script src="{$asset_url}"></script>
{/javascripts}

tu places tes scripts apres

exemple

{javascripts file='assets/js/plugins/Zoom/jquery.zoom.min.js'}
    <script src="{$asset_url}"></script>
{/javascripts}
<script>
{literal}
(function() {
		$(document).ready(function(){
  			$('.product-image').zoom();
		});
})(jQuery);
{/literal}
</script>

ce code ne fait pas tout smile, il faut passer l'url de la grande image et les thumbnails (si tu as plusieurs images pour un produit)...... je te laisse un peu chercher......
une piste l'url tu l'obtiens par la variable {$ORIGINAL_IMAGE_URL}

l'autre solution plus propre et de mettre tes declarations dans le fichier product.html
mais dans les blocks

{block name="after-javascript-include"}
  {javascripts file='assets/js/plugins/Zoom/jquery.zoom.min.js'}
      <script src="{$asset_url}"></script>
  {/javascripts}
{/block}
{block name="javascript-initialization"}
  {javascripts file='assets/js/zoomInit.js'}
      <script src="{$asset_url}"></script>
  {/javascripts}
{/block}

au moins ton script s'executera que sur la page product

Last edited by zzuutt (21-07-2014 15:18:16)

Offline

#7 Re: Jqzoom sur thelia 2 ?

(21-07-2014 15:38:25)

ok, un grand merci a toi je vais mettre en place tout ça faut que je m habitue a ce nouveau langage pas le choix. Je répondrai pas immédiatement pour dire si j'ai reussis congé oblige donc je dois m'absenter un moment.
Merci encore.

Offline

#8 Re: Jqzoom sur thelia 2 ?

(23-07-2014 20:40:50)

Merci zzuutt pour ces précieuses infos, j'ai essayé le zoom, ça marche nickel, sauf sur le quickview ! Je suppose que ça doit être un problème de JS qui n'est pas rechargé, mais comment dire à Tlelia de recharger le JS à ce moment-là ?

Offline

#9 Re: Jqzoom sur thelia 2 ?

(23-07-2014 21:37:55)

le quickview est chargé dans une bootbox dialog qui ne prend que la partie #product donc ...

        // Product Quick view Dialog
        $(document).on('click.product-quickview', '.product-quickview', function () { 
            if (doAjax) {
                $.get(this.href,
                    function (data) {
                        // Hide all currently active bootbox dialogs
                        bootbox.hideAll();
                        // Show dialog
                        bootbox.dialog({
                            message : $("#product",data),
                            onEscape: function() {
                                bootbox.hideAll();
                            }
                        });
                    }
                ); 
                return false; 
            }
            return;
        });

Offline

#10 Re: Jqzoom sur thelia 2 ?

(24-07-2014 07:50:37)

Merci, j'ai donc rajouté l'appel à zoombox dans #product, ça marche très bien.