ウオコマースの商品ギャラリー画像を折りたたみ式で表示するには

Question

私はセットアップ用のwoocommerceストアを持っています。私の店では、すべての製品に16以上のギャラリー画像があります。

最初の8ギャラリーの画像を表示したいのですが、下のリンクをクリックして表示してください。このスクリーンショットを参照してください - >http://nimb.ws/2buKoh

この私の要件のために私はGoogleで研究しますが、解決策を見つけることができません。だから誰でも解決策を知って、私を助けてください。

ありがとう、 Ketan。

Answer 1

あなたはあなたの製品ページに移動してクリックし、追加されたコードの後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> 

に）code.Youは（wp_footerを怒鳴るのあなたのテーマオプションには、このjQueryのを追加する必要があり、このjqueryのを試すことができますon 詳細設定を参照してください。これを試してみてください。 ありがとう