Jump to content

Recommended Posts

salut, aider moi svp, je voudrais désactiver la fenêtre de produit qui s'affiche lorsque je clic sur un miniature d'un produit, au moins je voudrais le désactiver en mode téléphone ou tablette ...

remarque je voudrais que l'option jqZoom sois désactivé:

qqq2.png.0c60e93384071e0b440e050c09fd5b92.png.3556fe817d5a7c12d32ef3b688d2fd6b.png

aaa.thumb.png.47850105aff221574eecf93f15084cd2.png

Share this post


Link to post
Share on other sites

dans le product.tpl de votre thème, supprimez cette partie:

data-fancybox-group="other-views" class="fancybox{if $image.id_image == $cover.id_image} shown{/if}"{/if}

 

Share this post


Link to post
Share on other sites
Il y a 2 heures, Eolia a dit :

dans le product.tpl de votre thème, supprimez cette partie:


data-fancybox-group="other-views" class="fancybox{if $image.id_image == $cover.id_image} shown{/if}"{/if}

 

quand j'enlève cette partie de code, l'image s'affiche en plein écran, et ce que je veux que lorsque je clic sur la miniature rien ne se passe, déja lorsque je survolle l'image de galerie se change donc j'ai pas besoin d'autre action...

aaa.thumb.png.992e95b1ae3c63126ed0a50e382f44a8.png

j'ai déja joué sur cette partie mais sans vain...

je pense que la solution dans ce fichier jquery.fancybox.js , j'ai effacé les classe qui ont une relation avec la fenêtre Fancybox, ça marché mais j'ai constaté que les messages d'erreur ne  s'affiche plus, exemple fenêtre de "produit n'est plus en stock" ou "quantité insuffisant" ....

je dois chercher l’événement clic qui donne l'action de l'afichage de cette fenêtre

je demande votre aide svp

j'ai décompressé le fichier pour vous

jquery.fancybox.js

merciii ❤️

 

Edited by Sarrah (see edit history)

Share this post


Link to post
Share on other sites

oui car si on supprime ces data dans le tpl il faut mettre un format à cette image dans le product.css

Ne touchez pas au fancybox.js vous allez flinguer toutes les fenêtres fancybox du site, il vous suffit plutot de commenter l'appel à la fonction dans le product.js

		if (!contentOnly && !!$.prototype.fancybox) {
			/*$('li:visible .fancybox, .fancybox.shown').fancybox({
				'hideOnContentClick': true,
				'openEffect'    : 'elastic',
				'closeEffect'   : 'elastic'
			});*/
		}

 

Share this post


Link to post
Share on other sites
il y a 13 minutes, Eolia a dit :

oui car si on supprime ces data dans le tpl il faut mettre un format à cette image dans le product.css

Ne touchez pas au fancybox.js vous allez flinguer toutes les fenêtres fancybox du site, il vous suffit plutot de commenter l'appel à la fonction dans le product.js


		if (!contentOnly && !!$.prototype.fancybox) {
			/*$('li:visible .fancybox, .fancybox.shown').fancybox({
				'hideOnContentClick': true,
				'openEffect'    : 'elastic',
				'closeEffect'   : 'elastic'
			});*/
		}

 

même effet que la première solution et le survolle n'ai plus fonctionnait ... je pense que c'est très compliqué car même sur internet personne n'a trouvé une solution je sais pas si on peut contacter directement l'équipe de développeur de Prestashop

je vous remercie beaucoup pour votre aide ❤️

Share this post


Link to post
Share on other sites

Dans product.tpl, trouver ce bloc ou équivalent et le remplacer comme suit (surtout modifier le href existant en data-img et ajouter le javascript::void() et supprimer la classe fancybox)

								<li id="thumbnail_{$image.id_image}"{if $smarty.foreach.thumbnails.last} class="last"{/if}>
									<a{if $jqZoomEnabled && $have_image && !$content_only} href="javascript:void(0);" rel="{literal}{{/literal}gallery: 'gal1', smallimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'large_default')|escape:'html':'UTF-8'}',largeimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html':'UTF-8'}'{literal}}{/literal}"{else} href="javascript:void(0);" data-img="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html':'UTF-8'}"	class="{if $image.id_image == $cover.id_image} shown{/if}"{/if} title="{$imageTitle}">
										<img class="img-responsive" id="thumb_{$image.id_image}" src="{$link->getImageLink($product->link_rewrite, $imageIds, 'cart_default')|escape:'html':'UTF-8'}" alt="{$imageTitle}" title="{$imageTitle}"{if isset($cartSize)} height="{$cartSize.height}" width="{$cartSize.width}"{/if} itemprop="image" />
									</a>
								</li>

et dans product.js, remplacer la fonction displayImage() par celle-ci:

//update display of the large image
function displayImage(domAAroundImgThumb, no_animation)
{
	if (typeof(no_animation) == 'undefined')
		no_animation = false;
	if (domAAroundImgThumb.attr('data-img'))
	{
		var new_src = domAAroundImgThumb.attr('data-img').replace('thickbox', 'large');
		var new_title = domAAroundImgThumb.attr('title');
		var new_href = domAAroundImgThumb.attr('data-img');
		if ($('#bigpic').attr('src') != new_src)
		{
			$('#bigpic').attr({
				'src' : new_src,
				'alt' : new_title,
				'title' : new_title
			}).load(function(){
				if (typeof(jqZoomEnabled) !== 'undefined' && jqZoomEnabled)
					$(this).attr('rel', new_href);
			});
		}
		$('#views_block li a').removeClass('shown');
		$(domAAroundImgThumb).addClass('shown');
	}
}

 

  • Thanks 1

Share this post


Link to post
Share on other sites
Il y a 4 heures, Eolia a dit :

Dans product.tpl, trouver ce bloc ou équivalent et le remplacer comme suit (surtout modifier le href existant en data-img et ajouter le javascript::void() et supprimer la classe fancybox)

et dans product.js, remplacer la fonction displayImage() par celle-ci:

 

Eolia, ça fais plus que 5 jours j'essaye de résoudre ce problème et voila Grasse à toi j'ai réussi à trouver une solution, je voudrais vous remercier énormément Monsieur !

Chapeau bas pour toi :)

❤️ ❤️ ❤️

juste une remarque, au début ça ne marchait pas, après beaucoup des testes, j'ai constaté qu'il y a des points bizarre  qui s'insère lors d'ajout de code

regarde ici:

aaa.thumb.png.6e5ad06a58a95e4e8f0a4413b43ac298.png

alors j'ai réecrit ce code manuellement et comme une miracle ça marché

vraiment merciiiiiiiiiiiiiiiiiiiiiiiiiiii encore une fois ❤️ ❤️ ❤️

Share this post


Link to post
Share on other sites

Je n'ai pas ce souci sur Notepad++, peut être un souci d'encodage ou de copier/coller de ton côté.

  • Like 1

Share this post


Link to post
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...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More