Вывести по заданному количеству товаров в блок

#
Вывести по заданному количеству товаров в блок
Добрый день. Мне необходимо вывести по 4-е товара в блок. Вот пример:

            <div id="content_items_line">
               <div class="content_item">
                   <img src="images/example.jpg" alt="" width="169" height="88" />
                    <p><a href="#" class="item_title">Audi Q7 2003-2010</a><br />
                     <span class="code">446-1126MLEMN2</span></p>
                 </div>
               <div class="content_item">
                   <img src="images/example.jpg" alt="" width="169" height="88" />
                    <p><a href="#" class="item_title">Audi Q7 2003-2010</a><br />
                     <span class="code">446-1126MLEMN2</span></p>
                 </div>
               <div class="content_item">
                   <img src="images/example.jpg" alt="" width="169" height="88" />
                    <p><a href="#" class="item_title">Audi Q7 2003-2010</a><br />
                     <span class="code">446-1126MLEMN2</span></p>
                 </div>
               <div class="content_item">
                   <img src="images/example.jpg" alt="" width="169" height="88" />
                    <p><a href="#" class="item_title">Audi Q7 2003-2010</a><br />
                     <span class="code">446-1126MLEMN2</span></p>
                 </div>
                <div class="clear"></div>
            </div>
           <div id="content_items_line">
               <div class="content_item">
                   <img src="images/example.jpg" alt="" width="169" height="88" />
                    <p><a href="#" class="item_title">Audi Q7 2003-2010</a><br />
                     <span class="code">446-1126MLEMN2</span></p>
                 </div>
               <div class="content_item">
                   <img src="images/example.jpg" alt="" width="169" height="88" />
                    <p><a href="#" class="item_title">Audi Q7 2003-2010</a><br />
                     <span class="code">446-1126MLEMN2</span></p>
                 </div>
               <div class="content_item">
                   <img src="images/example.jpg" alt="" width="169" height="88" />
                    <p><a href="#" class="item_title">Audi Q7 2003-2010</a><br />
                     <span class="code">446-1126MLEMN2</span></p>
                 </div>
               <div class="content_item">
                   <img src="images/example.jpg" alt="" width="169" height="88" />
                    <p><a href="#" class="item_title">Audi Q7 2003-2010</a><br />
                     <span class="code">446-1126MLEMN2</span></p>
                 </div>
                <div class="clear"></div>
            </div>


Как необходимо доработать шаблон, чтобы каждые 4-е товара оборачивались в <div id="content_items_line">?

Вот код шаблона:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE xsl:stylesheet>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
   <xsl:output xmlns="http://www.w3.org/TR/xhtml1/strict" doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN" encoding="utf-8" indent="yes" method="html" omit-xml-declaration="no" version="1.0" media-type="text/xml"/>
   
   <!-- МагазинКаталогТоваровНаГлавнойСпецПред -->
   <xsl:template match="/">
      <xsl:apply-templates select="/shop"/>
   </xsl:template>
   
   <!-- Шаблон для магазина -->
   <xsl:template match="/shop">
      <!-- Есть товары -->
      <xsl:if test="item">
         <!-- Выводим товары магазина -->
         <xsl:apply-templates select="item"/>
      </xsl:if>
   </xsl:template>
   
   <!-- Шаблон для товара -->
   <xsl:template match="item">
      <div class="content_item">
         <!-- Изображение для товара, если есть -->
         <xsl:if test="small_image!=''">
            <a href="{/shop/path}{fullpath}{path}/">
               <img src="{small_image}" class="image" />
            </a>
         </xsl:if>
         <!-- Название товара -->
         <p><a href="{/shop/path}{fullpath}{path}/" class="item_title">
               <xsl:value-of disable-output-escaping="yes" select="name"/>
            </a><br />
         <span class="code">446-1126MLEMN2</span></p>
      </div>
      
      <!-- На строку - не более 4-х пунктов, если уже 4 выведено - начинаем новую строку -->
      <xsl:if test="position() mod 4 = 0 and position() != last()">
         <div class="clear"></div>
      </xsl:if>
   </xsl:template>
</xsl:stylesheet>
#
Re: Вывести по заданному количеству товаров в блок
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE xsl:stylesheet>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
   <xsl:output xmlns="http://www.w3.org/TR/xhtml1/strict" doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN" encoding="utf-8" indent="yes" method="html" omit-xml-declaration="no" version="1.0" media-type="text/xml"/>
  
   <!-- МагазинКаталогТоваровНаГлавнойСпецПред -->
   <xsl:template match="/">
      <xsl:apply-templates select="/shop"/>
   </xsl:template>
  
   <!-- Шаблон для магазина -->
   <xsl:template match="/shop">
      <!-- Есть товары -->
      <xsl:if test="item">
         <!-- Выводим товары магазина -->
<div id="content_items_line">
         <xsl:apply-templates select="item"/>
</div>
      </xsl:if>
   </xsl:template>
  
   <!-- Шаблон для товара -->
   <xsl:template match="item">
      <div class="content_item">
         <!-- Изображение для товара, если есть -->
         <xsl:if test="small_image!=''">
            <a href="{/shop/path}{fullpath}{path}/">
               <img src="{small_image}" class="image" />
            </a>
         </xsl:if>
         <!-- Название товара -->
         <p><a href="{/shop/path}{fullpath}{path}/" class="item_title">
               <xsl:value-of disable-output-escaping="yes" select="name"/>
            </a><br />
         <span class="code">446-1126MLEMN2</span></p>
      </div>
      
      <!-- На строку - не более 4-х пунктов, если уже 4 выведено - начинаем новую строку -->
      <xsl:if test="position() mod 4 = 0 and position() != last()">
            <xsl:text disable-output-escaping="yes">
      &lt;/div&gt;
      &lt;div id="content_items_line"&gt;
   </xsl:text>
      </xsl:if>
   </xsl:template>
</xsl:stylesheet>


id это уникальньный аттрибут, нельзя использовать несколько раз одинаковый id
лучше заменить на class
#
Re: Вывести по заданному количеству товаров в блок
h4mpy, спасибо!

Авторизация