diff --git a/addons/website_sale/views/ecommerce.xml b/addons/website_sale/views/ecommerce.xml
index da8588b7998..4ec8cd8b0cd 100644
--- a/addons/website_sale/views/ecommerce.xml
+++ b/addons/website_sale/views/ecommerce.xml
@@ -74,27 +74,34 @@
                     <t t-set="shop_content">
                         <t t-foreach="products" t-as="product">
                             <t t-set="quantity" t-value="([int(line.product_uom_qty) for line in (order.order_line or []) if line.product_id.id == product.id] + [0])[0]"/>                            
-                            <div class="media oe_product">
-                                <a t-att-href="'/shop/product/%%s' %% product.id"><h4 class="media-heading"><span t-record="product" t-field="name"><t t-esc="product.name"/></span></h4></a>
-                                <a t-att-href="'/shop/product/%%s' %% product.id"><img class="media-object" t-att-src="'data:image/png;base64,' + product.image"/></a>
-                                <div class="oe_ecommerce_description" t-record="product" t-field="description_sale"><t t-esc="product.description_sale"/></div>
-                                <div class="oe_ecommerce_price"><span><span t-record="product" t-field="list_price"><t t-esc="product.list_price"/></span>€</span></div>
-                                <div class="media-body">
-                                    <div class="oe_button_cart">
-                                        <button t-att-class="'btn btn-inverse %%s' %% (not quantity and 'oe_hidden' or '')" t-att-data-id="product.id">Remove one</button>
-                                        <button t-att-class="'btn %%s' %% (quantity and 'btn-success' or 'btn-primary')" t-att-data-id="product.id">
-                                            <span class="oe_txt_empty">Add to cart</span>
-                                            <span class="oe_txt">(<span class="oe_quantity"><t t-esc="quantity"/></span>)</span>
-                                        </button>
-                                    </div>
-                                </div>
-                            </div>
+                            <t t-call="website_sale.product_card"/>
                         </t>
                     </t>
                 </t>
             </field>
         </record>
 
+        <record id="product_card" model="ir.ui.view">
+            <field name="name">product card</field>
+            <field name="type">qweb</field>
+            <field name="arch" type="xml">
+                <div class="media oe_product">
+                    <a t-att-href="'/shop/product/%%s' %% product.id"><h4 class="media-heading"><span t-record="product" t-field="name"><t t-esc="product.name"/></span></h4></a>
+                    <a t-att-href="'/shop/product/%%s' %% product.id"><img class="media-object" t-att-src="'data:image/png;base64,' + product.image"/></a>
+                    <div class="oe_ecommerce_description" t-record="product" t-field="description_sale"><t t-esc="product.description_sale"/></div>
+                    <div class="oe_ecommerce_price"><span><span t-record="product" t-field="list_price"><t t-esc="product.list_price"/></span>€</span></div>
+                    <div class="media-body">
+                        <div class="oe_button_cart">
+                            <button t-att-class="'btn btn-inverse %%s' %% (not quantity and 'oe_hidden' or '')" t-att-data-id="product.id">Remove one</button>
+                            <button t-att-class="'btn %%s' %% (quantity and 'btn-success' or 'btn-primary')" t-att-data-id="product.id">
+                                <span class="oe_txt_empty">Add to cart</span>
+                                <span class="oe_txt">(<span class="oe_quantity"><t t-esc="quantity"/></span>)</span>
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </field>
+        </record>
         <!-- product --> 
 
         <record id="product" model="ir.ui.view">
@@ -127,7 +134,7 @@
                         <t t-foreach="order.order_line or []" t-as="line">
                             <t t-set="product" t-value="line.product_id"/>
                             <t t-set="quantity" t-value="int(line.product_uom_qty)"/>
-                            <t t-call="website_sale.products"/>
+                            <t t-call="website_sale.product_card"/>
                         </t>
                         <t t-call="website_sale.total"/>
                         <a t-if="order.order_line" href="/shop/customer"><button class="btn btn-success">Next stage</button></a>