Jump to content

Edit History

sparh

sparh

Bonjour
alors c'était surtout pour le dev du module.

L'idée et de proposer la fonction share (quand elle est disponible) pour partager le lien de la fiche produit. Si la fonction share n'est pas disponible on reste sur un simple "copier dans le presse papier".

Au passage on pourrait aussi implémenter cette fonction sur les pages qui permettent d'inviter des "filleuls" (popup et page profil > parrainage)
 

Voilà le fichier original:
 

jQuery(function($){
	var clipboard = new ClipboardJS('#sponsorship_product .btn');
	clipboard.on('success', function(e) {
		$.fancybox.close(true);
	});

	clipboard.on('error', function(e) {
	    $.fancybox.close(true);
	});
});

Mon fichier modié
 

if (navigator.share) {
      // Enable the Web Share API button
      const  shareLink = document.getElementById('link_to_share').textContent;
	  $("#shareButton").text("Partager le lien");
      $(document).on("click", "#shareButton", function(){
        navigator.share({
          title: document.title,
          url: shareLink,
        })
          .then(() => $.fancybox.close(true))//console.log('Shared successfully'))
          .catch((error) => console.error('Sharing failed:', error));
      });
} else {
      // If Web Share API is not supported, keep original
  jQuery(function($){
		var clipboard = new ClipboardJS('#sponsorship_product .btn');
		clipboard.on('success', function(e) {
			$.fancybox.close(true);
		});

		clipboard.on('error', function(e) {
			$.fancybox.close(true);
		});
	});
}

Et voilà ce que ça rend ave un navigateur compatible (si le navigateur n'est pas compatible on garde la même fonctionnalité que le script original) 

 

sparh

sparh

Bonjour
alors c'était surtout pour le dev du module.

L'idée et de proposer la fonction share (quand elle est disponible) pour partager le lien de la fiche produit. Si la fonction share n'est pas disponible on reste sur un simple "copier dans le presse papier".

Au passage on pourrait aussi implémenter cette fonction sur les pages qui permettent d'inviter des "filleuls" (popup et page profil > parrainage)
 

Voilà le fichier original:
 

jQuery(function($){
	var clipboard = new ClipboardJS('#sponsorship_product .btn');
	clipboard.on('success', function(e) {
		$.fancybox.close(true);
	});

	clipboard.on('error', function(e) {
	    $.fancybox.close(true);
	});
});

Mon fichier modié
 

if (navigator.share) {
      // Enable the Web Share API button
      const  shareLink = document.getElementById('link_to_share').textContent;
	  $("#shareButton").text("Partager le lien");
      $(document).on("click", "#shareButton", function(){
        navigator.share({
          title: document.title,
          url: shareLink,
        })
          .then(() => $.fancybox.close(true))//console.log('Shared successfully'))
          .catch((error) => console.error('Sharing failed:', error));
      });
} else {
      // If Web Share API is not supported, hide the button
  jQuery(function($){
		var clipboard = new ClipboardJS('#sponsorship_product .btn');
		clipboard.on('success', function(e) {
			$.fancybox.close(true);
		});

		clipboard.on('error', function(e) {
			$.fancybox.close(true);
		});
	});
}

Et voilà ce que ça rend ave un navigateur compatible (si le navigateur n'est pas compatible on garde la même fonctionnalité que le script original) 

 

sparh

sparh

Bonjour
alors c'était surtout pour le dev du module.

L'idée et de proposer la fonction share (quand elle est disponible) pour partager le lien de la fiche produit. Si la fonction share n'est pas disponible on reste sur un simple "copier dans le presse papier".

Au passage on pourrait aussi implémenter cette fonction sur les page qui permettent d'inviter des "filleuls" (popup et page profil > parrainage)
 

Voilà le fichier original:
 

jQuery(function($){
	var clipboard = new ClipboardJS('#sponsorship_product .btn');
	clipboard.on('success', function(e) {
		$.fancybox.close(true);
	});

	clipboard.on('error', function(e) {
	    $.fancybox.close(true);
	});
});

Mon fichier modié
 

if (navigator.share) {
      // Enable the Web Share API button
      const  shareLink = document.getElementById('link_to_share').textContent;
	  $("#shareButton").text("Partager le lien");
      $(document).on("click", "#shareButton", function(){
        navigator.share({
          title: document.title,
          url: shareLink,
        })
          .then(() => $.fancybox.close(true))//console.log('Shared successfully'))
          .catch((error) => console.error('Sharing failed:', error));
      });
} else {
      // If Web Share API is not supported, hide the button
  jQuery(function($){
		var clipboard = new ClipboardJS('#sponsorship_product .btn');
		clipboard.on('success', function(e) {
			$.fancybox.close(true);
		});

		clipboard.on('error', function(e) {
			$.fancybox.close(true);
		});
	});
}

Et voilà ce que ça rend ave un navigateur compatible (si le navigateur n'est pas compatible on garde la même fonctionnalité que le script original) 

 

sparh

sparh

Bonjour
alors c'était surtout pour le dev du module.

L'idée et de proposer la fonction share (quand elle est disponible) pour partager le lien de la fiche produit. Si la fonction share n'est pas disponible on reste sur un simple "copier dans le presse papier".
 

Voilà le fichier original:
 

jQuery(function($){
	var clipboard = new ClipboardJS('#sponsorship_product .btn');
	clipboard.on('success', function(e) {
		$.fancybox.close(true);
	});

	clipboard.on('error', function(e) {
	    $.fancybox.close(true);
	});
});

Mon fichier modié
 

if (navigator.share) {
      // Enable the Web Share API button
      const  shareLink = document.getElementById('link_to_share').textContent;
	  $("#shareButton").text("Partager le lien");
      $(document).on("click", "#shareButton", function(){
        navigator.share({
          title: document.title,
          url: shareLink,
        })
          .then(() => $.fancybox.close(true))//console.log('Shared successfully'))
          .catch((error) => console.error('Sharing failed:', error));
      });
} else {
      // If Web Share API is not supported, hide the button
  jQuery(function($){
		var clipboard = new ClipboardJS('#sponsorship_product .btn');
		clipboard.on('success', function(e) {
			$.fancybox.close(true);
		});

		clipboard.on('error', function(e) {
			$.fancybox.close(true);
		});
	});
}

Et voilà ce que ça rend ave un navigateur compatible (si le navigateur n'est pas compatible on garde la même fonctionnalité que le script original) 

 

×
×
  • Create New...