THELIA Forum

Welcome to the THELIA support and discusssion forum

Announcement

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

Offline


Bonjour,

j'apporte encore ma petite pierre à l'edifice smile
comme je te disais manu l'ajax de thelia est très mal gérer , surtout dans l'idée


première chose , le "quick view est inexistant" je vous apporte donc la solution pour faire du quickview dans Thelia pas très compliqué

l'idée du Bootbox() n'est pas bonne car cette librairie limite beaucoup trop les choses
pour cela j'abandonne l'idée et je part sur du Fancybox V2 (ne pas utiliser la V1)
couplet à bootstrap biensure

côté JS il suffit de faire une fonction QuickView .

il faut d'abord définir une action sur le bouton ou lien correspondant à l'appel de la fonction :
[BBCode]$(document).on('click', '.link-quickview', function(e) [/BBCode]
cela permet que si on clique sur un lien ayant la classe "link-quickview" alors ajax sera appeler
dans la fonction il faudra dire :

J'annule l'action du lien en utilisant [BBCode]e.preventDefault();[/BBCode] (cela si on clique ne donnera pas suite)
Ensuite il faut dire à ajax que l'url du lien est contenu dans l'attribut HREF du lien (<a href="") pour cela on fait
[BBCode]var url = this.href;[/BBcode] la variable url = le lien

Une fois cela fait on dit à Ajax d'utiliser FancyBox pour ouvrir une iframe et afficher la page en question (du url)
[BBCode]$.fancybox({
                'padding':  0,
                'width':    1087,
                'height':   610,
                'transitionIn'  :   'elastic',
            'transitionOut' :   'elastic',
                'type':     'iframe',
                'href':     url, [/BBCode]

à partir de là vous aurez un jolie quickview ,
(je vous conseil de faire une page special quickview dans votre template)

ensuite pour faire de l'ajaxtoCart depuis le quickview il suffit de créer la fonction et de faire un afterclose afin de lui dire que quand la fancy box ce ferme c'est que le client à appuyer sur l'ajout au panier grace à un success(),

il vous suffira alors de faire l'appel de /ajax/mini-cart
et de lui dire de faire cette chose la

[BBCode]                  $('.block-cart').fadeOut('slow').load('/ajax/mini-cart').fadeIn("slow");
[/BBCode]


voilà l'idée , bon je travail sur le projet smile  qui est presque fini

donc si manu tu veux que je l'integre au template par default c'est possible pour moi mais cela aura l'effet d'abandonner bootbox du mois pour les appels ajout panier et quickview

je risque de modifier un peut la boucle du module front car certaine chose ne vont pas du tous afin de rendre plus intuitif
du style .... Le produit n'est pas ajouté car pas assez de produit en stock ou faire un addtocart directement et que si on vois que le client n'a pas choisi de déclinaison qu'une petite fancybox s'affiche pour dire Quel déclinaison souhaitez vous ...

cdt
julien

Offline


'width':    1087,
'height':   610,

Du coup, le template n'est plus responsive.


OpenStudio Toulouse

Offline


pas du tous cela sert à simuler un écran grand spectre afin de partir d'une base seine smile il est complétement responsive le fancy se redimensionne si l’écran rapetisse

Offline


cela sert à simuler un écran grand spectre

Qu'es-ce que ça veut dire ?


OpenStudio Toulouse

  • manu
  • faï tot petar miladiu

Offline


les balises BBCode n'existent pas sur ce forum, il faut utiliser tout simplement code.

Je ne sais pas à quoi tu fais référence quand tu parles du "quick view inexistant".

je doute que this.href te retourne une url, this étant un objet jquery dans ton cas.

Bref, je ne comprends pas trop ce que tu as essayé d'améliorer en fait, peut être qu'il faudrait rajouter des images ?


http://doc.thelia.net/
http://thelia.net/modules
http://raynaud.io
PGP public Key : 0xC6E546A6

Offline


oui j'améliore le comportement AJAX de thelia et non pas de THELIA en lui même .

Quand on clique sur un bouton quick view d'un produit :
ajaxcart01.fw.png
Une fois cliquer une jolie fancy qui donne une vue rapide du produit :
ajaxcart02.fw.png
Une fois le produit ajouté la fancy se ferme et ouvre une autre fancy disant ce genre de chose :
ajaxcart03.fw.png

cela est beaucoup plus intuitif par exemple

tu confirme ou pas ?
souhaite tu une adaptation pour le template par default ou pas

à savoir que je change aussi le système ajax dans la fiche produit .... que je rendrait plus intuitif aussi

à savoir que le panier (header) et mise à jour lors de la fermeture de la premiere fancy box .. smile

Offline


vous remarquerez d'ailleurs sur les images que c bien responsive car je demande à la fancy de respecter la taille du documentet de respecter la taille de l'écran de l'utilisateur  :
example :
ajaxcart04.fw.jpg

Last edited by knjeurope (06-06-2014 10:37:52)

  • manu
  • faï tot petar miladiu

Offline


Ah mais le quickview n'existe pas dans notre template, c'est pour ça que je ne comprenais pas...


http://doc.thelia.net/
http://thelia.net/modules
http://raynaud.io
PGP public Key : 0xC6E546A6

Offline


comme se fait t'il que /ajax/addcartmessage ne donne pas la déclinaison du produit ajouté au panier ?