Help: wordpress, show images using flexslider & NextGen gallery

Hi


I am working on WordPress product style theme.


I am using NextGen gallery plugin for adding product images to each product. On front end, I am using FlexSlider to show the image.


My code looks like below:


<section class="slider">

<div id="slider" class="flexslider">

<ul class="slides">

<li><img src="images/mrdz-1.jpg" /></li>

<li><img src="images/mrdz-2.jpg" /></li>

<li><img src="images/mrdz-3.jpg" /></li>

</ul>

</div>

<div id="carousel" class="flexslider">

<ul class="slides">

<li><img src="images/mrdz-1-sm.jpg" /></li>

<li><img src="images/mrdz-2-sm.jpg" /></li>

<li><img src="images/mrdz-3-sm.jpg" /></li>

</ul>

</div>

</section>


Now, the problem is I am not an expert coder, I want to get the “thumbnails” of all images in “slides” underordered list and when you click on any thumb, it will give you preview in “carousel” div.


I don’t know how to get thumbs and images from NextGen gallery to show on page using php and looping the <li> so it works fine.


Could anyone help me on this please?


Thanks

 

Are you using a woocommerce theme? I would recommend using one of those and it will incorporate the images. Someone just posted a free theme on the forums as well. The link is: http://yithemes.com/themes/wordpress/boemia-the-best-wordpress-ecommerce-theme/.

Hope this helps.

 

No I am using a custom designed WordPress theme. Can you help me out pls?

 

for this, first, you have to know that thumbnail of each plugin will have separate way to call it
secondly, why don't you use only flexslider, woocommerce have wordpress plugin that called wordpress flexslider, you can bought it, or just for test, you could search on blackhat forum, they shared a lot