Jump to content

désactiver Fancybox

Sarrah
 Share

Recommended Posts

Sarrah Apprentice

Sarrah

Posted
Posted

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

Link to comment
Share on other sites
Sarrah Apprentice

Sarrah

Posted
  • Author
Posted (edited)
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)
Link to comment
Share on other sites
Eolia Grand Master

Eolia

Posted
Posted

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'
			});*/
		}

 

Link to comment
Share on other sites
Sarrah Apprentice

Sarrah

Posted
  • Author
Posted
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 ❤️

Link to comment
Share on other sites
Eolia Grand Master

Eolia

Posted
Posted

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
Link to comment
Share on other sites
Sarrah Apprentice

Sarrah

Posted
  • Author
Posted
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 ❤️ ❤️ ❤️

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
 Share
Go to topic listing
×
×
  • Create New...