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