[FIX] mobile layout for the section 'Other Customers Purchased:'

website_customer_also_purchased/views/website_customer_purchased.xml

 <?xml version="1.0" encoding="utf-8"?>
 <openerp>
     <data>
-    	<template id="customer_purchased" inherit_id="website_sale.product" customize_show="True" name="Other Customers Purchased">
-		  <xpath expr="//div[@id='product_full_description']" position="after">
+      <template id="customer_purchased" inherit_id="website_sale.product" customize_show="True" name="Other Customers Purchased">
+      <xpath expr="//div[@id='product_full_description']" position="after">
                   <div class="container mt32">
                       <h3>Other Customers Purchased:</h3>
                       <div class='row mt16' style="margin-left: 15px !important;">
-                          <div class="opproducts" data-slick='{"slidesToShow": 6, "slidesToScroll": 6}'>
+                          <div class="opproducts hidden-xs" data-slick='{"slidesToShow": 6, "slidesToScroll": 6}'>
+                          </div>
+                          <div class="opproducts hidden-lg" data-slick='{"slidesToShow": 2, "slidesToScroll": 2}'>
                           </div>
                       </div>
                   </div>
-		  </xpath>
-		</template>
+      </xpath>
+    </template>
     </data>
 </openerp>

website_customer_also_purchased/views/website_customer_purchased_view.xml

@@ -2,12 +2,12 @@
 <openerp>
     <data>
         <template id="customer_purchased_items">
-		          <t t-foreach="products" t-as="purchased_product">
-		              <div class="thumbnail" style='width: 170px; margin-right: 16px;'>
-		                  <div class='mt16 text-center'>
-		                      <span t-field="purchased_product.image_small" t-field-options='{"widget": "image", "class": "img-rounded shadow" }'/>
-		                      <h5>
-		                          <a t-attf-href="/shop/product/#{ slug(purchased_product) }" style="display: block">
+              <t t-foreach="products" t-as="purchased_product">
+                  <div class="thumbnail" style='width: 170px; margin-right: 16px;'>
+                      <div class='mt16 text-center'>
+                          <span t-field="purchased_product.image_small" t-field-options='{"widget": "image", "class": "img-rounded shadow" }'/>
+                          <h5>
+                              <a t-attf-href="/shop/product/#{ slug(purchased_product) }" style="display: block">
                                       <t t-if="len(purchased_product.name) &gt; 40">
                                           <span t-esc='purchased_product.name[:40]+"..."' style="display: block"/>
                                       </t>
@@ -15,8 +15,8 @@
                                           <span t-esc="purchased_product.name" style="display: block"/>
                                           <br/>
                                       </t>
-		                          </a>
-		                      </h5>
+                              </a>
+                          </h5>
                             <t t-set="p_price" t-value="purchased_product.with_context({'partner': user_id.partner_id.id, 'pricelist': user_id.partner_id.property_product_pricelist.id}).price"/>
                               <div itemprop="offers" itemscope="itemscope" itemtype="http://schema.org/Offer" class="product_price" t-if="purchased_product.product_variant_ids">
                                   <b>
@@ -37,9 +37,9 @@
 
                                   </b>
                               </div>
-		                  </div>
-		              </div>
-		          </t>
-		</template>
+                      </div>
+                  </div>
+              </t>
+    </template>
     </data>
 </openerp>