<!-- List of categories -->
- <template id="categories_recursive">
+ <template id="categories_recursive" name="Category list">
<li t-att-class="category.id == search.get('category') and 'active' or ''">
<a t-att-class="category.id not in categ[1] and 'unpublish' or ''" t-href="/shop/?category=#{ category.id }" t-field="category.name" t-keep-query="search,facettes"></a>
<ul t-if="category.child_id" class="nav nav-pills nav-stacked nav-hierarchy">
</li>
</template>
- <!-- Product list -->
+ <!-- Product list -->
- <template id="products_cart">
+ <template id="products_cart" name="Shopping cart">
<div class="ribbon-wrapper">
<div class="ribbon">Promo</div>
</div>
<b t-field="product.name"/>
</a>
</div>
- <div class="product_price">
+ <div class="product_price" t-if="product.product_variant_ids">
<b>
<t t-if="product.product_variant_ids[0].lst_price != product.product_variant_ids[0].price">
<del class="text-danger"
</div>
<div class="oe_product_image text-center">
<a t-href="/shop/product/#{ product.id }/" t-keep-query="category,search,facettes">
- <img class="img" t-att-src="product.img('image')"/>
+ <span t-field="product.image" t-field-options='{"widget": "image"}'/>
</a>
</div>
</template>
- <template id="products" page="True">
+ <template id="products" name="Products" page="True">
<t t-call="website.layout">
<t t-set="head">
<script type="text/javascript" src="/website_sale/static/src/js/website_sale.js"></script>
<link rel='stylesheet' href='/website_sale/static/src/css/website_sale.css'/>
<t t-raw="head or ''"/>
</t>
- <t t-set="additional_title">Our Products</t>
+ <t t-set="additional_title">Shop</t>
<div id="wrap">
<div class="oe_structure"/>
<div class="container oe_website_sale">
<div class="row">
- <div class="col-sm-4">
- <h1>Our Products</h1>
- </div><div class="col-sm-2 pagination text-center">
+ <div class="col-sm-6 pagination" style="padding-left: 15px;">
<a t-if="editable" t-href="/shop/add_product/" class="btn btn-primary btn-default" t-keep-query="category,search,facettes">New Product</a>
- </div><div class="col-sm-6">
+ </div>
+ <div class="col-sm-6">
<t t-call="website.pager">
<t t-set="classname">pull-right</t>
</t>
t-attf-class="oe_product oe-height-#{td_product['y']*2} #{ td_product['class'] }">
<div class="oe_product_cart" t-att-data-publish="product.website_published and 'on' or 'off'">
-
+
<div class="css_options" t-ignore="true" t-if="editable">
<div t-attf-class="dropdown js_options" t-att-data-id="product.id">
<a class="btn btn-default" t-att-id="'dopprod-%s' % product.id" role="button" data-toggle="dropdown">Options <span class="caret"></span></a>
</table>
</div>
</div>
- <div class="text-center">
- <t t-call="website.pager" />
+ <div>
+ <t t-call="website.pager">
+ <t t-set="classname">pull-right</t>
+ </t>
</div>
</div>
<div class="oe_structure mb32"/>
</template>
- <!-- product -->
+ <!-- product -->
<template id="product" name="Product">
<t t-call="website.layout">
<br/>
</t>
- <div class="product_price mt16">
+ <div class="product_price mt16" t-if="product.product_variant_ids">
<h4>
+ <b><span class="oe_price" t-esc="product.product_variant_ids[0].price" /> €</b>
<t t-if="product.product_variant_ids[0].lst_price != product.product_variant_ids[0].price">
<span class="text-danger" style="text-decoration: line-through;"
t-field="product.product_variant_ids[0].lst_price"
</xpath>
</template>
- <!-- Page Shop my cart -->
+ <!-- Page Shop my cart -->
<template id="mycart" name="Your Cart" page="True">
<t t-call="website.layout">
<li class="text-muted">Payment<span class="chevron"></span></li>
<li class="text-muted">Confirmation<span class="chevron"></span></li>
</ul>
- <h1 class="mb32">Your Cart</h1>
-
+ <h1 class="mb32">Shopping Cart</h1>
<div class="row">
- <div class="col-md-8 oe_mycart">
- <div t-if="not website_sale_order or not website_sale_order.order_line" class="well well-lg">
- Your cart is empty!
+ <div class="col-md-3 text-muted" id="right_column">
+ <h4>Policies</h4>
+ <ul class="list-unstyled mb32">
+ <li>☑ 30-days money-back guarantee</li>
+ <li>☑ Invoice sent by e-Mail</li>
+ </ul>
+ <h4>Secure Payment</h4>
+ <ul class="list-unstyled mb32">
+ <li>☑ 256 bit encryption</li>
+ <li>☑ Processed by Ogone</li>
+ </ul>
</div>
- <table class='table table-striped table-condensed' id="mycart_products" t-if="website_sale_order and website_sale_order.order_line">
- <colgroup>
- <col width="80"/>
- <col/>
- <col width="100"/>
- <col width="120"/>
- </colgroup>
- <thead>
- <tr>
- <th colspan="2">Product</th>
- <th>Price</th>
- <th>Quantity</th>
- </tr>
- </thead>
- <tbody>
- <tr t-foreach="website_sale_order.order_line" t-as="line">
- <td colspan="2" t-if="not line.product_id.product_tmpl_id"></td>
- <td t-if="line.product_id.product_tmpl_id">
- <span t-field="line.product_id.image_small"
- t-field-options='{"widget": "image", "class": "img-rounded"}'/>
- </td>
- <td t-if="line.product_id.product_tmpl_id">
- <div>
- <a t-href="/shop/product/#{ line.product_id.product_tmpl_id.id }/">
- <strong t-field="line.product_id.name"/>
- </a>
- </div>
- <div class="text-muted" t-field="line.product_id.description_sale"/>
- </td>
- <td class="text-center">
- <del class="text-danger" t-if="line.product_id.lst_price > line.price_unit">
- <span t-field="line.product_id.lst_price" t-field-options='{
+ <div class="col-md-8 col-md-offset-1 oe_mycart">
+ <div t-if="not website_sale_order or not website_sale_order.order_line" class="well well-lg">
+ Your cart is empty!
+ </div>
+ <table class='table table-striped table-condensed' id="mycart_products" t-if="website_sale_order and website_sale_order.order_line">
+ <colgroup>
+ <col width="80"/>
+ <col/>
+ <col width="100"/>
+ <col width="120"/>
+ </colgroup>
+ <thead>
+ <tr>
+ <th colspan="2">Product</th>
+ <th>Price</th>
+ <th>Quantity</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr t-foreach="website_sale_order.order_line" t-as="line">
+ <td colspan="2" t-if="not line.product_id.product_tmpl_id"></td>
+ <td t-if="line.product_id.product_tmpl_id">
+ <span t-field="line.product_id.image_small"
+ t-field-options='{"widget": "image", "class": "img-rounded"}'/>
+ </td>
+ <td t-if="line.product_id.product_tmpl_id">
+ <div>
+ <a t-href="/shop/product/#{ line.product_id.product_tmpl_id.id }/">
+ <strong t-field="line.product_id.name"/>
+ </a>
+ </div>
+ <div class="text-muted" t-field="line.product_id.description_sale"/>
+ </td>
+ <td class="text-center">
+ <del class="text-danger" t-if="line.product_id.lst_price > line.price_unit">
+ <span t-field="line.product_id.lst_price" t-field-options='{
+ "widget": "monetary",
+ "display_currency": "website.pricelist_id.currency_id"
+ }'/>
+ </del>
+ <span t-field="line.price_unit" t-field-options='{
"widget": "monetary",
"display_currency": "website.pricelist_id.currency_id"
}'/>
- </del>
- <span t-field="line.price_unit" t-field-options='{
- "widget": "monetary",
- "display_currency": "website.pricelist_id.currency_id"
- }'/>
- </td>
- <td>
- <div class="input-group">
- <span class="input-group-addon">
- <a t-href="./remove_cart/?order_line_id=#{ line.id }" t-att-data-id="line.id" class="mb8 js_add_cart_json">
- <span class="icon-minus"/>
- </a>
- </span>
- <input type="text" class="js_quantity form-control"
- t-att-data-id="line.id" t-att-value="int(line.product_uom_qty)"/>
- <span class="input-group-addon">
- <a t-href="./add_cart/?order_line_id=#{ line.id }" t-att-data-id="line.id" class="mb8 float_left js_add_cart_json">
- <span class="icon-plus"/>
- </a>
- </span>
- </div>
-
- </td>
- </tr>
- </tbody>
- </table>
- <table class='pull-right mb16' id="mycart_total">
- <colgroup>
- <col width="100"/>
- <col width="120"/>
- </colgroup>
- <thead>
- <tr style="border-top: 1px solid #000">
- <th><h3>Total:</h3></th>
- <th class="text-right"><h3>
- <span t-field="website_sale_order.amount_total" t-field-options='{
- "widget": "monetary",
- "display_currency": "website.pricelist_id.currency_id"
- }'/></h3>
- </th>
- </tr>
- <tr class="text-muted">
- <td><abbr title="Taxes may be updated after providing shipping address">Incl. Taxes:</abbr></td>
- <td class="text-right">
- <span t-field="website_sale_order.amount_tax" t-field-options='{
- "widget": "monetary",
- "display_currency": "website.pricelist_id.currency_id"
- }'/>
- </td>
- </tr>
- </thead>
- </table>
- <div class="clearfix"/>
-
- <a t-href="/shop" class="btn btn-default"><span class="icon-long-arrow-left"/> Continue Shopping</a>
- <a t-if="website_sale_order and website_sale_order.order_line" t-href="/shop/checkout/" class="btn btn-primary pull-right mb32">Process Checkout <span class="icon-long-arrow-right"/></a>
- <div class="oe_structure"/>
- </div>
- <div class="col-md-3 col-md-offset-1 text-muted" id="right_column">
- <h4>Policies</h4>
- <ul class="list-unstyled mb32">
- <li>☑ 30-days money-back guarantee</li>
- <li>☑ Invoice sent by e-Mail</li>
- </ul>
-
- <h4>Secure Payment</h4>
- <ul class="list-unstyled mb32">
- <li>☑ Transation 256bit encrypted</li>
- <li>☑ Processed by Ogone</li>
- </ul>
-
- </div>
+ </td>
+ <td>
+ <div class="input-group">
+ <span class="input-group-addon">
+ <a t-href="./remove_cart/?order_line_id=#{ line.id }" t-att-data-id="line.id" class="mb8 js_add_cart_json">
+ <span class="icon-minus"/>
+ </a>
+ </span>
+ <input type="text" class="js_quantity form-control"
+ t-att-data-id="line.id" t-att-value="int(line.product_uom_qty)"/>
+ <span class="input-group-addon">
+ <a t-href="./add_cart/?order_line_id=#{ line.id }" t-att-data-id="line.id" class="mb8 float_left js_add_cart_json">
+ <span class="icon-plus"/>
+ </a>
+ </span>
+ </div>
+
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ <table class='pull-right mb16' id="mycart_total">
+ <colgroup>
+ <col width="100"/>
+ <col width="120"/>
+ </colgroup>
+ <thead>
+ <tr style="border-top: 1px solid #000">
+ <th><h3>Total:</h3></th>
+ <th class="text-right"><h3>
+ <span t-field="website_sale_order.amount_total" t-field-options='{
+ "widget": "monetary",
+ "display_currency": "website.pricelist_id.currency_id"
+ }'/></h3>
+ </th>
+ </tr>
+ <tr class="text-muted">
+ <td><abbr title="Taxes may be updated after providing shipping address">Incl. Taxes:</abbr></td>
+ <td class="text-right">
+ <span t-field="website_sale_order.amount_tax" t-field-options='{
+ "widget": "monetary",
+ "display_currency": "website.pricelist_id.currency_id"
+ }'/>
+ </td>
+ </tr>
+ </thead>
+ </table>
+ <div class="clearfix"/>
+ <a t-href="/shop" class="btn btn-default mb32"><span class="icon-long-arrow-left"/> Continue Shopping</a>
+ <a t-if="website_sale_order and website_sale_order.order_line" t-href="/shop/checkout/" class="btn btn-primary pull-right mb32">Process Checkout <span class="icon-long-arrow-right"/></a>
+ <div class="oe_structure"/>
+ </div>
</div>
</div>
</t>
</template>
- <!-- Page Shop -->
+ <!-- Page Shop -->
<template id="products_categories" inherit_option_id="website_sale.products" name="Product Categories">
<xpath expr="//div[@id='products_grid']" position="before">
<div class="row">
<div class="col-md-8 oe_mycart">
- <h3 class="page-header mt16">Set Billing Information
- <small t-if="user_id.id == website.public_user.id"> or
+ <h3 class="page-header mt16">Billing Information
+ <small t-if="user_id.id == website.public_user.id"> or
<a t-if="not partner" t-attf-href="/web#action=redirect&url=#{ request.httprequest.host_url }/shop/checkout/">sign in</a>
</small>
</h3>
"display_currency": "website.pricelist_id.currency_id"
}'/></h4></div>
</div>
- <button type="submit" class="btn btn-default btn-primary pull-right mt16" t-if="user_id.id != website.public_user.id">
- Confirm <span class="icon-long-arrow-right"/>
- </button>
-
</div>
</div>
</form>