Odoo 10 :Adding field in templates by inheritance - odoo-10

Question

I want to add "default_code" field in addons/point_of_sale/static/src/xml by inheriting it in my custom_module.
But getting these erros when Installing/Upgrading my custom module.
Here is my code :
<?xml version="1.0" encoding="UTF-8"?>
<templates id="pos_inh" xml:space="preserve">
<t t-name="ProductRef" t-extends="Product">
<t t-jquery='.product-name' t-operation='inside'>
<span t-esc="product.default_code"/>
</t>
</t>
</templates>
And here is the code where I want to add the default_code field :
<t t-name="Product">
<span class='product' t-att-data-product-id="product.id">
<div class="product-img">
<img t-att-src='image_url' />
<t t-if="!product.to_weight">
<span class="price-tag">
<t t-esc="widget.format_currency(product.price,'Product Price')"/>
</span>
</t>
<t t-if="product.to_weight">
<span class="price-tag">
<t t-esc="widget.format_currency(product.price,'Product Price')+'/'+widget.pos.units_by_id[product.uom_id[0]].name"/>
</span>
</t>
</div>
<div class="product-name">
<t t-esc="product.display_name"/>
</div>
</span>
</t>
Can you help me? Thank you very much

Answer 1

Please use the below code:
<?xml version="1.0" encoding="UTF-8"?>
<templates id="pos_inh" xml:space="preserve">
<t t-name="ProductRef" t-extend="Product">
<t t-jquery='.product-name' t-operation='replace'>
<div class="product-name">
<t t-esc="product.display_name"/>
<span t-esc="product.default_code"/>
</div>
</t>
</t>
</templates>
use the below also in js file
var models = require('point_of_sale.models');
models.load_fields("product.product", ['default_code']);

Answer 2

After some digging on odoo/Apps, I find a module that do something similare, so I just copy, paste and modify the code to do what I need. So, here is the code :
<?xml version="1.0" encoding="UTF-8"?>
<templates id="template" xml:space="preserve">
<t t-extend="Product" name="ProductStockWidget">
<t t-jquery="div.product-name" t-operation="append">
<t t-if="product.default_code">
<br/>
[<t t-esc="product.default_code"/>]
</t>
</t>
</t>
</templates>
And the jquery code is :
odoo.define('pos_ref_articles', function (require) {
"use strict";
var module = require('point_of_sale.models');
var models = module.PosModel.prototype.models;
for (var i = 0; i < models.length; i++) {
var model = models[i];
if (model.model === 'product.product') {
model.fields.push('default_code');
}
}
});