title: Looping Product attributes in Prestashop
body: <p>I'm currently looking some shopping cart theme code for <code>Prestashop 1.6.0.14</code>, and struggling a bit with its construction. See this code:</p>
  
  <pre><code>&lt;td class="cart_description"&gt;
       &lt;div class="narrow-screen"&gt;{l s='Description'}&lt;/div&gt;
          &lt;div class="floatL"&gt;
          {capture name=sep} : {/capture}
          {capture}{l s=' : '}{/capture}
              &lt;p class="product-name"&gt;&lt;a href="{$link-&gt;getProductLink($product.id_product, $product.link_rewrite, $product.category, null, null, $product.id_shop, $product.id_product_attribute)|escape:'html':'UTF-8'}"&gt;{$product.name|escape:'html':'UTF-8'}&lt;/a&gt;&lt;/p&gt;
              {if $product.reference}&lt;small class="cart_ref"&gt;{l s='SKU'}{$smarty.capture.default}{$product.reference|escape:'html':'UTF-8'}&lt;/small&gt;{/if}
              {if isset($product.attributes) &amp;&amp; $product.attributes}&lt;small&gt;&lt;a href="{$link-&gt;getProductLink($product.id_product, $product.link_rewrite, $product.category, null, null, $product.id_shop, $product.id_product_attribute)|escape:'html':'UTF-8'}"&gt;{$product.attributes|escape:'html':'UTF-8'}&lt;/a&gt;&lt;/small&gt;{/if}
          &lt;div&gt;
      &lt;/td&gt;
  </code></pre>
  
  <p>The code currently display product attributes in a rather bulky unreadable fashion. <a href="http://snag.gy/o6jLo.jpg" rel="nofollow">Please observe this image</a>.</p>
  
  <p>What I would like, is to take each set of attributes and show the line by line.</p>
  
  <ul>
  <li>Color: Red </li>
  <li>Version: Advanced </li>
  <li>Width: 1 meter </li>
  <li>Height: 1 meter</li>
  </ul>
  
  <p>But I can't seem to work our a way to loop through the attributes one by one with my limited knowledge of Prestashop classes. </p>
  
  <p>Thanks for your time and help</p>