No, el resultado de eso es esto:
Código PHP:
<div class="recent-projects">
<h4 class="title"><span>Categoria 1</span></h4>
<div class="projects-carousel touch-carousel">
<div class="portfolio-item item">
<div class="portfolio-border">
<div class="portfolio-thumb">
<a class="lightbox" data-lightbox-type="ajax" href="https://vimeo.com/78468485">
<div class="thumb-overlay"><i class="icon-video-1"></i></div>
<img alt="" src="images/portfolio-01.jpg" />
</a>
</div>
<div class="portfolio-details">
<a href="#">
<h4>Producto numero 1</h4>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="recent-projects">
<h4 class="title"><span>Categoria 2</span></h4>
<div class="projects-carousel touch-carousel">
<div class="portfolio-item item">
<div class="portfolio-border">
<div class="portfolio-thumb">
<a class="lightbox" data-lightbox-type="ajax" href="https://vimeo.com/78468485">
<div class="thumb-overlay"><i class="icon-video-1"></i></div>
<img alt="" src="images/portfolio-03.jpg" />
</a>
</div>
<div class="portfolio-details">
<a href="#">
<h4>Producto numero 3</h4>
</a>
</div>
</div>
</div>
</div>
</div>
Cuando debería ser esto:
Código PHP:
<div class="recent-projects">
<h4 class="title"><span>Categoria 1</span></h4>
<div class="projects-carousel touch-carousel">
<!-- INICIA -->
<div class="portfolio-item item">
<div class="portfolio-border">
<!-- Start Project Thumb -->
<div class="portfolio-thumb">
<a class="lightbox" data-lightbox-type="ajax" href="https://vimeo.com/78468485">
<div class="thumb-overlay"><i class="icon-video-1"></i></div>
<img alt="" src="images/portfolio-01.jpg" />
</a>
</div>
<!-- End Project Thumb -->
<!-- Start Project Details -->
<div class="portfolio-details">
<a href="#">
<h4>Producto numero 1</h4>
</a>
</div>
<!-- End Project Details -->
</div>
</div>
<!-- TERMINA -->
</div>
</div>
<div class="recent-projects">
<h4 class="title"><span>Categoria 2</span></h4>
<div class="projects-carousel touch-carousel">
<!-- INICIA -->
<div class="portfolio-item item">
<div class="portfolio-border">
<!-- Start Project Thumb -->
<div class="portfolio-thumb">
<a class="lightbox" data-lightbox-type="ajax" href="https://vimeo.com/78468485">
<div class="thumb-overlay"><i class="icon-video-1"></i></div>
<img alt="" src="images/portfolio-03.jpg" />
</a>
</div>
<!-- End Project Thumb -->
<!-- Start Project Details -->
<div class="portfolio-details">
<a href="#">
<h4>Producto numero 3</h4>
</a>
</div>
<!-- End Project Details -->
</div>
</div>
<!-- TERMINA -->
</div>
</div>
De hecho con tu script no me muestra si en la categoria hay 2 productos dentro. Solo uno por categoria.