2017-09-09 5 views
-1

J'ai installé woocommerce store. Dans mon magasin, chaque produit a plus de 16 images de galerie. Donc, je veux montrer d'abord 8 images galerie puis ci-dessous montrent un lien "Voir plus de configuration de l'échantillon" sur le travail de l'événement pliable de clic, puis ci-dessous montrent une autre 8 images galerie. Voir cette capture d'écran ->http://nimb.ws/2buKohComment afficher Woocommerce image de la galerie de produits en démontable

Pour cela mes exigences je fais des recherches sur google mais ne trouve pas de solutions. Donc, quelqu'un sait des solutions alors s'il vous plaît aidez-moi.

Merci, Kétan.

+0

Veuillez lire [Combien d'effort de recherche est attendu des utilisateurs de Stack Overflow] (https://meta.stackoverflow.com/questions/261592/how-much-research-effort-is-expected-of-stack- débordement-utilisateurs). Stack Overflow n'est pas un service d'écriture de code. Avant de poster, vous devez rechercher votre problème et *** faire un bon essai pour écrire le code vous-même ***. Si vous êtes bloqué sur quelque chose * spécifique *, revenez et incluez *** un résumé de ce que vous avez essayé et du code approprié dans un [Exemple minimal, complet et vérifiable] (https://stackoverflow.com/help/ mcve) ***. – FluffyKitten

Répondre

0

Vous pouvez essayer cette jquery code.You besoin d'ajouter cette jQuery dans votre option de thème ci-dessous la wp_footer() dans footer.php

<script type="application/javascript"> 
jQuery(document).ready(function() { 
    jQuery('.images').append('<div id="loadMore">See more sample configuration</div><div id="showLess">Hide</div>'); 
    jQuery(".thumbnails a").hide(); 

    size_li = jQuery(".thumbnails a").size(); 
    x=3; 
    jQuery('.thumbnails a:lt('+x+')').show(); 
    jQuery('#loadMore').click(function() { 
     x= (x+5 <= size_li) ? x+3 : size_li; 
     jQuery('.thumbnails a:lt('+x+')').show(); 
    }); 
    jQuery('#showLess').click(function() { 
     x=(x-5<0) ? 3 : x-3; 
     jQuery('.thumbnails a').not(':lt('+x+')').hide(); 
    }); 
}); 
</script> 

après ajouté le code, accédez à votre page de produit et cliquez sur sur Voir plus de configuration d'échantillon. Essayez ceci alors faites-moi savoir le résultat. Merci

+0

Merci pour votre replay mais désolé code ci-dessus ne fonctionne pas sur le thème de la boutique en ligne avant woocommerce. – Ketan