addons/website_sale/views/templates.xml

   1 <?xml version="1.0" encoding="utf-8"?>
   2 <openerp>
   3 <data>
   4
   5 <!-- Layout and common templates -->
   6
   7 <template id="assets_frontend" inherit_id="website.assets_frontend" name="Shop">
   8   <xpath expr="." position="inside">
   9       <link rel='stylesheet' href='/website_sale/static/src/css/website_sale.css'/>
  10       <link rel='stylesheet' href='/website_sale/static/src/css/website_mail.css'/>
  11       <script type="text/javascript" src="/website_sale/static/src/js/website_sale.js"></script>
  12       <script type="text/javascript" src="/website_sale/static/src/js/website_sale_payment.js"></script>
  13       <script type="text/javascript" src="/website_sale/static/src/js/website_sale_validate.js"></script>
  14       <script type="text/javascript" src="/website_sale/static/src/js/website_sale_tour_buy.js"></script>
  15   </xpath>
  16 </template>
  17
  18 <template id="assets_editor" inherit_id="website.assets_editor" name="Shop Editor" groups="base.group_sale_manager">
  19   <xpath expr="." position="inside">
  20       <script type="text/javascript" src="/website_sale/static/src/js/website_sale.editor.js"></script>
  21       <script type="text/javascript" src="/website_sale/static/src/js/website_sale_tour_shop.js"></script>
  22   </xpath>
  23 </template>
  24
  25 <template id="header" inherit_id="website.layout" name="Header Shop My Cart Link">
  26   <xpath expr="//header//ul[@id='top_menu']/li" position="before">
  27       <t t-set="website_sale_order" t-value="website.sale_get_order()"/>
  28       <li t-att-class="'' if website_sale_order and website_sale_order.cart_quantity else 'hidden'">
  29           <a href="/shop/cart">
  30               <i class="fa fa-shopping-cart"></i>
  31               My cart <sup t-attf-class="my_cart_quantity label label-primary" t-esc="website_sale_order and website_sale_order.cart_quantity or ''"/>
  32           </a>
  33       </li>
  34   </xpath>
  35 </template>
  36
  37 <template id="search" name="Search hidden fields">
  38   <form t-att-action="keep('/shop'+ ('/category/'+slug(category)) if category else '', search=0)" method="get" t-att-class="search_class">
  39
  40     <t t-if="attrib_values">
  41       <t t-foreach="attrib_values" t-as="a">
  42         <input type="hidden" name="attrib" t-att-value="'%s-%s' % (a[0], a[1])"/>
  43       </t>
  44     </t>
  45     <div class="input-group">
  46       <input type="text" name="search" class="search-query form-control" placeholder="Search..." t-att-value="search"/>
  47       <span class="input-group-btn">
  48         <a class="btn btn-default a-submit"><i class="fa fa-search"/></a>
  49       </span>
  50   </div>
  51
  52   </form>
  53 </template>
  54
  55 <template id="404">
  56   <t t-call="website.layout">
  57       <div id="wrap">
  58           <div class="oe_structure oe_empty">
  59               <div class="container">
  60                   <h1 class="mt32">Product not found!</h1>
  61                   <p>Sorry, this product is not available anymore.</p>
  62                   <p><a t-attf-href="/shop">Return to the product list.</a></p>
  63               </div>
  64           </div>
  65       </div>
  66   </t>
  67 </template>
  68
  69 <!-- Product item used by /shop and /shop/cart -->
  70
  71 <template id="products_item" name="Product item">
  72   <form action="/shop/cart/update" method="post" style="display: inline-block;">
  73   <div itemscope="itemscope" itemtype="http://schema.org/Product">
  74   <div class="ribbon-wrapper">
  75     <div class="ribbon btn btn-danger">Sale</div>
  76   </div>
  77   <div class="oe_product_image">
  78       <a itemprop="url" t-att-href="keep('/shop/product/%s' % slug(product), page=(pager['page']['num'] if pager['page']['num']>1 else None))">
  79           <img itemprop="image" class="img img-responsive" t-attf-src="/website/image/product.template/#{product.id}/image{{'' if product_image_big else '/300x300' }}"/>
  80       </a>
  81   </div>
  82   <section>
  83       <h5><strong><a itemprop="name" t-att-href="keep('/shop/product/%s' % slug(product), page=(pager['page']['num'] if pager['page']['num']>1 else None))" t-field="product.name"/></strong></h5>
  84       <div itemprop="offers" itemscope="itemscope" itemtype="http://schema.org/Offer" class="product_price" t-if="product.product_variant_ids">
  85           <b>
  86               <t t-if="(compute_currency(product.lst_price) - product.price) &gt; 0.1">
  87                 <del class="text-danger" style="white-space: nowrap;" t-field="product.lst_price" t-field-options='{
  88                   "widget": "monetary",
  89                   "from_currency": "website.currency_id",
  90                   "display_currency": "user_id.partner_id.property_product_pricelist.currency_id"
  91                 }'/>&amp;nbsp;
  92               </t>
  93               <span t-field="product.price" style="white-space: nowrap;"  t-field-options='{
  94                    "widget": "monetary",
  95                    "display_currency": "user_id.partner_id.property_product_pricelist.currency_id"
  96                }'>
  97               </span>
  98               <span itemprop="price" style="display:none;" t-esc="product.price"/>
  99               <span itemprop="priceCurrency" style="display:none;" t-esc="user_id.partner_id.property_product_pricelist.currency_id.name"/>
 100           </b>
 101       </div>
 102   </section>
 103   </div>
 104   </form>
 105 </template>
 106
 107 <template id="products_description" inherit_id="website_sale.products_item" active="False" customize_show="True" name="Product Description">
 108   <xpath expr="//div[@class='product_price']" position="before">
 109       <div class="text-info oe_subdescription" contenteditable="false">
 110         <div itemprop="description" t-field="product.description_sale"></div>
 111       </div>
 112   </xpath>
 113 </template>
 114
 115 <template id="products_add_to_cart" inherit_id="website_sale.products_item" active="False" customize_show="True" name="Add to Cart">
 116   <xpath expr="//div[@class='product_price']" position="inside">
 117     <input name="product_id" t-att-value="product.product_variant_ids[0].id" type="hidden"/>
 118     <a class="btn btn-default btn-xs fa fa-shopping-cart a-submit"/>
 119   </xpath>
 120 </template>
 121
 122 <!-- /shop product listing -->
 123
 124 <template id="products" name="Products">
 125   <t t-call="website.layout">
 126       <!--t t-set="head">
 127           <t t-call="web.jqueryui_conflict">
 128             <script type="text/javascript" src="/web/static/lib/jquery.ui/js/jquery-ui-1.9.1.custom.js"></script>
 129           </t>
 130           <link rel='stylesheet' href="/web/static/lib/jquery.ui/css/smoothness/jquery-ui-1.9.1.custom.css"/>
 131           <t t-raw="head or ''"/>
 132       </t-->
 133       <t t-set="additional_title">Shop</t>
 134       <div id="wrap" class="js_sale">
 135         <div class="oe_structure"/>
 136         <div class="container oe_website_sale">
 137           <div class="products_pager">
 138             <div class="row" style="width: 100%;">
 139               <t t-call="website_sale.search"><t t-set="search_class">pagination form-inline col-md-3</t></t>
 140               <t t-call="website.pager"/>
 141             </div>
 142           </div>
 143           <div class='row'>
 144             <div class="hidden" id="products_grid_before"></div>
 145             <div class="col-md-12" id="products_grid">
 146               <table width="100%">
 147                 <tbody>
 148                   <tr t-ignore="true">
 149                     <td t-foreach="range(0,rows)" t-as="row" t-attf-width="#{100/rows}%"></td>
 150                   </tr>
 151                   <tr t-foreach="bins" t-as="tr_product">
 152                     <t t-foreach="tr_product" t-as="td_product">
 153                       <t t-if="td_product">
 154                       <t t-set="product" t-value="td_product['product']"/>
 155                       <td t-att-colspan="td_product['x'] != 1 and td_product['x']"
 156                           t-att-rowspan="td_product['y'] != 1 and td_product['y']"
 157                           t-attf-class="oe_product oe_grid oe-height-#{td_product['y']*2} #{ td_product['class'] }">
 158
 159                           <div class="oe_product_cart" t-att-data-publish="product.website_published and 'on' or 'off'">
 160                             <t t-set="product_image_big" t-value="td_product['x']+td_product['y'] > 2"/>
 161                             <t t-call="website_sale.products_item"/>
 162                           </div>
 163
 164                       </td>
 165                       </t>
 166                       <td t-if="not td_product" class="oe-height-2"/>
 167                     </t>
 168                   </tr>
 169                 </tbody>
 170               </table>
 171               <t t-if="not bins">
 172                 <div class="text-center text-muted">
 173                   <h3 class="css_editable_display">No product defined.</h3>
 174                   <t groups="base.group_website_publisher">
 175                     <p groups="base.group_sale_manager">Use the <i>'Content'</i> top menu to create a new product.</p>
 176                   </t>
 177                 </div>
 178               </t>
 179             </div>
 180           </div>
 181           <div class="products_pager">
 182               <t t-call="website.pager"/>
 183           </div>
 184         </div>
 185         <div class="oe_structure mb32"/>
 186       </div>
 187   </t>
 188 </template>
 189
 190 <!-- Add to cart button-->
 191
 192 <template id="categories_recursive" name="Category list">
 193   <li t-att-class="'active' if c.id == int(category or 0) else ''">
 194       <a t-att-href="keep('/shop/category/' + slug(c), category=0)" t-field="c.name"></a>
 195       <ul t-if="c.child_id" class="nav nav-pills nav-stacked nav-hierarchy">
 196           <t t-foreach="c.child_id" t-as="c">
 197               <t t-call="website_sale.categories_recursive"/>
 198           </t>
 199       </ul>
 200   </li>
 201 </template>
 202
 203 <template id="products_categories" inherit_id="website_sale.products" active="False" customize_show="True" name="Product Categories">
 204   <xpath expr="//div[@id='products_grid_before']" position="inside">
 205       <ul class="nav nav-pills nav-stacked mt16">
 206           <li t-att-class=" '' if category else 'active' "><a t-att-href="keep('/shop',category=0)">All Products</a></li>
 207           <t t-foreach="categories" t-as="c">
 208               <t t-call="website_sale.categories_recursive"/>
 209           </t>
 210       </ul>
 211   </xpath>
 212   <xpath expr="//div[@id='products_grid_before']" position="attributes">
 213       <attribute name="class">col-md-3 hidden-xs</attribute>
 214   </xpath>
 215   <xpath expr="//div[@id='products_grid']" position="attributes">
 216       <attribute name="class">col-md-9</attribute>
 217   </xpath>
 218 </template>
 219
 220 <template id="products_attributes" inherit_id="website_sale.products" active="False" customize_show="True" name="Product Attribute's Filters">
 221   <xpath expr="//div[@id='products_grid_before']" position="inside">
 222       <form class="js_attributes" method="get">
 223           <input type="hidden" name="search" t-att-value="search"/>
 224           <ul class="nav nav-pills nav-stacked mt16">
 225               <t t-foreach="attributes" t-as="a">
 226                 <t t-if="a.type != 'hidden'">
 227                   <li t-if="a.value_ids and len(a.value_ids) > 1">
 228                       <div><strong t-field="a.name"/></div>
 229                       <t t-if="a.type == 'select'">
 230                         <select class="form-control" name="attrib">
 231                           <option value=""/>
 232                           <t t-foreach="a.value_ids" t-as="v">
 233                             <option t-att-value="'%s-%s' % (a.id,v.id)" t-esc="v.name" t-att-selected="'selected' if v.id in attrib_set else ''"/>
 234                           </t>
 235                         </select>
 236                       </t>
 237                       <t t-if="a.type == 'radio'">
 238                         <ul class="nav nav-pills nav-stacked">
 239                             <t t-foreach="a.value_ids" t-as="v">
 240                                 <li t-att-class="'active' if v.id in attrib_set else ''">
 241                                     <label style="margin: 0 20px;">
 242                                         <input type="checkbox" name="attrib" t-att-value="'%s-%s' % (a.id,v.id)" t-att-checked="'checked' if v.id in attrib_set else ''"/>
 243                                         <span style="font-weight: normal" t-field="v.name"/>
 244                                     </label>
 245                                 </li>
 246                             </t>
 247                         </ul>
 248                       </t>
 249                       <t t-if="a.type == 'color'">
 250                         <t t-foreach="a.value_ids" t-as="v">
 251                           <label t-attf-style="background-color:#{v.color or v.name}"
 252                               t-attf-class="css_attribute_color #{'active' if v.id in attrib_set else ''}">
 253                               <input type="checkbox"
 254                                   name="attrib"
 255                                   t-att-value="'%s-%s' % (a.id,v.id)"
 256                                   t-att-checked="'checked' if v.id in attrib_set else ''"
 257                                   t-att-title="v.name"/>
 258                           </label>
 259                         </t>
 260                       </t>
 261                   </li>
 262                 </t>
 263               </t>
 264           </ul>
 265       </form>
 266   </xpath>
 267   <xpath expr="//div[@id='products_grid_before']" position="attributes">
 268       <attribute name="class">col-md-3 hidden-xs</attribute>
 269   </xpath>
 270   <xpath expr="//div[@id='products_grid']" position="attributes">
 271       <attribute name="class">col-md-9</attribute>
 272   </xpath>
 273 </template>
 274
 275 <template id="products_list_view" inherit_id="website_sale.products" active="False" customize_show="True" name="List View">
 276   <xpath expr="//div[@id='products_grid']//table" position="replace">
 277     <t t-foreach="products" t-as="product">
 278       <div class="oe_product oe_list oe_product_cart" t-att-data-publish="product.website_published and 'on' or 'off'">
 279         <t t-call="website_sale.products_item"/>
 280       </div>
 281     </t>
 282   </xpath>
 283 </template>
 284
 285 <!-- /shop/product product page -->
 286
 287 <template id="product" name="Product">
 288   <t t-call="website.layout">
 289           <script type="text/javascript" src="/website_sale/static/src/js/website_sale_tracking.js"></script>
 290       <t t-set="additional_title" t-value="product.name"/>
 291       <div itemscope="itemscope" itemtype="http://schema.org/Product" id="wrap" class="js_sale">
 292
 293         <section class="container mt8">
 294           <div class="row">
 295             <div class="col-sm-4">
 296                 <ol class="breadcrumb">
 297                     <li><a t-att-href="keep(category=0)" onclick="history.go(-1); return false;">Products</a></li>
 298                     <li t-if="category"><a t-att-href="keep('/shop/category/%s' % slug(category), category=0)" t-field="category.name"/></li>
 299                     <li class="active"><span t-field="product.name"/></li>
 300                 </ol>
 301             </div>
 302             <div class="col-sm-3">
 303               <t t-call="website_sale.search"><t t-set="search_class">pull-right</t></t>
 304             </div>
 305             <div class="col-sm-4" groups="base.group_sale_manager">
 306                 <t t-call="website.publish_management">
 307                   <t t-set="object" t-value="product"/>
 308                   <t t-set="publish_edit" t-value="True"/>
 309                   <t t-set="action" t-value="'product.product_template_action'"/>
 310                 </t>
 311             </div>
 312           </div>
 313         </section>
 314
 315         <section t-attf-class="container oe_website_sale #{(compute_currency(product.lst_price) - product.price) &gt; 0.1 and 'discount'}" id="product_detail">
 316           <div class="row">
 317             <div class="col-sm-7 col-md-7 col-lg-7">
 318                 <span itemprop="image" t-field="product.image" t-field-options='{"widget": "image", "class": "product_detail_img"}'/>
 319             </div><div class="col-sm-5 col-md-5 col-lg-4 col-lg-offset-1">
 320                 <h1 itemprop="name" t-field="product.name">Product Name</h1>
 321                 <span itemprop="url" style="display:none;" t-esc="'/shop/product/%s' % slug(product)"/>
 322
 323                 <form t-att-action="keep('/shop/cart/update')" class="js_add_cart_variants" method="POST">
 324
 325                   <div class="js_product">
 326                     <t t-placeholder="select">
 327                       <input type="hidden" class="product_id" name="product_id" t-att-value="int(product.product_variant_ids[0]) if len(product.product_variant_ids) == 1 else '0'"/>
 328                       <t t-call="website_sale.variants">
 329                         <t t-set="ul_class" t-value="'nav-stacked'"/>
 330                       </t>
 331                     </t>
 332
 333                     <t t-call="website_sale.product_price"/>
 334                     <p t-if="len(product.product_variant_ids) > 1" class="css_not_available_msg bg-danger" style="padding: 15px;">Product not available</p>
 335
 336                     <a id="add_to_cart" class="btn btn-primary btn-lg mt8 js_check_product a-submit" href="#">Add to Cart</a>
 337                   </div>
 338
 339                 </form>
 340
 341                 <hr t-if="product.description_sale"/>
 342                 <div><p t-field="product.description_sale" class="text-muted"/></div>
 343                 <hr/>
 344                 <p class="text-muted">
 345                     30-day money-back guarantee<br/>
 346                     Free Shipping in U.S.<br/>
 347                     Buy now, get in 2 days
 348                 </p>
 349             </div>
 350           </div>
 351         </section>
 352         <div itemprop="description" t-field="product.website_description" class="oe_structure mt16" id="product_full_description"/>
 353
 354       </div>
 355   </t>
 356 </template>
 357
 358 <template id="product_quantity" inherit_id="website_sale.product" customize_show="True" name="Select Quantity">
 359   <xpath expr="//a[@id='add_to_cart']" position="before">
 360     <div class="css_quantity input-group" style="width: 108px;">
 361         <span class="input-group-addon">
 362             <a t-attf-href="#" class="mb8 js_add_cart_json">
 363                 <i class="fa fa-minus"></i>
 364             </a>
 365         </span>
 366         <input type="text" class="js_quantity form-control" data-min="1" name="add_qty" value="1"/>
 367         <span class="input-group-addon">
 368             <a t-attf-href="#" class="mb8 float_left js_add_cart_json">
 369                 <i class="fa fa-plus"></i>
 370             </a>
 371         </span>
 372     </div>
 373   </xpath>
 374 </template>
 375
 376 <template id="product_price">
 377   <div itemprop="offers" itemscope="itemscope" itemtype="http://schema.org/Offer" class="product_price mt16">
 378       <h4 class="oe_price_h4 css_editable_mode_hidden">
 379           <span class="text-danger oe_default_price" style="text-decoration: line-through; white-space: nowrap;"
 380             t-field="product.lst_price"
 381             t-field-options='{
 382               "widget": "monetary",
 383               "from_currency": "website.currency_id",
 384               "display_currency": "user_id.partner_id.property_product_pricelist.currency_id"
 385            }'/>
 386           <b class="oe_price" style="white-space: nowrap;"
 387             t-field="product.price"
 388             t-field-options='{
 389                "widget": "monetary",
 390                "display_currency": "user_id.partner_id.property_product_pricelist.currency_id"
 391            }'/>
 392           <span itemprop="price" style="display:none;" t-esc="product.price"/>
 393           <span itemprop="priceCurrency" style="display:none;" t-esc="user_id.partner_id.property_product_pricelist.currency_id.name"/>
 394       </h4>
 395       <h4 class="css_editable_mode_display" style="display: none;">
 396         <span t-field="product.lst_price"
 397             t-field-options='{
 398                "widget": "monetary",
 399                "display_currency": "website.pricelist_id.currency_id"
 400            }'/>
 401       </h4>
 402       <h4 class="hidden oe_not_available bg-warning">Product not available</h4>
 403   </div>
 404 </template>
 405
 406 <template id="product_variants" inherit_id="website_sale.product" active="False" customize_show="True" name="List View of Variants">
 407   <xpath expr="//t[@t-placeholder='select']" position="replace">
 408     <input type="hidden" t-if="len(product.product_variant_ids) == 1" name="product_id" t-att-value="product.product_variant_ids[0].id"/>
 409     <t t-if="len(product.product_variant_ids) &gt; 1">
 410       <label label-default="label-default" class="radio" t-foreach="product.product_variant_ids" t-as="variant_id">
 411         <input type="radio" name="product_id" t-att-value="variant_id.id"/>
 412         <span t-esc="variant_id.name_get()[0][1]"/>
 413         <span class="badge" t-if="variant_id.price_extra">
 414           <t t-esc="variant_id.price_extra > 0 and '+' or ''"/><span t-field="variant_id.price_extra" style="white-space: nowrap;" t-field-options='{
 415                 "widget": "monetary",
 416                 "from_currency": "website.currency_id",
 417                 "display_currency": "user_id.partner_id.property_product_pricelist.currency_id"
 418               }'/>
 419         </span>
 420       </label>
 421     </t>
 422   </xpath>
 423 </template>
 424
 425 <template id="variants">
 426   <t t-set="attribute_value_ids" t-value="get_attribute_value_ids(product)"/>
 427   <ul t-attf-class="list-unstyled js_add_cart_variants #{ul_class}" t-att-data-attribute_value_ids="attribute_value_ids">
 428     <t t-foreach="product.attribute_line_ids" t-as="variant_id">
 429       <li t-if="len(variant_id.value_ids) > 1">
 430
 431         <strong t-field="variant_id.attribute_id.name"/>
 432
 433         <t t-if="variant_id.attribute_id.type in ['select', 'hidden']">
 434           <select class="form-control js_variant_change" t-att-name="'attribute-%s-%s' % (product.id, variant_id.attribute_id.id)">
 435             <t t-foreach="variant_id.value_ids" t-as="value_id">
 436               <option t-att-value="value_id.id">
 437                   <span t-field="value_id.name"/>
 438                   <span t-if="value_id.price_extra">
 439                       <t t-esc="value_id.price_extra > 0 and '+' or ''"/><span t-field="value_id.price_extra" style="white-space: nowrap;" t-field-options='{
 440                                "widget": "monetary",
 441                                 "from_currency": "website.currency_id",
 442                                "display_currency": "user_id.partner_id.property_product_pricelist.currency_id"
 443                            }'/>
 444                   </span>
 445               </option>
 446             </t>
 447           </select>
 448         </t>
 449
 450         <t t-if="variant_id.attribute_id.type == 'radio'">
 451           <ul class="list-unstyled">
 452               <t t-set="inc" t-value="0"/>
 453               <t t-foreach="variant_id.value_ids" t-as="value_id">
 454                   <li t-if="value_id.product_ids" class="form-group js_attribute_value" style="margin: 0;">
 455                       <label class="control-label" style="margin: 0 20px;">
 456                           <input type="radio" class="js_variant_change" t-att-checked="'checked' if not inc else ''" t-att-name="'attribute-%s-%s' % (product.id, variant_id.attribute_id.id)" t-att-value="value_id.id" style="vertical-align: top; margin-right: 10px;"/>
 457                           <span t-field="value_id.name"/>
 458                           <span class="badge" t-if="value_id.price_extra">
 459                               <t t-esc="value_id.price_extra > 0 and '+' or ''"/><span t-field="value_id.price_extra" style="white-space: nowrap;" t-field-options='{
 460                                       "widget": "monetary",
 461                                       "from_currency": "website.currency_id",
 462                                       "display_currency": "user_id.partner_id.property_product_pricelist.currency_id"
 463                                    }'/>
 464                           </span>
 465                       </label>
 466                   </li>
 467                   <t t-set="inc" t-value="inc+1"/>
 468               </t>
 469           </ul>
 470         </t>
 471
 472         <t t-if="variant_id.attribute_id.type == 'color'">
 473           <ul class="list-inline">
 474               <t t-set="inc" t-value="0"/>
 475               <li t-foreach="variant_id.value_ids" t-as="value_id">
 476                   <label t-attf-style="background-color:#{value_id.color or value_id.name}"
 477                       t-attf-class="css_attribute_color #{'active' if not inc else ''}">
 478                     <input type="radio" class="js_variant_change"
 479                       t-att-checked="'checked' if not inc else ''"
 480                       t-att-name="'attribute-%s-%s' % (product.id, variant_id.attribute_id.id)"
 481                       t-att-value="value_id.id"
 482                       t-att-title="value_id.name"/>
 483                   </label>
 484                   <t t-set="inc" t-value="inc+1"/>
 485               </li>
 486           </ul>
 487         </t>
 488
 489       </li>
 490     </t>
 491   </ul>
 492 </template>
 493
 494 <template id="recommended_products" inherit_id="website_sale.product" customize_show="True" name="Alternative Products">
 495   <xpath expr="//div[@id='product_full_description']" position="after">
 496       <div class="container mt32" t-if="product.alternative_product_ids">
 497           <h3>Suggested alternatives:</h3>
 498           <div class='row mt16' style="margin-left: 15px !important;">
 499           <t t-foreach="product.alternative_product_ids" t-as="product">
 500               <div class='col-md-2 thumbnail' style='width: 170px; margin-right: 16px;'>
 501                   <div class='mt16 text-center'>
 502                       <span t-field="product.image_small" t-field-options='{"widget": "image", "class": "img-rounded shadow" }'/>
 503                       <h5>
 504                           <a t-attf-href="/shop/product/#{ slug(product) }" style="display: block">
 505                               <span t-field='product.name' style="display: block"/>
 506                           </a>
 507                       </h5>
 508                   </div>
 509               </div>
 510           </t>
 511           </div>
 512       </div>
 513   </xpath>
 514 </template>
 515
 516 <template id="product_attributes" inherit_id="website_sale.product" customize_show="True" name="Product attributes">
 517   <xpath expr="//p[@t-field='product.description_sale']" position="after">
 518     <hr t-if="sum([(1 if len(l.value_ids)==1 else 0) for l in product.attribute_line_ids])"/>
 519     <p class="text-muted">
 520       <t t-foreach="product.attribute_line_ids" t-as="variant_id">
 521         <t t-if="len(variant_id.value_ids)==1">
 522           <span t-field="variant_id.attribute_id"/>: <span t-field="variant_id.value_ids[0].name"/><br/>
 523         </t>
 524       </t>
 525     </p>
 526   </xpath>
 527 </template>
 528
 529 <!-- Product options: OpenChatter -->
 530
 531 <template id="product_comment" inherit_id="website_sale.product" active="False" customize_show="True" name="Discussion">
 532     <xpath expr="//div[@t-field='product.website_description']" position="after">
 533         <hr class="mb32"/>
 534         <section class="container">
 535             <div class="row col-md-10 col-md-offset-1">
 536                 <div class="text-muted">
 537                     <h3 class="fa fa-comment-o">
 538                         <a id="comments">
 539                             <t t-if="len(product.website_message_ids) &lt;= 1" ><t t-esc="len(product.website_message_ids)"/> comment</t>
 540                             <t t-if="len(product.website_message_ids) > 1"><t t-esc="len(product.website_message_ids)"/> comments</t>
 541                         </a>
 542                     </h3>
 543                 </div>
 544                 <ul class="media-list" id="comments-list"  t-if="product.website_message_ids">
 545                     <li t-foreach="product.website_message_ids" t-as="message" class="media">
 546                         <div class="media-body oe_msg">
 547                             <img class="media-object pull-left oe_msg_avatar" t-attf-src="/website/image/res.partner/{{ message.author_id.id }}/image_small" style="width: 50px; margin-right: 10px;"/>
 548                             <div class="media-body oe_msg_content">
 549                                 <t t-call="website.publish_short">
 550                                     <t t-set="object" t-value="message"/>
 551                                 </t>
 552                                 <h5 class="media-heading">
 553                                     <span t-field="message.author_id"/> <small>on <span t-field="message.date"/></small>
 554                                 </h5>
 555                                 <div t-field="message.body"/>
 556                                 <div>
 557                                     <div class="oe_msg_attachment" t-foreach='message.attachment_ids' t-as='attachment'>
 558                                         <a t-att-href="'/mail/download_attachment?model=mail.message&amp;id='+str(message.id)+'&amp;method=download_attachment&amp;attachment_id='+str(attachment.id)" target="_blank">
 559                                             <t t-if="attachment.file_type_icon == 'webimage'">
 560                                                 <img t-att-src="'/web/binary/image?model=ir.attachment&amp;field=datas&amp;id=' + str(attachment.id) + '&amp;resize=100,80'"
 561                                                     class='oe_attachment_embedded'></img>
 562                                             </t>
 563                                             <t t-if="attachment.file_type_icon != 'webimage'">
 564                                                 <img t-att-src="'/mail/static/src/img/mimetypes/' + attachment.file_type + '.png'"
 565                                                     class='oe_attachment_webimage'></img>
 566                                             </t>
 567                                             <div class='oe_attachment_name'><t t-raw='attachment.name' /></div>
 568                                         </a>
 569                                     </div>
 570                                 </div>
 571                             </div>
 572                         </div>
 573                     </li>
 574                 </ul>
 575                 <div class="css_editable_mode_hidden">
 576                     <form id="comment" t-attf-action="/shop/product/comment/#{product.id}" method="POST">
 577                         <img class="img pull-left img-rounded" t-attf-src="/website/image/res.partner/{{ user_id.partner_id.id }}/image_small" style="width: 50px; margin-right: 10px;"/>
 578                         <div class="pull-left mb32" style="width: 75%%">
 579                             <textarea rows="3" name="comment" class="form-control" placeholder="Write a comment..."></textarea>
 580                             <a class="btn btn-primary mt8 a-submit">Post</a>
 581                         </div>
 582                     </form>
 583                 </div>
 584             </div>
 585         </section>
 586     </xpath>
 587 </template>
 588
 589 <!-- /shop/cart -->
 590
 591 <template id="cart" name="Shopping Cart">
 592   <t t-call="website.layout">
 593           <script type="text/javascript" src="/website_sale/static/src/js/website_sale_tracking.js"></script>
 594       <div id="wrap">
 595         <div class="container oe_website_sale">
 596
 597           <ul class="wizard pull-right">
 598               <li class="text-primary">Review Order<span class="chevron"></span></li>
 599               <li class="text-muted">Shipping &amp; Billing<span class="chevron"></span></li>
 600               <li class="text-muted">Payment<span class="chevron"></span></li>
 601               <li class="text-muted">Confirmation<span class="chevron"></span></li>
 602           </ul>
 603           <h1 class="mb32">Shopping Cart</h1>
 604           <div class="row">
 605               <div class="col-md-8 col-sm-9 oe_cart">
 606                   <t t-set="website_sale_order" t-value="website.sale_get_order()"/>
 607                   <div t-if="not website_sale_order or not website_sale_order.website_order_line" class="well well-lg">
 608                       Your cart is empty!
 609                   </div>
 610                   <table class='table table-striped table-condensed' id="cart_products" t-if="website_sale_order and website_sale_order.website_order_line">
 611                       <thead>
 612                           <tr>
 613                               <th colspan="2" width="100">Product</th>
 614                               <th width="100">Price</th>
 615                               <th width="120">Quantity</th>
 616                           </tr>
 617                       </thead>
 618                       <tbody>
 619                         <t t-foreach="website_sale_order.website_order_line" t-as="line">
 620                           <tr>
 621                               <td colspan="2" t-if="not line.product_id.product_tmpl_id"></td>
 622                               <td align="center" t-if="line.product_id.product_tmpl_id">
 623                                   <span t-field="line.product_id.image_small"
 624                                         t-field-options='{"widget": "image", "class": "img-rounded"}'/>
 625                               </td>
 626                               <td t-if="line.product_id.product_tmpl_id">
 627                                   <div>
 628                                       <a t-attf-href="/shop/product/#{ slug(line.product_id.product_tmpl_id) }">
 629                                           <strong t-esc="line.product_id.name_get()[0][1]"/>
 630                                       </a>
 631                                   </div>
 632                                   <div class="text-muted" t-field="line.name"/>
 633                               </td>
 634                               <td class="text-center" name="price">
 635                                 <t t-if="(compute_currency(line.product_id.lst_price) - line.price_unit) &gt; 0.01">
 636                                   <del class="text-danger" style="white-space: nowrap;"
 637                                     t-field="line.product_id.lst_price" t-field-options='{
 638                                         "widget": "monetary",
 639                                         "from_currency": "website.currency_id",
 640                                         "display_currency": "user_id.partner_id.property_product_pricelist.currency_id"
 641                                     }'/>&amp;nbsp;
 642                                 </t>
 643                                 <span t-field="line.price_unit" style="white-space: nowrap;" t-field-options='{
 644                                      "widget": "monetary",
 645                                      "display_currency": "user_id.partner_id.property_product_pricelist.currency_id"
 646                                  }'/>
 647                               </td>
 648                               <td class="text-center">
 649                                   <div class="input-group">
 650                                       <span class="input-group-addon">
 651                                           <a t-attf-href="#" class="mb8 js_add_cart_json" data-no-instant="">
 652                                               <i class="fa fa-minus"></i>
 653                                           </a>
 654                                       </span>
 655                                       <input type="text" class="js_quantity form-control"
 656                                           t-att-data-line-id="line.id"
 657                                           t-att-data-product-id="line.product_id.id"
 658                                           t-att-value="int(line.product_uom_qty)"/>
 659                                       <span class="input-group-addon">
 660                                           <a t-attf-href="#" class="mb8 float_left js_add_cart_json" data-no-instant="">
 661                                               <i class="fa fa-plus"></i>
 662                                           </a>
 663                                       </span>
 664                                   </div>
 665                               </td>
 666                           </tr>
 667                         </t>
 668                       </tbody>
 669                   </table>
 670                   <t t-call="website_sale.total"/>
 671                   <div class="clearfix"/>
 672
 673                   <a t-if="not optional_products and website_sale_order and website_sale_order.website_order_line" class="btn btn-primary pull-right mb32" href="/shop/checkout">Process Checkout <span class="fa fa-long-arrow-right"/></a>
 674
 675                   <div class="oe_structure"/>
 676               </div>
 677               <div class="col-lg-3 col-lg-offset-1 col-sm-3 col-md-3 text-muted" id="right_column">
 678                   <h4>Policies</h4>
 679                   <ul class="list-unstyled mb32">
 680                       <li>&#9745; 30-days money-back guarantee</li>
 681                       <li>&#9745; Invoice sent by e-Mail</li>
 682                   </ul>
 683                   <h4>Secure Payment</h4>
 684                   <ul class="list-unstyled mb32">
 685                       <li>&#9745; 256 bit encryption</li>
 686                       <li>&#9745; Processed by Ogone</li>
 687                   </ul>
 688               </div>
 689           </div>
 690
 691         </div>
 692         <div class="oe_structure"/>
 693       </div>
 694   </t>
 695 </template>
 696
 697 <template id="suggested_products_list" inherit_id="website_sale.cart" customize_show="True" name="Suggested Products in my cart">
 698   <xpath expr="//table[@id='cart_products']" position="after">
 699       <table t-if="suggested_products" class='table table-striped table-condensed'>
 700           <colgroup>
 701               <col width="80"/>
 702               <col/>
 703               <col width="100"/>
 704               <col width="120"/>
 705           </colgroup>
 706           <thead>
 707               <tr>
 708                   <th colspan="4">Suggested products:</th>
 709               </tr>
 710           </thead>
 711           <tbody>
 712               <tr t-foreach="suggested_products" t-as="product">
 713
 714                   <td>
 715                       <a t-attf-href="/shop/product/#{ slug(product.product_tmpl_id) }">
 716                           <span t-field="product.image_small"
 717                                 t-field-options='{"widget": "image", "class": "img-rounded"}'/>
 718                       </a>
 719                   </td>
 720                   <td>
 721                       <div>
 722                           <a t-attf-href="/shop/product/#{ slug(product.product_tmpl_id) }">
 723                               <strong t-field="product.name"/>
 724                           </a>
 725                       </div>
 726                       <div class="text-muted" t-field="product.description_sale"/>
 727                   </td>
 728                   <td>
 729                       <t t-if="(compute_currency(product.lst_price) - product.price) &gt; 0.1">
 730                         <del class="text-danger" style="white-space: nowrap;"
 731                           t-field="product.lst_price" t-field-options='{
 732                               "widget": "monetary",
 733                               "from_currency": "website.currency_id",
 734                               "display_currency": "user_id.partner_id.property_product_pricelist.currency_id"
 735                           }'/>&amp;nbsp;
 736                       </t>
 737                       <span t-field="product.price" style="white-space: nowrap;" t-field-options='{
 738                            "widget": "monetary",
 739                            "display_currency": "user_id.partner_id.property_product_pricelist.currency_id"
 740                        }'/>
 741                   </td>
 742                   <td class="text-center">
 743                       <form action="/shop/cart/update" method="post">
 744                           <input name="product_id" t-att-value="product.id" type="hidden"/>
 745                           <a class="btn btn-link a-submit"><strong>Add to Cart</strong></a>
 746                       </form>
 747                   </td>
 748               </tr>
 749           </tbody>
 750       </table>
 751   </xpath>
 752 </template>
 753
 754 <template id="continue_shopping" inherit_id="website_sale.cart" customize_show="True" name="Continue Shopping Button">
 755   <xpath expr="//a[@href='/shop/checkout']" position="before">
 756     <a href="/shop" class="btn btn-default mb32"><span class="fa fa-long-arrow-left"/> Continue Shopping</a>
 757   </xpath>
 758 </template>
 759
 760 <template id="reduction_code" inherit_id="website_sale.cart" active="False" customize_show="True" name="Reduction Code">
 761   <xpath expr="//div[@id='right_column']" position="inside">
 762       <h4>Coupon Code</h4>
 763       <p>
 764           Have a coupon code? Fill in this field and apply.
 765       </p>
 766       <form t-if="website_sale_order and website_sale_order.website_order_line" action="/shop/pricelist" method="post" class="mb32">
 767           <div class="input-group">
 768               <input name="promo" class='form-control' type="text" placeholder="code..." t-att-value="website_sale_order.pricelist_id.code or ''"/>
 769               <div class="input-group-btn">
 770                   <a class="btn btn-default a-submit">Apply</a>
 771               </div>
 772           </div>
 773       </form>
 774   </xpath>
 775 </template>
 776
 777 <!-- /shop/checkout -->
 778
 779 <template id="checkout">
 780   <t t-call="website.layout">
 781         <script type="text/javascript" src="/website_sale/static/src/js/website_sale_tracking.js"></script>
 782     <t t-set="additional_title">Shop - Checkout</t>
 783     <div id="wrap">
 784       <div class="container oe_website_sale">
 785           <ul class="wizard pull-right">
 786               <li><a href="/shop/cart" class="text-success">Review Order<span class="chevron"></span></a></li>
 787               <li class="text-primary">Shipping &amp; Billing<span class="chevron"></span></li>
 788               <li class="text-muted">Payment<span class="chevron"></span></li>
 789               <li class="text-muted">Confirmation<span class="chevron"></span></li>
 790           </ul>
 791           <h1>Your Address</h1>
 792           <form action="/shop/confirm_order" method="post">
 793
 794           <div class="row">
 795           <div class="col-md-8 oe_cart">
 796               <h3 class="page-header mt16">Billing Information
 797                   <small groups="base.group_public"> or
 798                       <a class='btn btn-primary' t-if="not partner" t-attf-href="/web?redirect=#{ request.httprequest.url }">Sign in</a>
 799                   </small>
 800               </h3>
 801               <div class="row">
 802                   <div t-attf-class="form-group #{error.get('name') and 'has-error' or ''} col-lg-6">
 803                       <label class="control-label" for="contact_name">Your Name</label>
 804                       <input type="text" name="name" class="form-control" t-att-value="checkout.get('name')"/>
 805                   </div>
 806                   <div t-if="has_check_vat" class="clearfix"/>
 807                   <div t-attf-class="form-group #{error.get('street2') and 'has-error' or ''} col-lg-6">
 808                       <label class="control-label" for="street2" style="font-weight: normal">Company Name</label>
 809                       <input type="text" name="street2" class="form-control" t-att-value="checkout.get('street2')"/>
 810                   </div>
 811                   <div t-if="has_check_vat" t-attf-class="form-group #{error.get('vat') and 'has-error' or ''} col-lg-6">
 812                       <label class="control-label" for="vat" style="font-weight: normal">VAT Number</label>
 813                       <input type="text" name="vat" class="form-control" t-att-value="checkout.get('vat')"/>
 814                   </div>
 815                   <div t-attf-class="form-group #{error.get('email') and 'has-error' or ''} col-lg-6">
 816                       <label class="control-label" for="contact_name">Email</label>
 817                       <input type="email" name="email" class="form-control" t-att-value="checkout.get('email')"/>
 818                   </div>
 819                   <div t-attf-class="form-group #{error.get('phone') and 'has-error' or ''} col-lg-6">
 820                       <label class="control-label" for="phone">Phone</label>
 821                       <input type="tel" name="phone" class="form-control" t-att-value="checkout.get('phone')"/>
 822                   </div>
 823
 824                   <div t-attf-class="form-group #{error.get('street') and 'has-error' or ''} col-lg-6">
 825                       <label class="control-label" for="street">Street</label>
 826                       <input type="text" name="street" class="form-control" t-att-value="checkout.get('street')"/>
 827                   </div>
 828                   <div class="clearfix"/>
 829
 830                   <div t-attf-class="form-group #{error.get('city') and 'has-error' or ''} col-lg-6">
 831                       <label class="control-label" for="city">City</label>
 832                       <input type="text" name="city" class="form-control" t-att-value="checkout.get('city')"/>
 833                   </div>
 834                   <div t-attf-class="form-group #{error.get('zip') and 'has-error' or ''} col-lg-6">
 835                       <label class="control-label" for="zip">Zip / Postal Code</label>
 836                       <input type="text" name="zip" class="form-control" t-att-value="checkout.get('zip')"/>
 837                   </div>
 838                   <div t-attf-class="form-group #{error.get('country_id') and 'has-error' or ''} col-lg-6">
 839                       <label class="control-label" for="country_id">Country</label>
 840                       <select name="country_id" class="form-control">
 841                           <option value="">Country...</option>
 842                           <t t-foreach="countries or []" t-as="country">
 843                               <option t-att-value="country.id" t-att-selected="country.id == checkout.get('country_id')"><t t-esc="country.name"/></option>
 844                           </t>
 845                       </select>
 846                   </div>
 847                   <div t-attf-class="form-group #{error.get('state_id') and 'has-error' or ''} col-lg-6">
 848                       <label class="control-label" for="state_id" style="font-weight: normal">State / Province</label>
 849                       <select name="state_id" class="form-control">
 850                           <option value="">select...</option>
 851                           <t t-foreach="states or []" t-as="state">
 852                               <option t-att-value="state.id" style="display:none;" t-att-data-country_id="state.country_id.id" t-att-selected="state.id == checkout.get('state_id')"><t t-esc="state.name"/></option>
 853                           </t>
 854                       </select>
 855                   </div>
 856
 857                   <div class="clearfix"/>
 858
 859                   <div class="form-group col-lg-12">
 860                       <label>Shipping</label>
 861                       <select name="shipping_id" class="form-control">
 862                           <option value="0">Ship to the same address</option>
 863                           <t t-foreach="shippings" t-as="shipping">
 864                               <option t-att-value="shipping.id" t-att-selected="shipping.id == shipping_id"
 865                                 t-att-data-shipping_name="shipping.name"
 866                                 t-att-data-shipping_phone="shipping.phone"
 867                                 t-att-data-shipping_street="shipping.street"
 868                                 t-att-data-shipping_city="shipping.city"
 869                                 t-att-data-shipping_zip="shipping.zip"
 870                                 t-att-data-shipping_state_id="shipping.state_id and shipping.state_id.id"
 871                                 t-att-data-shipping_country_id="shipping.country_id and shipping.country_id.id"
 872                                 ><t t-esc="', '.join('\n'.join(shipping.name_get()[0][1].split(',')).split('\n')[1:])"/></option>
 873                           </t>
 874                           <option value="-1">-- Create a new address --</option>
 875                       </select>
 876                   </div>
 877               </div>
 878               <div class="js_shipping row mb16" t-att-style="not shipping_id and 'display:none' or ''">
 879                   <h3 class="oe_shipping col-lg-12 mt16">Shipping Information</h3>
 880
 881                   <div t-attf-class="form-group #{error.get('shipping_name') and 'has-error' or ''} col-lg-6">
 882                       <label class="control-label" for="shipping_name">Name (Shipping)</label>
 883                       <input type="text" name="shipping_name" class="form-control" t-att-value="checkout.get('shipping_name', '')" t-att-readonly="'readonly' if shipping_id &gt;= 0 else ''"/>
 884                   </div>
 885                   <div t-attf-class="form-group #{error.get('shipping_phone') and 'has-error' or ''} col-lg-6">
 886                       <label class="control-label" for="shipping_phone">Phone</label>
 887                       <input type="tel" name="shipping_phone" class="form-control" t-att-value="checkout.get('shipping_phone', '')" t-att-readonly="  'readonly' if shipping_id &gt;= 0 else ''"/>
 888                   </div>
 889                   <div t-attf-class="form-group #{error.get('shipping_street') and 'has-error' or ''} col-lg-6">
 890                       <label class="control-label" for="shipping_street">Street</label>
 891                       <input type="text" name="shipping_street" class="form-control" t-att-value="checkout.get('shipping_street', '')" t-att-readonly=" 'readonly' if shipping_id &gt;= 0 else ''"/>
 892                   </div>
 893                   <div class="clearfix"/>
 894                   <div t-attf-class="form-group #{error.get('shipping_city') and 'has-error' or ''} col-lg-6">
 895                       <label class="control-label" for="shipping_city">City</label>
 896                       <input type="text" name="shipping_city" class="form-control" t-att-value="checkout.get('shipping_city', '')" t-att-readonly=" 'readonly' if shipping_id &gt;= 0 else ''"/>
 897                   </div>
 898                   <div t-attf-class="form-group #{error.get('shipping_zip') and 'has-error' or ''} col-lg-6">
 899                       <label class="control-label" for="shipping_zip">Zip / Postal Code</label>
 900                       <input type="text" name="shipping_zip" class="form-control" t-att-value="checkout.get('shipping_zip', '')" t-att-readonly=" 'readonly' if shipping_id &gt;= 0 else ''"/>
 901                   </div>
 902                   <div t-attf-class="form-group #{error.get('shipping_country_id') and 'has-error' or ''} col-lg-6">
 903                       <label class="control-label" for="shipping_country_id">Country</label>
 904                       <select name="shipping_country_id" class="form-control" t-att-readonly="  'readonly' if shipping_id &gt;= 0 else ''">
 905                           <option value="">Country...</option>
 906                           <t t-foreach="countries or []" t-as="country">
 907                               <option t-att-value="country.id" t-att-selected="country.id == checkout.get('shipping_country_id')"><t t-esc="country.name"/></option>
 908                           </t>
 909                       </select>
 910                   </div>
 911                   <div t-attf-class="form-group #{error.get('shipping_state_id') and 'has-error' or ''} col-lg-6">
 912                       <label class="control-label" for="shipping_state_id" style="font-weight: normal">State / Province</label>
 913                       <select name="shipping_state_id" class="form-control" t-att-readonly="  'readonly' if shipping_id &gt;= 0 else ''">
 914                           <option value="">State / Province...</option>
 915                           <t t-foreach="states or []" t-as="state">
 916                               <option t-att-value="state.id" style="display:none;" t-att-data-country_id="state.country_id.id" t-att-selected="state.id == checkout.get('shipping_state_id')"><t t-esc="state.name"/></option>
 917                           </t>
 918                       </select>
 919                   </div>
 920               </div>
 921               <div class="clearfix">
 922                 <a href="/shop/cart" class="btn btn-default mb32"><span class="fa fa-long-arrow-left"/> Return to Cart</a>
 923                 <a class="btn btn-default btn-primary pull-right mb32 a-submit">Confirm <span class="fa fa-long-arrow-right"/></a>
 924               </div>
 925           </div>
 926           <div class="col-lg-offset-1 col-lg-3 col-md-3 text-muted">
 927               <h3 class="page-header mt16">Your Order <small><a href="/shop/cart"><span class="fa fa-arrow-right"/> change</a></small></h3>
 928               <t t-set="website_sale_order" t-value="website.sale_get_order()"/>
 929               <div class="row">
 930                   <div class="col-sm-6 text-right">Subtotal: </div>
 931                   <div class="col-sm-6"><span style="white-space: nowrap;" t-field="website_sale_order.amount_untaxed" t-field-options='{
 932                       "widget": "monetary",
 933                       "display_currency": "user_id.partner_id.property_product_pricelist.currency_id"
 934                   }'/></div>
 935                   <div class="col-sm-6 text-right">Taxes: </div>
 936                   <div class="col-sm-6"><span style="white-space: nowrap;" t-field="website_sale_order.amount_tax" t-field-options='{
 937                       "widget": "monetary",
 938                       "display_currency": "user_id.partner_id.property_product_pricelist.currency_id"
 939                   }'/></div>
 940                   <div class="col-sm-6 text-right"><h4>Total To Pay: </h4></div>
 941                   <div class="col-sm-6"><h4><span style="white-space: nowrap;" t-field="website_sale_order.amount_total" t-field-options='{
 942                       "widget": "monetary",
 943                       "display_currency": "user_id.partner_id.property_product_pricelist.currency_id"
 944                   }'/></h4></div>
 945               </div>
 946           </div>
 947       </div>
 948       </form>
 949     </div>
 950     </div>
 951   </t>
 952 </template>
 953
 954 <!-- /shop/payment -->
 955
 956 <template id="payment">
 957   <t t-call="website.layout">
 958           <script type="text/javascript" src="/website_sale/static/src/js/website_sale_tracking.js"></script>
 959       <t t-set="additional_title">Shop - Select Payment Mode</t>
 960       <div id="wrap">
 961         <div class="container oe_website_sale">
 962
 963           <ul class="wizard pull-right">
 964               <li><a href="/shop/cart" class="text-success">Review Order<span class="chevron"></span></a></li>
 965               <li><a href="/shop/checkout" class="text-success">Shipping &amp; Billing<span class="chevron"></span></a></li>
 966               <li class="text-primary">Payment<span class="chevron"></span></li>
 967               <li class="text-muted">Confirmation<span class="chevron"></span></li>
 968           </ul>
 969           <h1 class="mb32">Validate Order</h1>
 970           <div class="row">
 971           <div class="col-lg-8 col-sm-9 oe_cart">
 972               <t t-set="website_sale_order" t-value="website.sale_get_order()"/>
 973               <table class='table table-striped table-condensed' id="cart_products" t-if="website_sale_order and website_sale_order.website_order_line">
 974                   <thead>
 975                       <tr>
 976                           <th colspan="2" width="80">Product</th>
 977                           <th width="100">Price</th>
 978                           <th width="120">Quantity</th>
 979                       </tr>
 980                   </thead>
 981                   <tbody>
 982                       <tr t-foreach="website_sale_order.website_order_line" t-as="line">
 983                           <td colspan="2" t-if="not line.product_id.product_tmpl_id"></td>
 984                           <td t-if="line.product_id.product_tmpl_id">
 985                               <a t-attf-href="/shop/product/#{ slug(line.product_id.product_tmpl_id) }">
 986                                   <span t-field="line.product_id.image_small"
 987                                         t-field-options='{"widget": "image", "class": "img-rounded"}'/>
 988                               </a>
 989                           </td>
 990                           <td t-if="line.product_id.product_tmpl_id">
 991                              <strong t-field="line.product_id.name"/>
 992                           </td>
 993                           <td class="text-center">
 994                              <span t-field="line.price_unit" style="white-space: nowrap;" t-field-options='{
 995                                  "widget": "monetary",
 996                                  "display_currency": "user_id.partner_id.property_product_pricelist.currency_id"
 997                              }'/>
 998                           </td>
 999                           <td>
1000                              <div t-esc="line.product_uom_qty"/>
1001                           </td>
1002                       </tr>
1003                   </tbody>
1004               </table>
1005               <t t-call="website_sale.total"/>
1006               <div class="clearfix"/>
1007               <div class="oe_structure"/>
1008             </div>
1009             <div class="col-lg-3 col-lg-offset-1 col-sm-3 text-muted" id="right_column">
1010                 <h4>Bill To:</h4>
1011                 <div t-field="order.partner_invoice_id" t-field-options='{
1012                     "widget": "contact",
1013                     "fields": ["address", "name", "phone", "email"]
1014                     }'/>
1015                 <div>
1016                   <a href="/shop/checkout"><span class="fa fa-arrow-right"/> Change Address</a>
1017                 </div>
1018                 <t>
1019                     <h4 class="mt32">Ship To:</h4>
1020                     <t t-if="website_sale_order.partner_shipping_id and website_sale_order.partner_shipping_id.id != website_sale_order.partner_invoice_id.id">
1021                       <div t-field="order.partner_shipping_id" t-field-options='{
1022                         "widget": "contact",
1023                         "fields": ["address", "name", "phone"]
1024                         }'/>
1025                     </t>
1026                     <address t-if="website_sale_order.partner_shipping_id.id == website_sale_order.partner_invoice_id.id">Ship to the same address</address>
1027                     <div class="mb32">
1028                       <a href="/shop/checkout"><span class="fa fa-arrow-right"/> Change Address</a>
1029                     </div>
1030                 </t>
1031             </div>
1032           </div>
1033
1034           <div class="js_payment mb64 row" t-if="acquirers and website_sale_order.amount_total" id="payment_method">
1035               <div class="col-lg-5 col-sm-6">
1036                   <h4>Payment Method:</h4>
1037                   <ul class="list-unstyled">
1038                     <li t-foreach="acquirers or []" t-as="acquirer">
1039                       <label t-if="acquirer.button">
1040                           <input t-att-value="acquirer.id" type="radio" name="acquirer" t-att-checked="acquirers[0] == acquirer"/>
1041                           <img class="media-object" style="width: 60px; display: inline-block;"
1042                               t-att-title="acquirer.name"
1043                               t-att-src="'/payment_%s/static/src/img/%s_icon.png' % (acquirer.provider, acquirer.provider)"/>
1044                               <span t-field="acquirer.name"/>
1045                       </label>
1046                     </li>
1047                   </ul>
1048               </div>
1049               <div class="col-lg-3 col-sm-3">
1050                   <t t-foreach="acquirers or []" t-as="acquirer">
1051                       <div t-att-data-id="acquirer.id" class="oe_sale_acquirer_button hidden pull-right">
1052                         <div t-raw="acquirer.button"/>
1053                         <div t-field="acquirer.pre_msg"/>
1054                       </div>
1055                   </t>
1056               </div>
1057           </div>
1058           <div class="js_payment mb64 row" t-if="not website_sale_order.amount_total" id="payment_method">
1059             <div class="col-lg-8 col-sm-8">
1060               <form target="_self" action="/shop/payment/validate" method="post" class="pull-right">
1061                   <a style="width:100px;" class="btn btn-primary a-submit">
1062                     <span>Pay Now <span class="fa fa-long-arrow-right"></span></span>
1063                   </a>
1064               </form>
1065             </div>
1066           </div>
1067
1068         </div>
1069         <div class="oe_structure"/>
1070       </div>
1071
1072   </t>
1073 </template>
1074
1075 <template id="confirmation">
1076   <t t-call="website.layout">
1077           <script type="text/javascript" src="/website_sale/static/src/js/website_sale_tracking.js"></script>
1078       <t t-set="additional_title">Shop - Confirmed</t>
1079       <div id="wrap">
1080         <div class="container oe_website_sale">
1081
1082           <ul class="wizard pull-right">
1083               <li class="text-muted">Review Order<span class="chevron"></span></li>
1084               <li class="text-muted">Shipping &amp; Billing<span class="chevron"></span></li>
1085               <li class="text-muted">Payment<span class="chevron"></span></li>
1086               <li class="text-primary">Confirmation<span class="chevron"></span></li>
1087           </ul>
1088           <h1 class="mb32">Order <em t-field="order.name"/> Confirmed</h1>
1089           <div class="row">
1090               <div class="col-md-8 oe_cart">
1091                   <h2>Thank you for your order.</h2>
1092                   <div class="oe_website_sale_tx_status" t-att-data-order-id="order.id">
1093                   </div>
1094                   <div class="clearfix"/>
1095                   <div class="oe_structure"/>
1096               </div>
1097               <div class="col-md-3 col-md-offset-1 text-muted" id="right_column">
1098                 <h4>Bill To:</h4>
1099                 <div t-field="order.partner_invoice_id" t-field-options='{
1100                     "widget": "contact",
1101                     "fields": ["address", "name", "phone", "email"]
1102                     }'/>
1103                 <t>
1104                     <h4 class="mt32">Ship To:</h4>
1105                     <t t-if="order.partner_shipping_id and order.partner_shipping_id.id != order.partner_invoice_id.id">
1106                       <div t-field="order.partner_shipping_id" t-field-options='{
1107                         "widget": "contact",
1108                         "fields": ["address", "name", "phone"]
1109                         }'/>
1110                     </t>
1111                     <address t-if="order.partner_shipping_id.id == order.partner_invoice_id.id">Ship to the same address</address>
1112                 </t>
1113               </div>
1114           </div>
1115
1116         </div>
1117         <div class="oe_structure"/>
1118       </div>
1119
1120   </t>
1121 </template>
1122
1123 <!-- Page Shop my cart and payment total -->
1124
1125 <template id="total">
1126     <table class='pull-right mb16' id="cart_total" t-if="website_sale_order">
1127         <thead>
1128             <tr width="100" style="border-top: 1px solid #000" id="order_total">
1129                 <th><h3>Total: </h3></th>
1130                 <th class="text-right">
1131                   <h3><span t-field="website_sale_order.amount_total" style="white-space: nowrap;" t-field-options='{
1132                       "widget": "monetary",
1133                       "display_currency": "user_id.partner_id.property_product_pricelist.currency_id"
1134                     }'/></h3>
1135                 </th>
1136             </tr>
1137             <tr width="120" class="text-muted" id="order_total_taxes">
1138                 <td><abbr title="Taxes may be updated after providing shipping address">Taxes:</abbr></td>
1139                 <td class="text-right">
1140                     <span t-field="website_sale_order.amount_tax" style="white-space: nowrap;" t-field-options='{
1141                         "widget": "monetary",
1142                         "display_currency": "user_id.partner_id.property_product_pricelist.currency_id"
1143                     }'/>
1144                 </td>
1145             </tr>
1146         </thead>
1147     </table>
1148 </template>
1149
1150 <template id="website.layout_footer_copyright" inherit_id="website.layout" name="Footer Copyright">
1151     <xpath expr="//footer" position="inside">
1152         <div class="container mt16 mb8">
1153             <div class="pull-right" t-ignore="true" t-if="not editable">
1154                 Powered by <a class="label label-danger" href="http://www.odoo.com/page/website-builder">Odoo</a>,
1155                 the #1 <a href="http://www.odoo.com/page/e-commerce">Open Source eCommerce</a>.
1156             </div>
1157             <div class="pull-left text-muted">
1158                 Copyright &amp;copy; <span t-field="res_company.name">Company name</span>
1159             </div>
1160         </div>
1161     </xpath>
1162 </template>
1163
1164
1165 <!-- User Navbar -->
1166 <template id="content_new_product" inherit_id="website.user_navbar" groups="base.group_sale_manager">
1167     <xpath expr="//ul[@id='oe_systray']/li/ul[@class='dropdown-menu oe_content_menu']" position="inside">
1168         <li><a id="create-new-product" href="#" data-action="new_product">New Product</a></li>
1169     </xpath>
1170 </template>
1171
1172 </data>
1173 </openerp>