Kingfisher pro dikasa

README.md

@@ -1,2 +0,0 @@
-Kingfisher Pro Repo
-Observación: Cadacommit debe ser bien explicativo para su fácil documentación

__init__.py

@@ -1,5 +1,5 @@
 # -*- coding: utf-8 -*-
-# Part of Biztech Consultancy. See LICENSE file for full copyright and licensing details.
+# Part of AppJetty. See LICENSE file for full copyright and licensing details.
 
 import models
 import controllers

__openerp__.py

@@ -1,13 +1,35 @@
 # -*- coding: utf-8 -*-
-# Part of Biztech Consultancy. See LICENSE file for full copyright and licensing details.
+# Part of AppJetty. See LICENSE file for full copyright and licensing details.
 
 {
-    'name': 'Kingfisher Pro',
-    'description': 'Theme Kingfisher Pro',
+    'name': 'Kingfisher Pro Fashion',
+    'description': '''Theme Kingfisher Pro Fashion
+fashion theme
+fashion
+fashion store
+odoo fashion store
+odoo fashion theme
+apparel store
+apparel theme
+html5 theme
+responsive theme
+ecommerce store
+ecommerce theme
+html5 ecommerce store
+html5 ecommerce theme
+custom theme
+mobile custom theme
+bootstrap theme
+furnishing industry
+odoo 9 theme
+odoo 10 theme
+odoo 11 theme
+custom odoo theme
+    ''',
     'category': 'Theme/Ecommerce',
-    'version': '8.0.1.0.1',
-    'author': 'Biztech Consultancy',
-    'website': 'https://www.biztechconsultancy.com/',
+    'version': '8.0.1.0.10',
+    'author': 'AppJetty',
+    'website': 'https://www.appjetty.com/',
     'depends': [
         'website_sale',
         'mass_mailing',
@@ -28,9 +50,13 @@
     'demo': [
         'data/demo_homepage.xml',
     ],
+    'support': 'support@appjetty.com',
     'application': True,
-    'live_test_url': 'http://theme-kingfisher-pro-fashion.biztechconsultancy.com',
-    'images': ['static/description/splash-screen.png'],
-    'price': 159.00,
+    'live_test_url': 'http://theme-kingfisher-pro-fashion.appjetty.com',
+    'images': [
+        'static/description/splash-screen.png',
+        'static/description/splash-screen_screenshot.png',
+    ],
+    'price': 109.00,
     'currency': 'EUR',
 }

controllers/__init__.py

@@ -1,4 +1,4 @@
 # -*- coding: utf-8 -*-
-# Part of Biztech Consultancy. See LICENSE file for full copyright and licensing details.
+# Part of AppJetty. See LICENSE file for full copyright and licensing details.
 
 import main

controllers/main.py

@@ -1,5 +1,5 @@
 # -*- coding: utf-8 -*-
-# Part of Biztech Consultancy. See LICENSE file for full copyright and licensing details.
+# Part of AppJetty. See LICENSE file for full copyright and licensing details.
 
 import re
 from openerp import http
@@ -147,8 +147,7 @@ class KingfisherProBrandSlider(website_sale):
     @http.route(['/shop',
                  '/shop/page/<int:page>',
                  '/shop/category/<model("product.public.category"):category>',
-                 """/shop/category/<model("product.public.category"):category>
-                 /page/<int:page>""",
+                 '/shop/category/<model("product.public.category"):category>/page/<int:page>',
                  '/shop/brands'],
                 type='http',
                 auth='public',
@@ -161,7 +160,16 @@ class KingfisherProBrandSlider(website_sale):
             page=page, category=category, brand=brand, search=search, **post)
         sort_order = ""
         cat_id = []
-        ppg = main_shop.PPG
+
+        page_obj = pool.get('product.per.page.no')
+        page_id = page_obj.search(
+            cr, uid, [('set_default_check', '=', True)], context=context)
+        page_no = page_obj.browse(cr, uid, page_id, context=context)
+        if page_no:
+            ppg = page_no.name
+        else:
+            ppg = main_shop.PPG
+
         product = []
         newproduct = []
 
@@ -176,9 +184,17 @@ class KingfisherProBrandSlider(website_sale):
         domain += self._get_search_domain(search, category, attrib_values)
         url = "/shop"
         # For Product tags
+        keep = QueryURL('/shop', category=category and int(category), search=search,
+                        attrib=attrib_list, order=post.get('order'))
         if post:
             request.session.update(post)
 
+        if search:
+            post["search"] = search
+
+        if attrib_list:
+            post['attrib'] = attrib_list
+
         prevurl = request.httprequest.referrer
         if prevurl:
             if not re.search('/shop', prevurl, re.IGNORECASE):
@@ -191,6 +207,10 @@ class KingfisherProBrandSlider(website_sale):
 
         session = request.session
         # for category filter
+        if category:
+            category = pool['product.public.category'].browse(
+                cr, uid, int(category), context=context)
+            url = "/shop/category/%s" % slug(category)
         if category != None:
             for ids in category:
                 cat_id.append(ids.id)
@@ -224,36 +244,46 @@ class KingfisherProBrandSlider(website_sale):
                 request.session["sortid"] = [sort, sort_order, sort_field.name, order_type]
 
         # For Price slider
-        product_slider_ids = product_obj.search(cr, uid, [], context=context)
-        products_slider = product_obj.browse(cr, uid, product_slider_ids, context=context)
-        product_withprice = products_slider._product_template_price(products_slider, domain)
-
-        if product_withprice:
+        product_slider_ids = []
+        asc_product_slider_id = product_obj.search(cr, uid,
+                                                   [('website_published', '=', True)], limit=1, order='list_price')
+        desc_product_slider_id = product_obj.search(cr, uid,
+                                                    [('website_published', '=', True)], limit=1, order='list_price desc')
+        asc_product_slider_ids = product_obj.browse(
+            cr, uid, asc_product_slider_id, context=context)
+        desc_product_slider_ids = product_obj.browse(
+            cr, uid, desc_product_slider_id, context=context)
+
+        if asc_product_slider_ids:
+            product_slider_ids.append(asc_product_slider_ids.list_price)
+        if desc_product_slider_ids:
+            product_slider_ids.append(desc_product_slider_ids.list_price)
+
+        if product_slider_ids:
             if post.get("range1") or post.get("range2") or not post.get("range1") or not post.get("range2"):
-                range1 = min(product_withprice.values())
-                range2 = max(product_withprice.values())
+                range1 = min(product_slider_ids)
+                range2 = max(product_slider_ids)
                 result.qcontext['range1'] = range1
                 result.qcontext['range2'] = range2
 
-            if session.get("min1") and session["min1"]:
-                post["min1"] = session["min1"]
-            if session.get("max1") and session["max1"]:
-                post["max1"] = session["max1"]
-            if range1:
-                post["range1"] = range1
-            if range1:
-                post["range2"] = range1
+                if session.get("min1") and session["min1"]:
+                    post["min1"] = session["min1"]
+                if session.get("max1") and session["max1"]:
+                    post["max1"] = session["max1"]
+                if range1:
+                    post["range1"] = range1
+                if range2:
+                    post["range2"] = range2
+                if range1 == range2:
+                    post['range1'] = 0.0
 
             if request.session.get('min1') or request.session.get('max1'):
                 if request.session.get('min1'):
                     if request.session['min1'] != None:
-                        for prod_id in product_withprice:
-                            if product_withprice.get(prod_id) >= float(request.session['min1']) and product_withprice.get(prod_id) <= float(request.session['max1']):
-                                product.append(prod_id)
+                        domain += [('list_price', '>=', request.session.get('min1')),
+                                   ('list_price', '<=', request.session.get('max1'))]
                         request.session["pricerange"] = str(
                             request.session['min1'])+"-To-"+str(request.session['max1'])
-                newproduct = product
-                domain += [('id', 'in', newproduct)]
 
             if session.get('min1') and session['min1']:
                 result.qcontext['min1'] = session["min1"]
@@ -283,7 +313,8 @@ class KingfisherProBrandSlider(website_sale):
         result.qcontext.update({'products': products})
         result.qcontext.update({'category': category})
         result.qcontext.update({'pager': pager})
-
+        result.qcontext.update({'keep': keep})
+        result.qcontext.update({'search': search})
         result.qcontext.update({'bins': table_compute().process(products)})
 
         result.qcontext['brand'] = brand
@@ -297,7 +328,7 @@ class KingfisherProBrandSlider(website_sale):
             product_id=product_id, line_id=line_id, add_qty=add_qty, set_qty=set_qty, display=display)
         result.update({'kingfisher_pro.hover_total': request.website._render("kingfisher_pro.hover_total", {
             'website_sale_order': request.website.sale_get_order()
-            })
+        })
         })
         return result
 
@@ -339,8 +370,7 @@ class KingfisherProBrandSlider(website_sale):
                 request.session[remove] = ''
                 return True
 
-
-    @http.route(['/shop/cart/update'], type='http', auth="public", methods=['POST'], website=True)
+ @http.route(['/shop/cart/update'], type='http', auth="public", methods=['POST'], website=True)
     def cart_update(self, product_id, add_qty=1, set_qty=0, **kw):
         cr, uid, context = request.cr, request.uid, request.context
         request.website.sale_get_order(force_create=1)._cart_update(product_id=int(product_id), add_qty=float(add_qty), set_qty=float(set_qty))

data/data.xml

@@ -28,7 +28,7 @@
         </record>
 
         <record id="record_no_of_product_per_page" model="product.per.page" >
-            <field name="name">Mostrar</field>
+            <field name="name">Ver</field>
             <field name="no_ids" eval="[(6, 0, [ref('record_no_of_product_per_page_no_10'),
                                                ref('record_no_of_product_per_page_no_20'),
                                                ref('record_no_of_product_per_page_no_30'),

doc/changelog.rst

@@ -11,3 +11,80 @@ Added translations file and make fields translatable
 1/. Added translation file for French(BE).
 
 2/. Make char fields translatable.
+
+*****
+
+Fixed the category paging issue
+
+*****
+
+1/. Fixed the issue which occured while switching pages into categories on website.
+
+
+*****
+
+Fixed paging issue
+
+*****
+
+1/. Fixed default paging issue
+
+
+*****
+
+Updated xpath for Product Quantity template
+
+*****
+
+1. Updated xpath for Product Quantity template
+
+
+*****
+
+Updated multi image slider for variant image support
+
+*****
+
+1. Updated multi image slider for variant image support
+
+
+*****
+
+Editing image was not possible when you create product using website
+
+*****
+
+1. Editing image was not possible when you create product using website.
+
+
+******************************************
+
+Provided access rights for theme features
+
+******************************************
+
+Provided access rights for the features like Multi image, sliders, tags and etc.
+
+
+******************************************
+Add some new features
+******************************************
+- Single product attribute will be visible on product detail page.
+- Fixed search issue with paging.
+- Removed "#0" and replaced it with "#" on the button to top.
+
+*****************************************
+Bug Fixes
+******************************************
+- Replace xrange function with range function.
+- Some minor bug fixes.
+
+*****************************************
+Fixed shop page loading issue
+******************************************
+- Fixed shop page loading issue
+
+*****************************************
+Fixed Qty. spinner 
+******************************************
+- Fixed Qty spinner issue on plus and minus.

models/__init__.py

@@ -1,5 +1,5 @@
 # -*- coding: utf-8 -*-
-# Part of Biztech Consultancy. See LICENSE file for full copyright and licensing details.
+# Part of AppJetty. See LICENSE file for full copyright and licensing details.
 
 import slider
 import products

models/products.py

@@ -1,5 +1,5 @@
 # -*- coding: utf-8 -*-
-# Part of Biztech Consultancy. See LICENSE file for full copyright and licensing details.
+# Part of AppJetty. See LICENSE file for full copyright and licensing details.
 
 from openerp import api, fields, models, _
 from openerp.exceptions import Warning
@@ -100,8 +100,8 @@ class ProductTags(models.Model):
     active = fields.Boolean(
         string="Activo", help="Habilitar o desabilitar etiquetas en el sitio web", default=True)
     sequence = fields.Integer(
-        string='Sequencia', help="You can define sequence of tags you want to show tags")
-    product_ids = fields.Many2many('product.template', string='Productos', required=True)
+        string='Sequence', help="Puedes definir la secuencia de etiquetas que quieres mostrar")
+    product_ids = fields.Many2many('product.template', string='Products', required=True)
 
     _sql_constraints = [('unique_tag_name', 'unique(name)', 'Etiqueta debe ser unico..!'), ]
 

models/slider.py

@@ -1,5 +1,5 @@
 # -*- coding: utf-8 -*-
-# Part of Biztech Consultancy. See LICENSE file for full copyright and licensing details.
+# Part of AppJetty. See LICENSE file for full copyright and licensing details.
 
 from openerp import api, fields, models
 

models/website.py

@@ -1,5 +1,5 @@
 # -*- coding: utf-8 -*-
-# Part of Biztech Consultancy. See LICENSE file for full copyright and licensing details.
+# Part of AppJetty. See LICENSE file for full copyright and licensing details.
 
 import math
 import werkzeug
@@ -7,6 +7,8 @@ from openerp import api, fields, models, _
 from openerp.http import request
 from openerp.addons.website_sale.controllers import main
 
+PPG = 18
+
 
 class WebsiteMenu(models.Model):
     _inherit = "website.menu"
@@ -102,7 +104,7 @@ class website(models.Model):
         if request.session.get('default_paging_no'):
             return int(request.session.get('default_paging_no'))
         else:
-            return main.PPG
+            return PPG
 
     def pager(self, cr, uid, ids, url, total, page=1, step=30, scope=5, url_args=None, context=None):
         res = super(website, self). pager(cr, uid, ids, url=url,
@@ -126,8 +128,21 @@ class website(models.Model):
 
         def get_url(page):
             _url = "%s/page/%s" % (url, page) if page > 1 else url
-            if url_args and not url_args.get('tag') and not url_args.get('range1') and not url_args.get('range2') and not url_args.get('max1') and not url_args.get('min1') and not url_args.get('sort_id'):
-                _url = "%s?%s" % (_url, werkzeug.url_encode(url_args))
+            if url_args:
+                if url_args.get('tag'):
+                    del url_args['tag']
+                if url_args.get('range1'):
+                    del url_args['range1']
+                if url_args.get('range2'):
+                    del url_args['range2']
+                if url_args.get('max1'):
+                    del url_args['max1']
+                if url_args.get('min1'):
+                    del url_args['min1']
+                if url_args.get('sort_id'):
+                    del url_args['sort_id']
+                if not url_args.get('tag') and not url_args.get('range1') and not url_args.get('range2') and not url_args.get('max1') and not url_args.get('min1') and not url_args.get('sort_id'):
+                    _url = "%s?%s" % (_url, werkzeug.url_encode(url_args))
             return _url
         res.update({
             # Overrite existing
@@ -157,7 +172,7 @@ class website(models.Model):
             },
             'pages': [
                 {'url': get_url(page), 'num': page}
-                for page in xrange(pmin, pmax+1)
+                for page in range(pmin, pmax+1)
             ]
         })
         return res

security/ir.model.access.csv

@@ -9,3 +9,11 @@ access_multi_slider_config,access_multi_slider_config,model_multi_slider_config,
 access_product_per_page_no,access_product_per_page_no,model_product_per_page_no,,1,0,0,0
 access_product_per_page,access_product_per_page,model_product_per_page,,1,0,0,0
 access_biztech_product_style_tag,access_biztech_product_style_tag,model_biztech_product_style_tag,,1,0,0,0
+access_biztech_product_brand,access_biztech_product_brand,model_product_brands,base.group_website_designer,1,1,1,1
+access_biztech_product_catagory_slider,access_biztech_product_catagory_slider,model_product_category_slider_config,base.group_website_designer,1,1,1,1
+access_biztech_multi_product_slider,access_biztech_multi_product_slider,model_multi_slider_config,base.group_website_designer,1,1,1,1
+access_biztech_custom_product_style_tag,access_biztech_custom_product_style_tag,model_biztech_product_style_tag,base.group_website_designer,1,1,1,1
+access_biztech_product_sorting,access_biztech_product_sorting,model_biztech_product_sortby,base.group_website_designer,1,1,1,1
+access_biztech_custom_product_tags,access_biztech_custom_product_tags,model_biztech_product_tags,base.group_website_designer,1,1,1,1
+access_biztech_product_multiple_images,access_biztech_product_multiple_images,model_biztech_product_images,base.group_website_designer,1,1,1,1
+access_biztech_website_product_paging,access_biztech_website_product_paging,model_product_per_page,base.group_website_designer,1,1,1,1

static/description/index.html

@@ -1,8 +1,10 @@
 <section class="oe_container">
     <div class="oe_row oe_spaced">
         <div class="oe_span12">
+            <div style="text-align: center; margin-top:30px; margin-bottom:30px;"><a href="https://www.appjetty.com/odoo-development.htm" style="display: inline-block; margin:auto; background: #875A7B; color: #fff; font-weight: bold; font-size: 18px; padding: 0 33px; line-height: 45px; border-radius: 5px;">Get Free Odoo Consultancy</a></div>
+
             <h2 class="oe_slogan" style="color:#FF5D5D;">A Fashion Online Store With Outstanding Elements</h2>
-            <p class=" text-center text-muted" style=" font-size:20px">Are you looking for a dedicated theme on fashion industry for your e-commerce store? Well, Biztech has come up with specialized theme for fashion industry with kingfisher brand naming Kingfisher Pro Fashion that is dedicatedly made for widely growing E-Commerce Fashion Industry. With the help of multiple snippets provided by the Theme admin can customize the store with elegant looks. Kingfisher Pro Fashion has support for apps like Advance Mega Menu &amp; Custom Product Image Gallery, so admin can represent the products and its categories &amp; subcategories effectively.</p>
+            <p class=" text-center text-muted" style=" font-size:20px">Are you looking for a dedicated theme on fashion industry for your e-commerce store? Well, AppJetty has come up with specialized theme for fashion industry with kingfisher brand naming Kingfisher Pro Fashion that is dedicatedly made for widely growing E-Commerce Fashion Industry. With the help of multiple snippets provided by the Theme admin can customize the store with elegant looks. Kingfisher Pro Fashion has support for apps like Advance Mega Menu &amp; Custom Product Image Gallery, so admin can represent the products and its categories &amp; subcategories effectively.</p>
         </div>
     </div>
     <div class="container-fluid" style="background-color:#E8E8E8; padding:20px 0px 90px 0px">
@@ -11,7 +13,7 @@
         </div>
         <div class="container" style="line-height:32px;">
             <div class="col-md-12 text-center">
-                <img src="icons.png" class="img-responsive" />
+                <img src="icons.png" class="img-fluid" />
             </div>
         </div>
     </div>
@@ -23,7 +25,7 @@
         </div>
         <div class="container">
             <div class="col-md-12 text-center">
-                <img src="building-blocks.jpg" class="img-responsive" />
+                <img src="building-blocks.jpg" class="img-fluid" />
             </div>
         </div>
     </div>
@@ -39,322 +41,372 @@
     </div>
     <section class="container oe_dark" style="padding: 20px 5px 0px; margin-bottom:50px">
         <div class="container">
-            <div class="col-md-6">
-                <img class="img-border img-responsive thumbnail" src="slider.png" />
-            </div>
-            <div class="col-md-6">
-                <h3 style="color:#FF5D5D;">Banner Slider Snippet</h3>
-                <p class="text-muted text-left">With the Brand Slider Snippet display all the highly engaging brands from your store. Customize content and images for exclusive look &amp; feel of the banner.
-            </p>
+            <div class="row">
+                <div class="col-md-6">
+                    <img class="img-border img-fluid thumbnail" src="slider.png" />
+                </div>
+                <div class="col-md-6">
+                    <h3 style="color:#FF5D5D;">Banner Slider Snippet</h3>
+                    <p class="text-muted text-left">With the Brand Slider Snippet display all the highly engaging brands from your store. Customize content and images for exclusive look &amp; feel of the banner.
+                </p>
+                </div>
             </div>
         </div>
     </section>
     <section class="container oe_dark" style="padding: 20px 5px 0px; margin-bottom:50px">
         <div class="container">
-            <div class="col-md-6">
-                <h3 class="text-left" style="color:#FF5D5D;">Product Slider snippet</h3>
-                <ul style="list-style-type:none; padding-left:0">
-                    <li>
-                        <p class="text-muted">Add a snippet to your E-Commerce store containing exclusive products from product list.</p>
-                    </li>
-                    <li>
-                        <p class="text-muted">From this snippet your customer can directly add product to the cart and can also see ratings of the added product.</p>
-                    </li>
-                    <li>
-                        <p class="text-muted">Product Slider snippet supports two different widths:
-                </p>
-                        <ul style="list-style-type:disc; padding: 13px;">
-                            <li>
-                                <p class="text-muted">Full Page Width Slider</p>
-                            </li>
-                            <li>
-                                <p class="text-muted">Box Width Slider</p>
-                            </li>
-                        </ul>
-                    </li>
-                </ul>
-            </div>
-            <div class="col-md-6">
-                <img class="img-border img-responsive thumbnail" src="product-slider.png" />
+            <div class="row">
+                <div class="col-md-6">
+                    <h3 class="text-left" style="color:#FF5D5D;">Product Slider snippet</h3>
+                    <ul style="list-style-type:none; padding-left:0">
+                        <li>
+                            <p class="text-muted">Add a snippet to your E-Commerce store containing exclusive products from product list.</p>
+                        </li>
+                        <li>
+                            <p class="text-muted">From this snippet your customer can directly add product to the cart and can also see ratings of the added product.</p>
+                        </li>
+                        <li>
+                            <p class="text-muted">Product Slider snippet supports two different widths:
+                    </p>
+                            <ul style="list-style-type:disc; padding: 13px;">
+                                <li>
+                                    <p class="text-muted">Full Page Width Slider</p>
+                                </li>
+                                <li>
+                                    <p class="text-muted">Box Width Slider</p>
+                                </li>
+                            </ul>
+                        </li>
+                    </ul>
+                </div>
+                <div class="col-md-6">
+                    <img class="img-border img-fluid thumbnail" src="product-slider.png" />
+                </div>
             </div>
         </div>
     </section>
     <section class="container oe_dark" style="padding: 20px 5px 0px; margin-bottom:50px">
         <div class="container">
-            <div class="col-md-6">
-                <img class="img-border img-responsive thumbnail" src="category-slider.png" />
-            </div>
-            <div class="col-md-6">
-                <h3 class="text-left" style="color:#FF5D5D;">Category Slider snippet</h3>
-                <ul style="list-style-type:none; padding-left:0">
-                    <li>
-                        <p class="text-muted">Add a snippet to your E-Commerce store containing exclusive products from product Categories. List Multiple Product Categories and add products to them.</p>
-                    </li>
-                    <li>
-                        <p class="text-muted">Category Slider snippet supports two different widths:</p>
-                    </li>
-                    <ul>
+            <div class="row">
+                <div class="col-md-6">
+                    <img class="img-border img-fluid thumbnail" src="category-slider.png" />
+                </div>
+                <div class="col-md-6">
+                    <h3 class="text-left" style="color:#FF5D5D;">Category Slider snippet</h3>
+                    <ul style="list-style-type:none; padding-left:0">
                         <li>
-                            <p class="text-muted">Full Page Width Slider</p>
+                            <p class="text-muted">Add a snippet to your E-Commerce store containing exclusive products from product Categories. List Multiple Product Categories and add products to them.</p>
                         </li>
                         <li>
-                            <p class="text-muted">Box Width Slider</p>
+                            <p class="text-muted">Category Slider snippet supports two different widths:</p>
                         </li>
+                        <ul>
+                            <li>
+                                <p class="text-muted">Full Page Width Slider</p>
+                            </li>
+                            <li>
+                                <p class="text-muted">Box Width Slider</p>
+                            </li>
+                        </ul>
                     </ul>
-                </ul>
+                </div>
             </div>
         </div>
     </section>
     <section class="container oe_dark" style="padding: 20px 5px 0px; margin-bottom:50px">
         <div class="container">
-            <div class="col-md-6">
-                <h3 class="text-left" style="color:#FF5D5D;">Multi Products Tab SliderSnippet</h3>
-                <p class="text-muted">You can add products of multiple types into one single slider. There will be switchable tabs to display the products. You can add as many products as you want in that slider in numerous tabs.</p>
-            </div>
-            <div class="col-md-6">
-                <img class="img-border img-responsive thumbnail" src="tabs.png" />
+            <div class="row">
+                <div class="col-md-6">
+                    <h3 class="text-left" style="color:#FF5D5D;">Multi Products Tab SliderSnippet</h3>
+                    <p class="text-muted">You can add products of multiple types into one single slider. There will be switchable tabs to display the products. You can add as many products as you want in that slider in numerous tabs.</p>
+                </div>
+                <div class="col-md-6">
+                    <img class="img-border img-fluid thumbnail" src="tabs.png" />
+                </div>
             </div>
         </div>
     </section>
     <section class="container oe_dark" style="padding: 20px 5px 0px; margin-bottom:50px">
         <div class="container">
-            <div class="col-md-6">
-                <img class="img-border img-responsive thumbnail" src="promo.png" />
-            </div>
-            <div class="col-md-6">
-                <h3 class="text-left" style="color:#FF5D5D;">Promo Snippet</h3>
-                <ul style="list-style-type:none; padding-left:0">
-                    <li>
-                        <p class="text-muted">Add promo products in your store with editable advertisements. Customer can directly shop for that product from the Promo snippet.</p>
-                    </li>
-                    <li>
-                        <p class="text-muted">You can also add URL for the text and set styles accordingly.</p>
-                    </li>
-                </ul>
+            <div class="row">
+                <div class="col-md-6">
+                    <img class="img-border img-fluid thumbnail" src="promo.png" />
+                </div>
+                <div class="col-md-6">
+                    <h3 class="text-left" style="color:#FF5D5D;">Promo Snippet</h3>
+                    <ul style="list-style-type:none; padding-left:0">
+                        <li>
+                            <p class="text-muted">Add promo products in your store with editable advertisements. Customer can directly shop for that product from the Promo snippet.</p>
+                        </li>
+                        <li>
+                            <p class="text-muted">You can also add URL for the text and set styles accordingly.</p>
+                        </li>
+                    </ul>
+                </div>
             </div>
         </div>
     </section>
     <section class="container oe_dark" style="padding: 20px 5px 0px; margin-bottom:50px">
         <div class="container">
-            <div class="col-md-6">
-                <h3 class="text-left" style="color:#FF5D5D;">Brand Snippet</h3>
-                <p class="text-muted">Display all the high profile brands’ products that your store endorses. Customer can directly shop for products of the presented brands from the brand slider.</p>
-            </div>
-            <div class="col-md-6">
-                <img class="img-border img-responsive thumbnail" src="brand.png" />
+            <div class="row">
+                <div class="col-md-6">
+                    <h3 class="text-left" style="color:#FF5D5D;">Brand Snippet</h3>
+                    <p class="text-muted">Display all the high profile brands’ products that your store endorses. Customer can directly shop for products of the presented brands from the brand slider.</p>
+                </div>
+                <div class="col-md-6">
+                    <img class="img-border img-fluid thumbnail" src="brand.png" />
+                </div>
             </div>
         </div>
     </section>
     <section class="container oe_dark" style="padding: 20px 5px 0px; margin-bottom:50px">
         <div class="container">
-            <div class="col-md-6">
-                <img class="img-border img-responsive thumbnail" src="single-slider.png" />
-            </div>
-            <div class="col-md-6">
-                <h3 class="text-left" style="color:#FF5D5D;">Single Banner Without Slider</h3>
-                <p class="text-muted">Display the most elite collection of your store with the single banner and highlight it for the store customers.
-            </p>
+            <div class="row">
+                <div class="col-md-6">
+                    <img class="img-border img-fluid thumbnail" src="single-slider.png" />
+                </div>
+                <div class="col-md-6">
+                    <h3 class="text-left" style="color:#FF5D5D;">Single Banner Without Slider</h3>
+                    <p class="text-muted">Display the most elite collection of your store with the single banner and highlight it for the store customers.
+                </p>
+                </div>
             </div>
         </div>
     </section>
     <section class="container oe_dark" style="padding: 20px 5px 0px; margin-bottom:50px">
         <div class="container">
-            <div class="col-md-6">
-                <h3 class="text-left" style="color:#FF5D5D;">Blog Slider snippet</h3>
-                <p class="text-muted">Display the latest blogs posted by your site or related to your products with Blog Slider Snippet provided by the theme. </p>
-            </div>
-            <div class="col-md-6">
-                <img class="img-border img-responsive thumbnail" src="blog.png" />
+            <div class="row">
+                <div class="col-md-6">
+                    <h3 class="text-left" style="color:#FF5D5D;">Blog Slider snippet</h3>
+                    <p class="text-muted">Display the latest blogs posted by your site or related to your products with Blog Slider Snippet provided by the theme. </p>
+                </div>
+                <div class="col-md-6">
+                    <img class="img-border img-fluid thumbnail" src="blog.png" />
+                </div>
             </div>
         </div>
     </section>
     <section class="container oe_dark" style="padding: 20px 5px 0px; margin-bottom:50px">
         <div class="container">
-            <div class="col-md-6">
-                <img class="img-border img-responsive thumbnail" src="testimonials.png" />
-            </div>
-            <div class="col-md-6">
-                <h3 class="text-left" style="color:#FF5D5D;">Testimonials Slider snippet</h3>
-                <p class="text-muted">Show the world what people have to say about your e-commerce store with the Testimonial Slider Snippet.</p>
+            <div class="row">
+                <div class="col-md-6">
+                    <img class="img-border img-fluid thumbnail" src="testimonials.png" />
+                </div>
+                <div class="col-md-6">
+                    <h3 class="text-left" style="color:#FF5D5D;">Testimonials Slider snippet</h3>
+                    <p class="text-muted">Show the world what people have to say about your e-commerce store with the Testimonial Slider Snippet.</p>
+                </div>
             </div>
         </div>
     </section>
     <section class="container oe_dark" style="padding: 20px 5px 0px; margin-bottom:50px">
         <div class="container">
-            <div class="col-md-6">
-                <h3 class="text-left" style="color:#FF5D5D;">Services snippet</h3>
-                <p class="text-muted">Demonstrate extra – ordinary services that you provide for your customers with Kingfisher Pro Fashion’s Service Snippet.</p>
-            </div>
-            <div class="col-md-6">
-                <img class="img-border img-responsive thumbnail" src="service.png" />
+            <div class="row">
+                <div class="col-md-6">
+                    <h3 class="text-left" style="color:#FF5D5D;">Services snippet</h3>
+                    <p class="text-muted">Demonstrate extra – ordinary services that you provide for your customers with Kingfisher Pro Fashion’s Service Snippet.</p>
+                </div>
+                <div class="col-md-6">
+                    <img class="img-border img-fluid thumbnail" src="service.png" />
+                </div>
             </div>
         </div>
     </section>
     <section class="container oe_dark" style="padding: 20px 5px 0px; margin-bottom:50px">
         <div class="container">
-            <div class="col-md-6">
-                <img class="img-border img-responsive thumbnail" src="reviews.png" />
-            </div>
-            <div class="col-md-6">
-                <h3 class="text-left" style="color:#FF5D5D;">Managing Product Reviews</h3>
-                <p class="text-muted">Manage the reviews of the products provided by the users. Option to publish, unpublish and edit the reviews.</p>
+            <div class="row">
+                <div class="col-md-6">
+                    <img class="img-border img-fluid thumbnail" src="reviews.png" />
+                </div>
+                <div class="col-md-6">
+                    <h3 class="text-left" style="color:#FF5D5D;">Managing Product Reviews</h3>
+                    <p class="text-muted">Manage the reviews of the products provided by the users. Option to publish, unpublish and edit the reviews.</p>
+                </div>
             </div>
         </div>
     </section>
     <section class="container oe_dark" style="padding: 20px 5px 0px; margin-bottom:50px">
         <div class="container">
-            <div class="col-md-6">
-                <h3 class="text-left" style="color:#FF5D5D;">Advance Mega Menu</h3>
-                <p class="text-muted">Make your simple menu mega menu with the help of Advance Mega Menu available in Kingfisher Pro Fashion Theme. Display all the product categories and sub categories in mega menu for easy and better navigation.</p>
-            </div>
-            <div class="col-md-6">
-                <img class="img-border img-responsive thumbnail" src="mega-menu.png" />
+            <div class="row">
+                <div class="col-md-6">
+                    <h3 class="text-left" style="color:#FF5D5D;">Advance Mega Menu</h3>
+                    <p class="text-muted">Make your simple menu mega menu with the help of Advance Mega Menu available in Kingfisher Pro Fashion Theme. Display all the product categories and sub categories in mega menu for easy and better navigation.</p>
+                </div>
+                <div class="col-md-6">
+                    <img class="img-border img-fluid thumbnail" src="mega-menu.png" />
+                </div>
             </div>
         </div>
     </section>
     <section class="container oe_dark" style="padding: 20px 5px 0px; margin-bottom:50px">
         <div class="container">
-            <div class="col-md-6">
-                <img class="img-border img-responsive thumbnail" src="multiple-products.png" />
-            </div>
-            <div class="col-md-6">
-                <h3 class="text-left" style="color:#FF5D5D;">Product Multiple Image Gallery</h3>
-                <p class="text-muted">The Kingfisher Pro Fashion theme has a support for Product multiple image galleries with image zoom in/out, image full screen and video support.</p>
+            <div class="row">
+                <div class="col-md-6">
+                    <img class="img-border img-fluid thumbnail" src="multiple-products.png" />
+                </div>
+                <div class="col-md-6">
+                    <h3 class="text-left" style="color:#FF5D5D;">Product Multiple Image Gallery</h3>
+                    <p class="text-muted">The Kingfisher Pro Fashion theme has a support for Product multiple image galleries with image zoom in/out, image full screen and video support.</p>
+                </div>
             </div>
         </div>
     </section>
     <section class="container oe_dark" style="padding: 20px 5px 0px; margin-bottom:50px">
         <div class="container">
-            <div class="col-md-6">
-                <h3 class="text-left" style="color:#FF5D5D;">Theme Customization</h3>
-                <p class="text-muted">You can customize the theme the way you want. You can change the theme layout, Theme’s main color &amp; Theme’s font combination.</p>
-            </div>
-            <div class="col-md-6">
-                <img class="img-border img-responsive thumbnail" src="theme-customization.png" />
+            <div class="row">
+                <div class="col-md-6">
+                    <h3 class="text-left" style="color:#FF5D5D;">Theme Customization</h3>
+                    <p class="text-muted">You can customize the theme the way you want. You can change the theme layout, Theme’s main color &amp; Theme’s font combination.</p>
+                </div>
+                <div class="col-md-6">
+                    <img class="img-border img-fluid thumbnail" src="theme-customization.png" />
+                </div>
             </div>
         </div>
     </section>
     <section class="container oe_dark" style="padding: 20px 5px 0px; margin-bottom:50px">
         <div class="container">
-            <div class="col-md-6">
-                <img class="img-border img-responsive thumbnail" src="footer.png" />
-            </div>
-            <div class="col-md-6">
-                <h3 class="text-left" style="color:#FF5D5D;">Customizable Header &amp; Footer</h3>
-                <p class="text-muted">You can customize the header &amp; footer as per your requirements for fascinating looks. You can add / delete in from the header and footer as per the needs as it is totally customizable block. You can also add links to header &amp; footer content for speedy navigation.</p>
+            <div class="row">
+                <div class="col-md-6">
+                    <img class="img-border img-fluid thumbnail" src="footer.png" />
+                </div>
+                <div class="col-md-6">
+                    <h3 class="text-left" style="color:#FF5D5D;">Customizable Header &amp; Footer</h3>
+                    <p class="text-muted">You can customize the header &amp; footer as per your requirements for fascinating looks. You can add / delete in from the header and footer as per the needs as it is totally customizable block. You can also add links to header &amp; footer content for speedy navigation.</p>
+                </div>
             </div>
         </div>
     </section>
     <section class="container oe_dark" style="padding: 20px 5px 0px; margin-bottom:50px">
         <div class="container">
-            <div class="col-md-6">
-                <h3 class="text-left" style="color:#FF5D5D;">Multiple Product Views</h3>
-                <p class="text-muted">Customers can view the products in a grid view or a list view as per their likes.</p>
-                <p>
-                    <b>NOTE: To use this feature do not enable Default List View provided by Odoo.</b>
-                </p>
-            </div>
-            <div class="col-md-6">
-                <img class="img-border img-responsive thumbnail" src="multiple-views.png" />
+            <div class="row">
+                <div class="col-md-6">
+                    <h3 class="text-left" style="color:#FF5D5D;">Multiple Product Views</h3>
+                    <p class="text-muted">Customers can view the products in a grid view or a list view as per their likes.</p>
+                    <p>
+                        <b>NOTE: To use this feature do not enable Default List View provided by Odoo.</b>
+                    </p>
+                </div>
+                <div class="col-md-6">
+                    <img class="img-border img-fluid thumbnail" src="multiple-views.png" />
+                </div>
             </div>
         </div>
     </section>
     <section class="container oe_dark" style="padding: 20px 5px 0px; margin-bottom:50px">
         <div class="container">
-            <div class="col-md-6">
-                <img class="img-border img-responsive thumbnail" src="categories.png" />
-            </div>
-            <div class="col-md-6">
-                <h3 class="text-left" style="color:#FF5D5D;">Categorized Product List</h3>
-                <p class="text-muted">Manage product category list as per your choice. You can make the category list collapsible to save space and make the look of the site more compact from Customize menu of the website.</p>
+            <div class="row">
+                <div class="col-md-6">
+                    <img class="img-border img-fluid thumbnail" src="categories.png" />
+                </div>
+                <div class="col-md-6">
+                    <h3 class="text-left" style="color:#FF5D5D;">Categorized Product List</h3>
+                    <p class="text-muted">Manage product category list as per your choice. You can make the category list collapsible to save space and make the look of the site more compact from Customize menu of the website.</p>
+                </div>
             </div>
         </div>
     </section>
     <section class="container oe_dark" style="padding: 20px 5px 0px; margin-bottom:50px">
         <div class="container">
-            <div class="col-md-6">
-                <h3 class="text-left" style="color:#FF5D5D;">Product Sorting with Price Slider</h3>
-                <p class="text-muted">Customer can sort the products on all the product attributes provided by the admin at the time of product configurations. Price Slider can be to the website from Customize option in website.</p>
-            </div>
-            <div class="col-md-6">
-                <img class="img-border img-responsive thumbnail" src="price-slider.png" />
+            <div class="row">
+                <div class="col-md-6">
+                    <h3 class="text-left" style="color:#FF5D5D;">Product Sorting with Price Slider</h3>
+                    <p class="text-muted">Customer can sort the products on all the product attributes provided by the admin at the time of product configurations. Price Slider can be to the website from Customize option in website.</p>
+                </div>
+                <div class="col-md-6">
+                    <img class="img-border img-fluid thumbnail" src="price-slider.png" />
+                </div>
             </div>
         </div>
     </section>
     <section class="container oe_dark" style="padding: 20px 5px 0px; margin-bottom:50px">
         <div class="container">
-            <div class="col-md-6">
-                <img class="img-border img-responsive thumbnail" src="tags.png" />
-            </div>
-            <div class="col-md-6">
-                <h3 class="text-left" style="color:#FF5D5D;">Product Sorting with Product Tags</h3>
-                <p class="text-muted">Customer can sort the products on Product Tags provided by admin for Sorting.</p>
+            <div class="row">
+                <div class="col-md-6">
+                    <img class="img-border img-fluid thumbnail" src="tags.png" />
+                </div>
+                <div class="col-md-6">
+                    <h3 class="text-left" style="color:#FF5D5D;">Product Sorting with Product Tags</h3>
+                    <p class="text-muted">Customer can sort the products on Product Tags provided by admin for Sorting.</p>
+                </div>
             </div>
         </div>
     </section>
     <section class="container oe_dark" style="padding: 20px 5px 0px; margin-bottom:50px">
         <div class="container">
-            <div class="col-md-6">
-                <h3 class="text-left" style="color:#FF5D5D;">Product Pagination</h3>
-                <p class="text-muted">Admin can set Pagination for the shop page from back end and let customers decide products to display from given options.</p>
-            </div>
-            <div class="col-md-6">
-                <img class="img-border img-responsive thumbnail" src="pagination.png" />
+            <div class="row">
+                <div class="col-md-6">
+                    <h3 class="text-left" style="color:#FF5D5D;">Product Pagination</h3>
+                    <p class="text-muted">Admin can set Pagination for the shop page from back end and let customers decide products to display from given options.</p>
+                </div>
+                <div class="col-md-6">
+                    <img class="img-border img-fluid thumbnail" src="pagination.png" />
+                </div>
             </div>
         </div>
     </section>
     <section class="container oe_dark" style="padding: 20px 5px 0px; margin-bottom:50px">
         <div class="container">
-            <div class="col-md-6">
-                <img class="img-border img-responsive thumbnail" src="flip-product.png" />
-            </div>
-            <div class="col-md-6">
-                <h3 class="text-left" style="color:#FF5D5D;">Flipping Product Display Image</h3>
-                <p class="text-muted">Customer can see front &amp; back view of product. By hovering on the product image customer can see back side of product.</p>
+            <div class="row">
+                <div class="col-md-6">
+                    <img class="img-border img-fluid thumbnail" src="flip-product.png" />
+                </div>
+                <div class="col-md-6">
+                    <h3 class="text-left" style="color:#FF5D5D;">Flipping Product Display Image</h3>
+                    <p class="text-muted">Customer can see front &amp; back view of product. By hovering on the product image customer can see back side of product.</p>
+                </div>
             </div>
         </div>
     </section>
     <section class="container oe_dark" style="padding: 20px 5px 0px; margin-bottom:50px">
         <div class="container">
-            <div class="col-md-6">
-                <h3 class="text-left" style="color:#FF5D5D;">Products Per Grid</h3>
-                <p class="text-muted">Admin can set product numbers which can be seen on the shop page in one grid.</p>
-            </div>
-            <div class="col-md-6">
-                <img class="img-border img-responsive thumbnail" src="products-per-grid.png" />
+            <div class="row">
+                <div class="col-md-6">
+                    <h3 class="text-left" style="color:#FF5D5D;">Products Per Grid</h3>
+                    <p class="text-muted">Admin can set product numbers which can be seen on the shop page in one grid.</p>
+                </div>
+                <div class="col-md-6">
+                    <img class="img-border img-fluid thumbnail" src="products-per-grid.png" />
+                </div>
             </div>
         </div>
     </section>
     <section class="container oe_dark" style="padding: 20px 5px 0px; margin-bottom:50px">
         <div class="container">
-            <div class="col-md-6">
-                <img class="img-border img-responsive thumbnail" src="selected-filters.png" />
-            </div>
-            <div class="col-md-6">
-                <h3 class="text-left" style="color:#FF5D5D;">Selected Filters</h3>
-                <p class="text-muted">Customers can see all the filters they have applied to the shop page in the Selected Filters Section. They can directly remove that filter from the section also.</p>
+            <div class="row">
+                <div class="col-md-6">
+                    <img class="img-border img-fluid thumbnail" src="selected-filters.png" />
+                </div>
+                <div class="col-md-6">
+                    <h3 class="text-left" style="color:#FF5D5D;">Selected Filters</h3>
+                    <p class="text-muted">Customers can see all the filters they have applied to the shop page in the Selected Filters Section. They can directly remove that filter from the section also.</p>
+                </div>
             </div>
         </div>
     </section>
     <section class="container oe_dark" style="padding: 20px 5px 0px; margin-bottom:50px">
         <div class="container">
-            <div class="col-md-6">
-                <h3 class="text-left" style="color:#FF5D5D;">Multiple Store Support</h3>
-                <p class="text-muted">Admin can add multiple languages for the store and can also add currencies for it accordingly.</p>
-            </div>
-            <div class="col-md-6">
-                <img class="img-border img-responsive thumbnail" src="multiple-store-support.png" />
+            <div class="row">
+                <div class="col-md-6">
+                    <h3 class="text-left" style="color:#FF5D5D;">Multiple Store Support</h3>
+                    <p class="text-muted">Admin can add multiple languages for the store and can also add currencies for it accordingly.</p>
+                </div>
+                <div class="col-md-6">
+                    <img class="img-border img-fluid thumbnail" src="multiple-store-support.png" />
+                </div>
             </div>
         </div>
     </section>
     <section class="container oe_dark" style="padding: 20px 5px 0px; margin-bottom:50px">
         <div class="container">
-            <div class="col-md-6">
-                <img class="img-border img-responsive thumbnail" src="search.png" />
-            </div>
-            <div class="col-md-6">
-                <h3 class="text-left" style="color:#FF5D5D;">Global Product Search</h3>
-                <p class="text-muted">User can search for product from any page of the website. The Search option is given in the Header Sticky menu for more powerful search.</p>
+            <div class="row">
+                <div class="col-md-6">
+                    <img class="img-border img-fluid thumbnail" src="search.png" />
+                </div>
+                <div class="col-md-6">
+                    <h3 class="text-left" style="color:#FF5D5D;">Global Product Search</h3>
+                    <p class="text-muted">User can search for product from any page of the website. The Search option is given in the Header Sticky menu for more powerful search.</p>
+                </div>
             </div>
         </div>
     </section>
@@ -367,24 +419,24 @@
         </div>
     </section> -->
 
-    <section class="oe_container " style="padding:20px 0px">
+<!--     <section class="oe_container " style="padding:20px 0px">
         <div class="oe_row oe_spaced">
             <h2 class="oe_slogan" style="color:#FF5D5D; margin-bottom:0px;">You may also like</h2>
         </div>
         <div class="container">
             <div class="col-md-4">
                 <a href="https://www.odoo.com/apps/themes/9.0/kingfisher">
-                    <img class="img-border img-responsive thumbnail" src="kingfisher.jpg" />
+                    <img class="img-border img-fluid thumbnail" src="kingfisher.jpg" />
                 </a>
             </div>
             <div class="col-md-4">
                 <a href="https://www.odoo.com/apps/themes/9.0/falcon_backend_theme">
-                    <img class="img-border img-responsive thumbnail" src="falcon_theme.png" />
+                    <img class="img-border img-fluid thumbnail" src="falcon_theme.png" />
                 </a>
             </div>
             <div class="col-md-4">
                 <a href="https://www.odoo.com/apps/themes/9.0/kingfisher_pro_bicycle">
-                    <img class="img-border img-responsive thumbnail" src="kingfisher_pro_bicycle.png" />
+                    <img class="img-border img-fluid thumbnail" src="kingfisher_pro_bicycle.png" />
                 </a>
             </div>
         </div>
@@ -396,8 +448,8 @@
             </div>
             <div class="bc-span col-md-12">
                 <div class="inner-span">
-                    <a target="_blank" href="http://www.biztechconsultancy.com/odoo-development.htm">
-                        <img class="img-border img-responsive thumbnail" src="service-banner.png" />
+                    <a target="_blank" href="https://goo.gl/3OCf0g">
+                        <img class="img-border img-fluid thumbnail" src="service-banner.png" />
                     </a>
                 </div>
             </div>
@@ -409,11 +461,152 @@
                 <h2>Technical Help &amp; Support</h2>
                 <p style="margin: 30px 0px;">We offer extremely convenient and quick support service to all your technical help &amp; support requests. As our support <br /> service is the parameter defining the success of our business and earning us the brand name.       <br />    Please feel free to contact us</p>
                 <div class="text-center">
-                    <a style="color: rgb(255, 255, 255); border-color: rgb(49, 91, 143); position: relative; overflow: hidden; background: none 0% 0% repeat scroll rgb(49, 91, 143);" class="btn btn-success btn-lg" rel="nofollow" href="mailto:support@biztechconsultancy.com">
-                        <i class="fa fa-envelope"></i>  support@biztechconsultancy.com </a>
+                    <a style="color: rgb(255, 255, 255); border-color: rgb(49, 91, 143); position: relative; overflow: hidden; background: none 0% 0% repeat scroll rgb(49, 91, 143);" class="btn btn-success btn-lg" rel="nofollow" href="mailto:support@appjetty.com">
+                        <i class="fa fa-envelope"></i>  support@appjetty.com </a>
                 </div>
                 <br />
             </div>
         </div>
+    </section> -->
+    <section class="tech-help-suport" style="margin-top: 30px;">
+        <div class="container">
+            <div class="row">
+                <div class="col-md-3">
+                    <img src="tech-help-support.png" class="img-fluid" alt=""/>
+                </div>
+                <div class="col-md-9">
+                    <h3 style=" font-size: 32px; font-weight: 700; color: #21272b; margin-top: 0;">Technical Help &amp; Support</h3>
+                    <p style="font-size: 16px; font-weight: 400; color: #21272b; margin: 40px 0 15px;">We offer extremely convenient and quick support service to all your technical help &amp; support requests. As our support service is the parameter defining the success of our business and earning us the brand name. Please feel free to contact us</p>
+                    <div class="tech-suport-inner" style="background: #f1f1f1; padding:20px">
+                        <div class="row">
+                            <div class="col-md-6">
+                                <a href="mailto:support@appjetty.com" style="display: block; position: relative; padding-left: 35px; font-size: 16px; color: #1d406b; font-weight: 600; text-decoration: none; margin-bottom: 10px;"><i class="fa fa-envelope"  style=" left: 0; font-size: 22px; color: #b5b5b5; position: absolute; top: 1.5px;"></i>support@appjetty.com</a>
+                                <a href="skype:support.biztech" style="display: block; padding-left: 35px; position: relative; font-size: 16px; color: #1d406b; font-weight: 600; text-decoration: none;"><i class="fa fa-skype"  style=" font-size: 22px; color: #b5b5b5; position: absolute; top: 1.5px; left: 0;"></i>support.biztech</a>
+                            </div>
+                            <div class="col-md-6">
+                                <a href="tel:14083299693" style="display: block; padding-left: 35px; position: relative; font-size: 16px; color: #1d406b; font-weight: 600; text-decoration: none;"><i class="fa fa-phone"  style=" font-size: 22px; color: #b5b5b5; position: absolute; top: 1.5px; left: 0;"></i>US : +1 (408) 329-9693</a>
+                                <a href="tel:442038932693" style="display: block; padding-left: 35px; font-size: 16px; color: #1d406b; font-weight: 600; text-decoration: none;">UK : +44 20 3893 2693</a>
+                                <a href="tel:919106747559" style="display: block; padding-left: 35px; font-size: 16px; color: #1d406b; font-weight: 600; text-decoration: none;">India : +91-91067 47559</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
     </section>
+    <section class="e-odoo-theme text-center" style="padding:50px 20px; max-width: 1170px; background: #f1f1f1; margin: auto; margin-top: 50px;">
+        <div class="container">
+            <h3 style=" font-size: 32px; font-weight: 700; color: #21272b; margin-bottom: 40px; margin-top: 0;">Our Odoo eCommerce Themes</h3>
+            <div class="row">
+                <div class="col-md-3">
+                    <a href="https://apps.odoo.com/apps/themes/11.0/theme_crafito" target="_blank"><img src="crafito-theme.jpg" class="img-fluid" alt="Crafito theme" style="margin: auto;"/></a>
+                    <h4 style="margin-top: 20px; font-size: 17px; color: #21272b; font-weight: 700; margin-bottom: 0;">Crafito</h4>
+                </div>
+                <div class="col-md-3">
+                    <a href="https://apps.odoo.com/apps/themes/11.0/kingfisher_pro" target="_blank"><img src="kingfisher-theme.jpg" class="img-fluid" style="margin: auto;" alt="Kingfisher theme"/></a>
+                    <h4 style="margin-top: 20px; font-size: 17px; color: #21272b; font-weight: 700; margin-bottom: 0;">Kingfisher<br/>Pro Fashion</h4>
+                </div>
+                <div class="col-md-3">
+                    <a href="https://apps.odoo.com/apps/themes/11.0/falcon_material_backend_theme/" target="_blank"><img src="falcon-theme.jpg" class="img-fluid" style="margin: auto;" alt="Falcon theme"/></a>
+                    <h4 style="margin-top: 20px; font-size: 17px; color: #21272b; font-weight: 700; margin-bottom: 0;">Falcon Material<br/>Backend Theme</h4>
+                </div>
+                <div class="col-md-3">
+                    <a href="https://apps.odoo.com/apps/themes/11.0/theme_mobicraft" target="_blank"><img src="crafito-lite-theme.jpg" class="img-fluid" style="margin: auto;" alt=" Crafito lite theme"/></a>
+                    <h4 style="margin-top: 20px; font-size: 17px; color: #21272b; font-weight: 700; margin-bottom: 0;">MobiCraft</h4>
+                </div>
+            </div>
+            <div class="view-more-link">
+                <a href="https://apps.odoo.com/apps/themes/browse?author=AppJetty" target="_blank" style="display: inline-block; background: #03aee4; font-size: 18px; color: #ffffff; font-weight: 700; padding: 0 33px; line-height: 37px; border-radius: 5px; text-decoration: none; margin-top: 40px;">View More</a>
+            </div>
+        </div>
+    </section>
+    <section class="e-odoo-apps text-center" style="max-width: 1170px; margin: auto; margin-top: 50px; margin-bottom: 50px;">
+        <div class="container">
+            <h3 style=" font-size: 32px; font-weight: 700; color: #21272b; margin-bottom: 40px; margin-top: 0;">Our Odoo eCommerce Apps</h3>
+            <div class="row">
+                <div class="col-md-3">
+                    <a href="https://apps.odoo.com/apps/modules/11.0/biztech_website_megamenu" target="_blank"><img src="mega-menu-app.png" class="img-fluid" style="margin: auto;" alt="Mega Menu App"/></a>
+                    <h4 style="margin-top: 20px; font-size: 17px; color: #21272b; font-weight: 700; margin-bottom: 0;">Mega Menu</h4>
+                </div>
+                <div class="col-md-3">
+                    <a href="https://apps.odoo.com/apps/modules/11.0/seo_data_manager" target="_blank"><img src="seo-suit-app.png" class="img-fluid" style="margin: auto;" alt="SEO suit app"/></a>
+                    <h4 style="margin-top: 20px; font-size: 17px; color: #21272b; font-weight: 700; margin-bottom: 0;">SEO Suite</h4>
+                </div>
+                <div class="col-md-3">
+                    <a href="https://apps.odoo.com/apps/modules/11.0/general_template" target="_blank"><img src="clever-a-o-report.png" class="img-fluid" style="margin: auto;" alt="Clever all in one report app"/></a>
+                    <h4 style="margin-top: 20px; font-size: 17px; color: #21272b; font-weight: 700; margin-bottom: 0;">Clever All In One<br/>Report Templates</h4>
+                </div>
+                <div class="col-md-3">
+                    <a href="https://apps.odoo.com/apps/modules/11.0/biztech_report_template" target="_blank"><img src="clever-in-mul-templet.png" class="img-fluid" style="margin: auto;" alt="Clever all in one report app"/></a>
+                    <h4 style="margin-top: 20px; font-size: 17px; color: #21272b; font-weight: 700; margin-bottom: 0;">Clever Multiple<br/>Invoice Template</h4>
+                </div>
+            </div>
+            <div class="view-more-link">
+                <a href="https://apps.odoo.com/apps/modules/browse?author=AppJetty" target="_blank" style="display: inline-block; background: #03aee4; font-size: 18px; color: #ffffff; font-weight: 700; padding: 0 33px; line-height: 37px; border-radius: 5px; text-decoration: none; margin-top: 40px;">View More</a>
+            </div>
+        </div>
+    </section>
+    <section class="odoo-footer text-center" style="max-width: 1170px; margin: auto; background: #f1f1f1; padding: 50px 15px; margin-bottom: 50px;">
+        <div class="container">
+            <div class="row top-row">
+                <div class="col-md-6" style=" border-right: 1px solid #e2e2e2;">
+                    <img src="brand-logo.png" class="img-fluid" alt="Appjetty and biztech logo" style="display:inline-block;vertical-align: top;"/>
+                </div>
+                <div class="col-md-6 img-partner">
+                    <img src="odoo-ready-partner.png" class="img-fluid" alt="Odoo partner logo" style="display:inline-block;vertical-align: top;"/>
+                    <a href="https://clutch.co/profile/biztech-consulting-solutions" target="_blank" style="padding-left: 50px; display:inline-block; vertical-align: top;"><img src="clutch-review.png" class="img-fluid" alt="Clutch review"/></a>
+                </div>
+            </div>
+            <div class="bottom-row" style="margin-top: 30px;"><hr style="border-top:1px solid #e2e2e2;" /></div>
+            <div class="row footer-heading">
+                <h3 class="center-contain" style=" font-size: 32px; font-weight: 700; color: #21272b; margin: auto; padding: 0 0 20px; ">Our Services</h3>
+            </div>
+            <div class="row footer-services toprow" style="text-align: left;">
+                <div class="col-md-4">
+                    <h5><i class="fa fa-check"  style="color: #03ade3; font-size: 20px; margin-right: 10px;"></i>Odoo Website Development</h5>
+                    <h5><i class="fa fa-check"  style="color: #03ade3; font-size: 20px; margin-right: 10px;"></i>Odoo App Development</h5>
+                    <h5><i class="fa fa-check"  style="color: #03ade3; font-size: 20px; margin-right: 10px;"></i>Odoo Implementation</h5>
+                </div>
+                <div class="col-md-4 foot-second-row">
+                    <h5><i class="fa fa-check"  style="color: #03ade3; font-size: 20px; margin-right: 10px;"></i>Odoo Customization</h5>
+                    <h5><i class="fa fa-check"  style="color: #03ade3; font-size: 20px; margin-right: 10px;"></i>Odoo Store Development</h5>
+                    <h5><i class="fa fa-check"  style="color: #03ade3; font-size: 20px; margin-right: 10px;"></i>Odoo Theme Development</h5>
+                </div>
+                <div class="col-md-4">
+                    <h5><i class="fa fa-check"  style="color: #03ade3; font-size: 20px; margin-right: 10px;"></i>Odoo Module Development</h5>
+                    <h5><i class="fa fa-check"  style="color: #03ade3; font-size: 20px; margin-right: 10px;"></i>Odoo Integration</h5>
+                </div>
+            </div>
+            <div class="bottom-row" style="margin-top: 30px;"><hr style="border-top:1px solid #e2e2e2;"/></div>
+            <div class="row footer-services lastrow" style="text-align: left;">
+                <div class="col-md-4">
+                    <div class="why-biz-ratio" style=" background: #03ade3; padding: 25px;  margin-top: 10px;">
+                        <h3 style="margin-top: 0; font-size: 28px; font-weight: 700; color: #fff; margin-bottom: 20px;">Over 90% Retention Ratio for Clients</h3>
+                        <p style="color: #ffffff; margin-bottom: 0;">We have successfully built and managed Odoo applications for over a decade. Our team of 155+ professionals and 30+ Odoo developers are committed to add value to your team.</p>
+                    </div>
+                </div>
+                <div class="col-md-4 foot-second-row">
+                    <h3 class="footer-heading" style=" font-size: 32px; font-weight: 700; color: #21272b; margin-bottom: 35px;  margin-top: 10px;">Why Biztech?</h3>
+                    <h5><i class="fa fa-check"  style=" color: rgb(133, 198, 72); font-size: 20px; margin-right: 10px;"></i>11+ Years of Experience</h5>
+                    <h5><i class="fa fa-check"  style=" color: rgb(133, 198, 72); font-size: 20px; margin-right: 10px;"></i>Certified team of Odoo Developers</h5>
+                    <h5><i class="fa fa-check"  style=" color: rgb(133, 198, 72); font-size: 20px; margin-right: 10px;"></i>155+ Skilled Developers</h5>
+                    <h5><i class="fa fa-check"  style=" color: rgb(133, 198, 72); font-size: 20px; margin-right: 10px;"></i>100% Confidentiality (Strict NDA Terms)</h5>
+                    <h5><i class="fa fa-check"  style=" color: rgb(133, 198, 72); font-size: 20px; margin-right: 10px;"></i>Ecommerce Experts</h5>
+                </div>
+                <div class="col-md-4">
+                    <h3 class="footer-heading" style=" font-size: 32px; font-weight: 700; color: #21272b; margin-bottom: 35px;  margin-top: 10px;">Odoo Benefits</h3>
+                    <h5><i class="fa fa-check"  style=" color: rgb(133, 198, 72); font-size: 20px; margin-right: 10px;"></i>Flexible Approach</h5>
+                    <h5><i class="fa fa-check"  style=" color: rgb(133, 198, 72); font-size: 20px; margin-right: 10px;"></i>Customized Odoo Products</h5>
+                    <h5><i class="fa fa-check"  style=" color: rgb(133, 198, 72); font-size: 20px; margin-right: 10px;"></i>Lower Set-up Costs</h5>
+                    <h5><i class="fa fa-check"  style=" color: rgb(133, 198, 72); font-size: 20px; margin-right: 10px;"></i>Source Code Authorization</h5>
+                    <h5><i class="fa fa-check"  style=" color: rgb(133, 198, 72); font-size: 20px; margin-right: 10px;"></i>Complete Control Over the Resources</h5>
+                    <h5><i class="fa fa-check"  style=" color: rgb(133, 198, 72); font-size: 20px; margin-right: 10px;"></i>Security and IP Protection</h5>
+                </div>
+            </div>
+            <div class="view-more-link">
+                <a href="https://www.biztechcs.com/odoo-development" target="_blank" style="display: inline-block; background: #03aee4; font-size: 18px; color: #ffffff; font-weight: 700; padding: 0 33px; line-height: 37px; border-radius: 5px; text-decoration: none; margin-top: 40px;"> Here to Help You!</a>
+            </div>
+        </div>
+    </section>
+
 </section>

static/src/css/kingfisher_pro.css

@@ -31,4 +31,4 @@
 }
 .icon-whatsapp:before {
 	content: "\e902"
-}
+}

static/src/css/unite-gallery.css

@@ -403,7 +403,7 @@ img.ug-bw-effect{
 	-moz-filter: grayscale(100%);
 	filter: gray; 
 	filter: grayscale(100%);
-    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */	
+    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */	
 }
 
 /* blur effect desaturate effect lightweight */
@@ -414,7 +414,7 @@ img.ug-blur-effect{
 	-moz-filter: blur(0.8px);
 	-o-filter: blur(0.8px);
 	-ms-filter: blur(0.8px);    
-    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id='blur'><feGaussianBlur stdDeviation=\'0.8\' /></filter></svg>#blur"); /* Firefox 10+, Firefox on Android */
+    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id='blur'><feGaussianBlur stdDeviation=\'0.8\' /></filter></svg>#blur"); /* Firefox 10+, Firefox on Android */
 	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0.8');
 }
 
@@ -422,7 +422,7 @@ img.ug-sepia-effect{
 	-webkit-filter: sepia(1);
 	-webkit-filter: sepia(100%); -moz-filter: sepia(100%);
 	-ms-filter: sepia(100%); -o-filter: sepia(100%);
-	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'sepia\'><feColorMatrix values=\'0.14 0.45 0.05 0 0 0.12 0.39 0.04 0 0 0.08 0.28 0.03 0 0 0 0 0 1 0\' /></filter></svg>#sepia"); /* Firefox 10+, Firefox on Android */
+	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'sepia\'><feColorMatrix values=\'0.14 0.45 0.05 0 0 0.12 0.39 0.04 0 0 0.08 0.28 0.03 0 0 0 0 0 1 0\' /></filter></svg>#sepia"); /* Firefox 10+, Firefox on Android */
 	filter: sepia(100%);
 	background-color: #5E2612;
 	filter: alpha(opacity = 50);

static/src/js/custom.js

@@ -37,6 +37,7 @@ $(document).ready(function($) {
         }, scroll_top_duration);
     });
 
+    var api;
     // Multi image gallery
     openerp.jsonRpc('/kingfisher_pro/multi_image_effect_config', 'call', {})
         .done(function(res) {
@@ -87,10 +88,41 @@ $(document).ready(function($) {
                 dynamic_data['thumb_image_overlay_effect'] = false
             }
 
-            $('#gallery').unitegallery(
-                dynamic_data
-            );
+            api = $('#gallery').unitegallery(dynamic_data);
+            api.on("item_change", function(num, data) {
+                if (data['index'] == 0) {
+                    update_gallery_product_image();
+                }
+            });
+
+            if (api != undefined && $('#gallery').length != 0){
+                setTimeout(function(){
+                    update_gallery_product_image()
+                }, 500);
+            }
         });
+    
+    function update_gallery_product_image() {
+        var $container = $('.oe_website_sale').find('.ug-slide-wrapper');
+        var $img = $container.find('img');
+        var $product_container = $('.oe_website_sale').find('.js_product').first();
+        var p_id = parseInt($product_container.find('input.product_id').first().val());
+
+        if (p_id > 0) {
+            $img.each(function(e_img) {
+                if ($(this).attr("src").startsWith('/website/image/biztech.product.images/') == false) {
+                    $(this).attr("src", "/website/image/product.product/" + p_id + "/image");
+                }
+            });
+        } else {
+            var spare_link = api.getItem(0).urlThumb;
+            $img.each(function(e_img) {
+                if ($(this).attr("src").startsWith('/website/image/biztech.product.images/') == false) {
+                    $(this).attr("src", spare_link);
+                }
+            });
+        }
+    }
 
     $('div#recommended_products_slider').owlCarousel({
         margin: 10,
@@ -272,8 +304,54 @@ $(document).ready(function($) {
                 });
             });
         });
+        
+        // change for dynamic gellery image update
+        $(oe_website_sale).on('change', 'input.js_variant_change, select.js_variant_change, ul[data-attribute_value_ids]', function(ev) {
+            if (api != undefined){
+                var $ul = $(ev.target).closest('.js_add_cart_variants');
+                var $parent = $ul.closest('.js_product');
+                var variant_ids = $ul.data("attribute_value_ids");
+                var values = [];
+                $parent.find('input.js_variant_change:checked, select.js_variant_change').each(function() {
+                    values.push(+$(this).val());
+                });
+
+                var product_id = false;
+                for (var k in variant_ids) {
+                    if (_.isEmpty(_.difference(variant_ids[k][1], values))) {
+                        product_id = variant_ids[k][0];
+                        update_gallery_product_variant_image(this, product_id);
+                        break;
+                    }
+                }
+            }
+        });
     });
 
+    function update_gallery_product_variant_image(event_source, product_id) {
+        var $imgs = $(event_source).closest('.oe_website_sale').find('.ug-slide-wrapper');
+        var $img = $imgs.find('img');
+
+        var total_img = api.getNumItems()
+        if (total_img != undefined) {
+            api.selectItem(0);
+        }
+        var $stay;
+        $img.each(function(e) {
+            if ($(this).attr("src").startsWith('/website/image/biztech.product.images/') == false) {
+                $(this).attr("src", "/website/image/product.product/" + product_id + "/image");
+
+                $stay = $(this).parent().parent();
+                $(this).css({
+                    'width': 'initial',
+                    'height': 'initial'
+                });
+                api.resetZoom();
+                api.zoomIn();
+            }
+        });
+    }
+
     // Switched to review section
     $('p.review').click(function() {
         $('body').animate({
@@ -319,27 +397,4 @@ $(document).ready(function() {
     $(".li-mega-menu > a .fa").click(function() {
         $(".li-mega-menu").toggleClass("open");
     });
-});
-
-(function(d, s, id) {
-  var js, fjs = d.getElementsByTagName(s)[0];
- if (d.getElementById(id)) return;
- js = d.createElement(s); js.id = id;
- js.src = "//connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v2.8&appId=1511113442515741";
- fjs.parentNode.insertBefore(js, fjs);
-}(document, 'script', 'facebook-jssdk'));
-
-
-
-
-
-var width = $(window).width();
-if(width > 768) {
-$(document).ready(function(){
-
-    $("#whatsapp").click(function(){
-        alert("Uopaa... Servicio Disponible solo en Celulares, ok?, para web.whatsapp.com primero agreganos en tus contactos");
-        return false;
-    });
-});
-};
+});

static/src/js/custom.js_123

@@ -1,324 +0,0 @@
-$(window).scroll(function() {
-    if ($(window).scrollTop() >= 41) {
-        $('body').addClass('header-fixed');
-    } else {
-        $('body').removeClass('header-fixed');
-    }
-});
-
-//mobile touch
-$(document).ready(function($) {
-    $(".carousel").carousel();
-});
-
-$(document).ready(function($) {
-    // browser window scroll (in pixels) after which the "back to top" link is shown
-    var offset = 300,
-        //browser window scroll (in pixels) after which the "back to top" link opacity is reduced
-        offset_opacity = 1200,
-        //duration of the top scrolling animation (in ms)
-        scroll_top_duration = 700,
-        //grab the "back to top" link
-        $back_to_top = $('.cd-top');
-
-    //hide or show the "back to top" link
-    $(window).scroll(function() {
-        ($(this).scrollTop() > offset) ? $back_to_top.addClass('cd-is-visible'): $back_to_top.removeClass('cd-is-visible cd-fade-out');
-        if ($(this).scrollTop() > offset_opacity) {
-            $back_to_top.addClass('cd-fade-out');
-        }
-    });
-
-    //smooth scroll to top
-    $back_to_top.on('click', function(event) {
-        event.preventDefault();
-        $('body,html').animate({
-            scrollTop: 0,
-        }, scroll_top_duration);
-    });
-
-    // Multi image gallery
-    openerp.jsonRpc('/kingfisher_pro/multi_image_effect_config', 'call', {})
-        .done(function(res) {
-            var dynamic_data = {}
-            dynamic_data['gallery_images_preload_type'] = 'all'
-            dynamic_data['slider_enable_text_panel'] = false
-            dynamic_data['gallery_skin'] = "alexis"
-            dynamic_data['gallery_height'] = 800
-
-            if (res.theme_panel_position != false) {
-                dynamic_data['theme_panel_position'] = res.theme_panel_position
-            }
-
-            if (res.interval_play != false) {
-                dynamic_data['gallery_play_interval'] = res.interval_play
-            }
-
-            if (res.color_opt_thumbnail != false && res.color_opt_thumbnail != 'default') {
-                dynamic_data['thumb_image_overlay_effect'] = true
-                if (res.color_opt_thumbnail == 'b_n_w') {}
-                if (res.color_opt_thumbnail == 'blur') {
-                    dynamic_data['thumb_image_overlay_type'] = "blur"
-                }
-                if (res.color_opt_thumbnail == 'sepia') {
-                    dynamic_data['thumb_image_overlay_type'] = "sepia"
-                }
-            }
-
-            if (res.enable_disable_text == true) {
-                dynamic_data['slider_enable_text_panel'] = true
-            }
-
-            if (res.change_thumbnail_size == true) {
-                dynamic_data['thumb_height'] = res.thumb_height
-                dynamic_data['thumb_width'] = res.thumb_width
-            }
-
-            if (res.no_extra_options == false) {
-                dynamic_data['slider_enable_arrows'] = false
-                dynamic_data['slider_enable_progress_indicator'] = false
-                dynamic_data['slider_enable_play_button'] = false
-                dynamic_data['slider_enable_fullscreen_button'] = false
-                dynamic_data['slider_enable_zoom_panel'] = false
-                dynamic_data['slider_enable_text_panel'] = false
-                dynamic_data['strippanel_enable_handle'] = false
-                dynamic_data['gridpanel_enable_handle'] = false
-                dynamic_data['theme_panel_position'] = 'bottom'
-                dynamic_data['thumb_image_overlay_effect'] = false
-            }
-
-            $('#gallery').unitegallery(
-                dynamic_data
-            );
-        });
-
-    $('div#recommended_products_slider').owlCarousel({
-        margin: 10,
-        responsiveClass: true,
-        items: 4,
-        loop: true,
-        autoPlay: 7000,
-        stopOnHover: true,
-        navigation: true,
-        responsive: {
-            0: {
-                items: 1,
-                nav: false
-            },
-            500: {
-                items: 2,
-                nav: false
-            },
-            700: {
-                items: 3,
-                margin: 10,
-                nav: false
-            },
-            1000: {
-                items: 4,
-                nav: false,
-                loop: false
-            },
-            1500: {
-                items: 4,
-                nav: false,
-                loop: false
-            }
-        }
-    });
-
-    // Grid/List switching code
-    $(".oe_website_sale .shift_list_view").click(function(e) {
-        $(".oe_website_sale .shift_grid_view").removeClass('active')
-        $(this).addClass('active')
-        $('#products_grid').addClass("list-view-box");
-        localStorage.setItem("product_view", "list");
-    });
-
-    $(".oe_website_sale .shift_grid_view").click(function(e) {
-        $(".oe_website_sale .shift_list_view").removeClass('active')
-        $(this).addClass('active')
-        $('#products_grid').removeClass("list-view-box");
-        localStorage.setItem("product_view", "grid");
-    });
-
-    if (localStorage.getItem("product_view") == 'list') {
-        $(".oe_website_sale .shift_grid_view").removeClass('active')
-        $(".oe_website_sale .shift_list_view").addClass('active')
-        $('#products_grid').addClass("list-view-box");
-    }
-
-    if (localStorage.getItem("product_view") == 'grid') {
-        $(".oe_website_sale .shift_list_view").removeClass('active')
-        $(".oe_website_sale .shift_grid_view").addClass('active')
-        $('#products_grid').removeClass("list-view-box");
-    }
-    // Grid/List switching code ends
-
-    // Price slider code start
-    var minval = $("input#m1").attr('value'),
-        maxval = $('input#m2').attr('value'),
-        minrange = $('input#ra1').attr('value'),
-        maxrange = $('input#ra2').attr('value'),
-        website_currency = $('input#king_pro_website_currency').attr('value');
-
-    if (!minval) {
-        minval = 0;
-    }
-    if (!maxval) {
-        maxval = maxrange;
-    }
-    if (!minrange) {
-        minrange = 0;
-
-    }
-    if (!maxrange) {
-        maxrange = 2000;
-    }
-
-
-    $("div#priceslider").ionRangeSlider({
-        keyboard: true,
-        min: parseInt(minrange),
-        max: parseInt(maxrange),
-        type: 'double',
-        from: minval,
-        to: maxval,
-        step: 1,
-        prefix: website_currency,
-        grid: true,
-        onFinish: function(data) {
-            $("input[name='min1']").attr('value', parseInt(data.from));
-            $("input[name='max1']").attr('value', parseInt(data.to));
-            $("div#priceslider").closest("form").submit();
-        },
-    });
-    // Price slider code ends
-
-    //attribute remove code
-    $("a#clear").on('click', function() {
-        var url = window.location.href.split("?");
-        var lival;
-        lival = $(this).closest("label").attr('id');
-        openerp.jsonRpc("/kingfisher_pro/removeattribute", 'call', {
-            'attr_remove': lival
-        }).then(function(data) {
-            if (data = true) {
-                window.location.href = url[0];
-            }
-        })
-    });
-
-    // Category Collapse
-    $('#o_shop_collapse_category').on('click', '.fa-chevron-right', function() {
-        $(this).parent().siblings().find('.fa-chevron-down:first').click();
-        $(this).parents('li').find('ul:first').show('normal');
-        $(this).toggleClass('fa-chevron-down fa-chevron-right');
-    });
-
-    $('#o_shop_collapse_category').on('click', '.fa-chevron-down', function() {
-        $(this).parent().find('ul:first').hide('normal');
-        $(this).toggleClass('fa-chevron-down fa-chevron-right');
-    });
-
-    // Dynamic cart update
-    $('.oe_website_sale').each(function() {
-        var oe_website_sale = this;
-        $(oe_website_sale).find(".oe_cart input.js_quantity").on("change", function() {
-            var $input = $(this);
-            if ($input.data('update_change')) {
-                return;
-            }
-            var value = parseInt($input.val(), 10);
-            var $dom = $(this).closest('tr');
-            // var default_price = parseFloat($dom.find('.text-danger > span.oe_currency_value').text());
-            var $dom_optional = $dom.nextUntil(':not(.optional_product.info)');
-            var line_id = parseInt($input.data('line-id'), 10);
-            var product_id = parseInt($input.data('product-id'), 10);
-            var product_ids = [product_id];
-            $dom_optional.each(function() {
-                product_ids.push($(this).find('span[data-product-id]').data('product-id'));
-            });
-            if (isNaN(value)) value = 0;
-            $input.data('update_change', true);
-            openerp.jsonRpc("/shop/get_unit_price", 'call', {
-                'product_ids': product_ids,
-                'add_qty': value,
-                'use_order_pricelist': true
-            }).then(function(res) {
-                //optional case
-                openerp.jsonRpc("/shop/cart/update_json", 'call', {
-                    'line_id': line_id,
-                    'product_id': parseInt($input.data('product-id'), 10),
-                    'set_qty': value
-                }).then(function(data) {
-                    $input.data('update_change', false);
-                    if (value !== parseInt($input.val(), 10)) {
-                        $input.trigger('change');
-                        return;
-                    }
-                    if (!data.quantity) {
-                        location.reload(true);
-                        return;
-                    }
-                    var $q = $(".king_pro_cart_quantity");
-                    $q.parent().parent().removeClass("hidden", !data.quantity);
-                    $q.html(data.cart_quantity).hide().fadeIn(600);
-
-                    $input.val(data.quantity);
-                    $('.js_quantity[data-line-id=' + line_id + ']').val(data.quantity).html(data.quantity);
-                    $("table#cart_total").replaceWith(data['website_sale.total']);
-                    $("#king_hover_total").replaceWith(data['kingfisher_pro.hover_total']);
-                });
-            });
-        });
-    });
-
-    // Switched to review section
-    $('p.review').click(function() {
-        $('body').animate({
-            scrollTop: $(this).offset().top
-        }, 1800);
-        $('ul#description_reviews_tabs > li').removeClass('active')
-        $('div#description_reviews_tabs_contents > div').removeClass('active')
-        $('ul#description_reviews_tabs > li:nth-child(2)').addClass('active')
-        $('div#description_reviews_tabs_contents > div:nth-child(2)').addClass('active')
-    });
-
-    // Toggle global search
-    $('.st-toggle').on('click', function(e) {
-        $('.search-toggle').toggleClass("search-toggle-open");
-    });
-
-});
-
-// For Megamenu
-$(document).on('click', '.mega-dropdown-menu', function(e) {
-    e.stopPropagation()
-});
-
-//Equal height
-$(window).load(function() {
-    equal_height_all();
-});
-
-function equal_height_all() {
-    function resetHeight() {
-    
-        var maxHeight = 0;
-        jQuery(".cs-product .pwp-info .pwpi-title").height("auto").each(function() {
-            maxHeight = $(this).height() > maxHeight ? $(this).height() : maxHeight;
-        }).height(maxHeight);
-    }
-    resetHeight();
-    jQuery(window).resize(function() {
-        resetHeight();
-    });
-}
-
-$(document).ready(function() {
-    $(".li-mega-menu > a .fa").click(function() {
-        $(".li-mega-menu").toggleClass("open");
-    });
-});
-

static/src/js/customdos.js

@@ -1,41 +0,0 @@
-$(document).ready(function() {
-    if ($('.website_blog').length) {
-        function page_transist(event) {
-            event.preventDefault();
-            newLocation = $('.js_next')[0].href;
-            var top = $('.cover_footer').offset().top;
-            $('.cover_footer').animate({
-                height: $(window).height()+'px'
-            }, 300);
-            $('html, body').animate({
-                scrollTop: top
-            }, 300, 'swing', function() {
-               window.location.href = newLocation;
-            });
-        }
-        function animate(event) {
-            event.preventDefault();
-            event.stopImmediatePropagation();
-            var target = $(this.hash);
-            $('html, body').stop().animate({
-                'scrollTop': target.offset().top - 32
-            }, 500, 'swing', function () {
-                window.location.hash = 'blog_content';
-            });
-        }
-
-        var content = $("div[enable_chatter_discuss='True']").find('p[data-chatter-id]');
-        if (content) {
-            openerp.jsonRpc("/blog/get_user/", 'call', {}).then(function(data){
-                $('#discussions_wrapper').empty();
-                new openerp.website.blog_discussion({'content' : content, 'public_user':data[0]});
-            });
-        }
-
-        $('.js_fullheight').css('min-height', '215px');
-        $(".js_tweet").share({'author_name':$('#blog_author').text()});
-        $('.cover_footer').on('click',page_transist);
-        $('a[href^="#blog_content"]').on('click', animate);
-    }
-
-});

static/src/js/unitegallery.min.js

@@ -8468,4 +8468,4 @@ jQuery.fn.unitegallery = function(e) {
     n.run(i, e);
     var r = new UG_API(n);
     return r
-};
+};

static/src/less/custom_theme.less

@@ -1,5 +1,6 @@
 @import url(https://fonts.googleapis.com/css?family=Open+Sans:700,400);
 
+
 /*Font*/
 @font-family:      'Open Sans', sans-serif;
 @font-size-base:	14px;
@@ -8,7 +9,7 @@
 
 /*Color*/
 @header-bg:			#fff;
-@theme:				#C38647;
+@theme:				#c38647;
 @light-color:		#ffffff;
 @dark-color:		#393939;;
 @body-color:		#393939;
@@ -18,5 +19,4 @@
 @sale-label-color:  #f7941d;
 @text-muted		:	#9E9E9E;
 /*img*/
- @img-path:			'../img/';
-
+ @img-path:			'../img/';

static/src/less/footer.less

@@ -240,4 +240,4 @@ footer {
             }
         }
     }
-}
+}

static/src/less/header.less

@@ -461,8 +461,6 @@ header {
 			}
 			@media (max-width:767px) {
 				width: 100%;
-				max-height: 62px;
-				border-bottom: 1px solid #ebebeb;
 			}
 		}
 		.header-cart {
@@ -958,7 +956,6 @@ header {
 
 							@media (max-width:767px) {
 								line-height: normal;
-
 							}
 						}
 						&:hover {

static/src/less/options/colors/colors.less

@@ -1,12 +1,10 @@
-@color_de_tema: @theme;
-
 @font-size-base:	14px;
 @font-size-body:	14px;
 @title:				18px;
 
 /*Color*/
 @header-bg:			#fff;
-@theme:				#C38647;
+@theme:				#c38647;
 @light-color:		#ffffff;
 @dark-color:		#393939;
 @body-color:		#393939;

static/src/less/options/colors/theme_aqua.less

@@ -1,4 +1,3 @@
-
 @font-size-base:	14px;
 @font-size-body:	14px;
 @title:				18px;

static/src/less/product.less

@@ -617,4 +617,4 @@
 			color: darken(@light-color, 40%);
 		}
 	}
-}
+}

static/src/less/web.less

@@ -1,4 +1,3 @@
-
 body {
 	font-family: @font-family;
 	color: @body-color;
@@ -18,6 +17,7 @@ a:focus {
 a:hover {
 	cursor: pointer;
 }
+
 @images: "../img";
 @box-body-bg1:url("@{images}/pattern.png");
 @box-body-bg2:url("@{images}/pattern2.png");
@@ -307,32 +307,6 @@ a:hover {
 	}
 }
 
-.color_tema{
-	color: @theme;
-}
-
-.fondo_tema{
-	background: @theme;
-}
-
-.link_tema{
-	color: @theme;
-}
-
-.link_tema:hover{
-	color: @theme;
-}
-
-.fondo_link_tema{
-	background: @theme;
-}
-
-.fondo_link_tema:hover{
-	background: @theme;
-}
-
-
-
 /* Home slider
 -------------------------------*/
 .theme-home-slider {
@@ -827,17 +801,8 @@ a:hover {
 			left: 45px;
 		}
 	}
-
 }
 
-
-
-
-
-
-
-
-
 /* products section
 -------------------------------*/
 .products-section {
@@ -2209,8 +2174,6 @@ body ul.wizard {
 	border-bottom: transparent;
     }
 }
-
-
 @media (max-width:1200px) {
 	.quotecarousel {
 		.content {
@@ -2892,7 +2855,6 @@ header a.navbar-brand img {
 		text-align: center;
 		line-height: 35px;
 	}
-	
 	.hsearch-block {
 		visibility: hidden;
 		opacity: 0;
@@ -2931,7 +2893,6 @@ header a.navbar-brand img {
 			.fa-search {
 				color: @theme;
 			}
-
 		}
 		.hsearch-block {
 			visibility: visible;
@@ -3489,17 +3450,47 @@ min-width: 160px;
 white-space: nowrap;
 
 }*/
-#list_add_to_cart > span { display: block; display: -webkit-box; display: -moz-box; max-width: 100%; height: 60px; margin: 0 auto; font-size: 14px; line-height: 1.4; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -moz-line-clamp: 3; -moz-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
-.popover { .popover-navigation { .text-muted { margin-left: 14px; }
-		.btn-link { padding: 6px 15px !important; }
-	}
+#list_add_to_cart > span{
+	display: block;
+  display: -webkit-box;
+  display: -moz-box;
+  max-width: 100%;
+  height: 60px;
+  margin: 0 auto;
+  font-size: 14px;
+  line-height: 1.4;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  -moz-line-clamp: 3;
+  -moz-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+
+    
+}
+.popover
+{
+		.popover-navigation{
+			.text-muted{margin-left:14px;}
+			.btn-link{padding:6px 15px !important;}
+		}
+	
 }
-#right_column { .input-group { a { padding: 6px 15px;
-			&:hover { color: @light-color; }
-		; }
-	}
+
+	#right_column{
+		.input-group{
+			a{
+		padding:6px 15px;
+		&:hover{
+			color:@light-color;
+		};
+
+		}
+		} 
+
 }
-#wrap .table tr td:last-child { width: inherit; min-width: inherit; }
+#wrap .table tr td:last-child{width: inherit; min-width: inherit;}
+
 .filtrouno { margin: 5px 0px 5px 0px; background: @theme; color: #ffffff; padding: 10px; width: 100%; text-transform: uppercase; }
 .footercolor { color: @theme; font-weight: 700; font-size: 14; }
 .facil { color: @theme; font-size: 12px; }
@@ -3709,6 +3700,4 @@ white-space: nowrap;
 }
 @media screen and (max-width:767px) {
 	.jeanspromo { height: 50vh !important }
-}
-
-
+}	

static/src/less/website.less

@@ -4,4 +4,4 @@
 @import "header.less";
 @import "footer.less";
 @import "product.less";
-@import "custom.less";
+@import "custom.less";

views/color_web_view.xml

@@ -1,37 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<openerp>
-    <data  inherit_id="website.theme" name="Customization_ption">
-        <record id="cambiar_color_sitioweb" model="ir.ui.view">
-            <field name="name">Cambiar Color de Sitio Web</field>
-            <field name="model">ir.ui.view</field>
-            <field name="type">form</field>
-            <field name="arch" type="xml">
-                <sheet>
-                    <form string="Estudiantes">
-                        <group>
-                            <group>
-                                <field name="name">Cambio de Color de Sitio Web</field>
-                                <field invisible="1" name="type">ir.actions.act_window</field>
-                                <field invisible="1" name="res_model">ir.ui.view</field>
-                                <field invisible="1" name="priority"/>
-                            </group>
-                            <group>
-                                <field invisible="1" name="field_parent"/>
-                                <field invisible="1" name="inherit_id">Customization Option</field>
-                                <field invisible="1" name="mode">extension</field>
-                                <field invisible="1" name="model_data_id"/>
-                                <field invisible="1" name="xml_id"/>
-                                <field name="active"/>
-                            </group>
-                        </group>
-                        <notebook>
-                            <page string="Architecture">
-                                <field name="arch" type="xml"/>
-                            </page>
-                        </notebook>
-                    </form>
-                </sheet>
-            </field>
-        </record>
-    </data>
-</openerp>

views/slider_view.xml

@@ -373,4 +373,4 @@
         <menuitem action="" id="color_base_menu" name="Color Sitio-WEb" parent="base.marketing_menu" sequence="100"/>
         <menuitem action="color_sitioweb_action" id="color_menu_web" name="Sitio-WEb" parent="color_base_menu" sequence="100"/>
     </data>
-</openerp>
+</openerp>

views/snippets.xml

@@ -2,7 +2,6 @@
 <openerp>
 <data>
 
-
     <!-- Home Slider snippet -->
     <template id="s_kingfisher_pro_home_slider" name="Slider del Inicio">
         <div id="myCarousel" class="carousel slide theme-home-slider s_kingfisher_pro_home_slider" data-interval="10000" data-ride="carousel">
@@ -69,87 +68,87 @@
         <section class="ads-section s_kingfisher_pro_promo_snippet">
             <div class="container">
                 <div class="row">
-                     <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12 text-center">
-              <section class="adsb-inner adsb-inner1 small-banners oe_img_bg oe_custom_bg" style="background-image: url(&quot;/website/image/ir.attachment/1878_217826b/datas&quot;);">
-                <div class="inner-content">
-                  <!-- <h5>ZAPATOS DE HOMBRE</h5> -->
-                  <!--<section class="image-section">-->
-                  <!--  <img alt="Shoes" class="img-responsive" src="/kingfisher_pro/static/src/img/snippet/shoes.png" title="Shoes"/>-->
-                  <!--</section>-->
-                  <div class="pull-right btn-box" style="margin-right: 20px; " >
-                    <button class="pull-right">VER MAS <i class="fa fa-angle-right"/></button>
-                  </div>
-                </div>
-                <a href="/shop/category/shorts-8">
-                  <span class="dark-div">
-                    <span class="inner-div"/>
-                  </span>
-                </a>
-              </section>
-              <section class="adsb-inner adsb-inner4 small-banners oe_custom_bg oe_img_bg" style="background-image: url(&quot;/website/image/ir.attachment/1895_ece9a63/datas&quot;);">
-                <div class="inner-content">
-                  <!-- <h5>RELOJES DE HOMBRES</h5> -->
-                  <!--<section class="image-section">-->
-                  <!--  <img alt="Watch" class="img-responsive" src="/kingfisher_pro/static/src/img/snippet/watch.png" title="Watch"/>-->
-                  <!--</section>-->
-                <div class="pull-right btn-box" style="margin-right: 20px; " >
-                    <button class="pull-right">VER MAS <i class="fa fa-angle-right"/></button>
-                  </div>
-                </div>
-                <a href="/shop/category/jeans-15">
-                  <span class="dark-div">
-                    <span class="inner-div"/>
-                  </span>
-                </a>
-              </section>
-            </div>
-            <div class="col-lg-6 col-md-4 col-sm-4 col-xs-12">
-              <section class="adsb-inner adsb-inner2 middle-banner oe_custom_bg oe_img_bg" style="background-image: url(&quot;/website/image/ir.attachment/2155_987a12b/datas&quot;);">
-                <!--<div class="middle-content">-->
-                <!--  <a href="#">-->
-                <!--    <span class="line1">MAS GRANDE</span>-->
-                <!--    <br/>-->
-                <!--    <span class="line2">VENDIDO</span>-->
-                <!--    <br/>-->
-                <!--    <span class="line3">50%</span>-->
-                <!--  </a>-->
-                <!--</div>-->
-              </section>
-            </div>
-            <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
-              <section class="adsb-inner adsb-inner3 small-banners oe_custom_bg oe_img_bg" style="background-image: url(&quot;/website/image/ir.attachment/1870_54b7740/datas&quot;);">
-                <div class="inner-content">
-                 <!-- <h5>LENTES DE MUJER</h5> -->
-                  <!--<section class="image-section">-->
-                  <!--  <img alt="Spacs" class="img-responsive" src="/kingfisher_pro/static/src/img/snippet/spacs.png" title="Spacs"/>-->
-                  <!--</section>-->
-                  <div class="pull-right btn-box" style="margin-left: 20px; " >
-                    <button class="pull-left">VER MAS <i class="fa fa-angle-right"/></button>
-                  </div>
-                </div>
-                <a href="/shop/category/vestidos-9">
-                  <span class="dark-div">
-                    <span class="inner-div"/>
-                  </span>
-                </a>
-              </section>
-              <section class="adsb-inner adsb-inner3 small-banners oe_custom_bg oe_img_bg" style="background-image: url(&quot;/website/image/ir.attachment/1871_0b87646/datas&quot;);">
-                <div class="inner-content">
-                  <!-- <h5>JOYAS DE MUJER</h5> -->
-                  <!--<section class="image-section">-->
-                  <!--  <img alt="Jewellary" class="img-responsive" src="/kingfisher_pro/static/src/img/snippet/jewellary.png" title="Jewellary"/>-->
-                  <!--</section>-->
-                   <div class="pull-right btn-box" style="margin-left: 20px; " >
-                    <button class="pull-left">VER MAS <i class="fa fa-angle-right"/></button>
-                  </div>
-                </div>
-                <a href="/shop/category/calzas-31">
-                  <span class="dark-div">
-                    <span class="inner-div"/>
-                  </span>
-                </a>
-              </section>
-            </div>
+                    <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12 text-center">
+                        <section class="adsb-inner adsb-inner1 small-banners">
+                            <div class="inner-content">
+                                <h5>MEN'S SHOES</h5>
+                                <section class="image-section">
+                                    <img alt="Shoes" class="img-responsive" src="/kingfisher_pro/static/src/img/snippet/shoes.png" title="Shoes"/>
+                                </section>
+                                <div class="btn-box">
+                                    <button>SHOP NOW 
+                                        <i class="fa fa-angle-right"/></button>
+                                </div>
+                            </div>
+                            <a href="#">
+                                <span class="dark-div">
+                                    <span class="inner-div"/>
+                                </span>
+                            </a>
+                        </section>
+                        <section class="adsb-inner adsb-inner4 small-banners">
+                            <div class="inner-content">
+                                <h5>MEN'S WATCH</h5>
+                                <section class="image-section">
+                                    <img alt="Watch" class="img-responsive" src="/kingfisher_pro/static/src/img/snippet/watch.png" title="Watch"/>
+                                </section>
+                                <div class="btn-box">
+                                    <button>SHOP NOW 
+                                        <i class="fa fa-angle-right"/></button>
+                                </div>
+                            </div>
+                            <a href="#">
+                                <span class="dark-div">
+                                    <span class="inner-div"/>
+                                </span>
+                            </a>
+                        </section>
+                    </div>
+                    <div class="col-lg-6 col-md-4 col-sm-4 col-xs-12">
+                        <section class="adsb-inner adsb-inner2 middle-banner" style="background-image:url(/kingfisher_pro/static/src/img/snippet/middle-box-bg.png);">
+                            <div class="middle-content">
+                                <a href="#">
+                                    <span class="line1">BIGGEST</span><br/>
+                                    <span class="line2">SALE</span><br/>
+                                    <span class="line3">50%</span>
+                                </a>
+                            </div>
+                        </section>
+                    </div>
+                    <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
+                        <section class="adsb-inner adsb-inner3 small-banners">
+                            <div class="inner-content">
+                                <h5>WOMEN'S GLASSES</h5>
+                                <section class="image-section">
+                                    <img alt="Spacs" class="img-responsive" src="/kingfisher_pro/static/src/img/snippet/spacs.png" title="Spacs"/>
+                                </section>
+                                <div class="btn-box">
+                                    <button>SHOP NOW <i class="fa fa-angle-right"/></button>
+                                </div>
+                            </div>
+                           <a href="#">
+                                <span class="dark-div">
+                                    <span class="inner-div"/>
+                                </span>
+                            </a>
+                        </section>
+                        <section class="adsb-inner adsb-inner3 small-banners">
+                            <div class="inner-content">
+                                <h5>WOMEN'S JEWELLERY</h5>
+                                <section class="image-section">
+                                    <img alt="Jewellary" class="img-responsive" src="/kingfisher_pro/static/src/img/snippet/jewellary.png" title="Jewellary"/>
+                                </section>
+                                <div class="btn-box">
+                                    <button>SHOP NOW <i class="fa fa-angle-right"/></button>
+                                </div>
+                            </div>
+                           <a href="#">
+                                <span class="dark-div">
+                                    <span class="inner-div"/>
+                                </span>
+                            </a>
+                        </section>
+                    </div>
                 </div>
             </div>
         </section>
@@ -798,7 +797,7 @@
                                                         <div class="view">
                                                             <div class="shopping-cart">
                                                                 <a t-attf-href="/shop/product/#{ slug(product) }">
-                                                                    <!-- <img src="/kingfisher_pro/static/src/img/cart2.png" alt="Shopping-cart" title="Shopping Cart" /> --><h5 style="color:#ffffff;">¡COMPRAR AHORA!</h5>
+                                                                    <img src="/kingfisher_pro/static/src/img/cart2.png" alt="Shopping-cart" title="Shopping Cart" />
                                                                 </a>
                                                             </div>
                                                         </div>

views/theme.xml

@@ -1,1510 +1,1550 @@
 <?xml version="1.0" encoding="utf-8"?>
 <openerp>
-	<data>
-		<!-- Logo -->
-		<template customize_show="True" id="website.layout_logo_show" inherit_id="website.layout" name="Show Logo">
-			<xpath expr="//header//a[@class='navbar-brand']" position="attributes">
-				<attribute name="style">display:none;</attribute>
-			</xpath>
-			<xpath expr="//header//a[@class='navbar-brand']" position="before">
-				<a class="navbar-brand logo" href="/page/website.homepage">
-					<img alt="Kingfisher Pro Fashion" src="/kingfisher_pro/static/src/img/kingfisher-logo.png" title="Kingfisher Pro Fashion"/>
-				</a>
-				<!-- 				<div><ul class="links hidden-sm hidden-xs"><li><a class="top-link-myaccount" href="#" title="Search"><div class="search-toggle"><span class="st-toggle"><i class="fa fa-search"/></span><div class="hsearch-block"><form action="/shop" method="get"><t t-set="search_text" t-value="search"/><input class="form-control" name="search" placeholder="Buscar..." t-att-value="search" type="text"/></form></div></div></a></li></ul></div>-->
-			</xpath>
-			<xpath expr="//footer" position="after">
-				<a class="cd-top" href="#0">
-					<i class="fa fa-chevron-up"/>
-				</a>
-			</xpath>
-		</template>
-		<!-- Total on hover -->
-		<template id="hover_total">
-			<div id="cart_total" t-if="website_sale_order">
-				<div class="cart-content">
-					<div class="product-desc">
-						<t t-as="line" t-foreach="website_sale_order.website_order_line">
-							<div class="pd-row">
-								<span class="product-img">
-									<a t-attf-href="/shop/product/#{ slug(line.product_id.product_tmpl_id) }">
-										<span t-field="line.product_id.image_small" t-field-options="{&quot;widget&quot;: &quot;image&quot;, &quot;class&quot;: &quot;img-rounded&quot;, &quot;alt-field&quot;: &quot;name&quot;}"/>
-									</a>
-								</span>
-								<div class="product-detail">
-									<p class="product-name">
-										<a t-attf-href="/shop/product/#{ slug(line.product_id.product_tmpl_id) }">
-											<t t-esc="line.product_id.name"/>
-										</a>
-									</p>
-									<p>
-										<span class="king_pro_cart_quantity" t-esc="int(line.product_uom_qty)"/>x 
+    <data>
+        <!-- Logo -->
+        <template customize_show="True" id="website.layout_logo_show" inherit_id="website.layout" name="Show Logo">
+            <xpath expr="//header//a[@class='navbar-brand']" position="attributes">
+                <attribute name="style">display:none;</attribute>
+            </xpath>
+            <xpath expr="//header//a[@class='navbar-brand']" position="before">
+                <a class="navbar-brand logo" href="/page/website.homepage">
+                    <img alt="Homepro" src="/kingfisher_pro/static/src/img/kingfisher-logo.png" title="Homepro"/>
+                </a>
+            </xpath>
+            <xpath expr="//footer" position="after">
+                <a class="cd-top" href="#">
+                    <i class="fa fa-chevron-up"/>
+                </a>
+            </xpath>
+        </template>
+        <!-- Total on hover -->
+        <template id="hover_total">
+            <div id="cart_total" t-if="website_sale_order">
+                <div class="cart-content">
+                    <div class="product-desc">
+                        <t t-as="line" t-foreach="website_sale_order.website_order_line">
+                            <div class="pd-row">
+                                <span class="product-img">
+                                    <a t-attf-href="/shop/product/#{ slug(line.product_id.product_tmpl_id) }">
+                                        <span t-field="line.product_id.image_small" t-field-options="{&quot;widget&quot;: &quot;image&quot;, &quot;class&quot;: &quot;img-rounded&quot;, &quot;alt-field&quot;: &quot;name&quot;}"/>
+                                    </a>
+                                </span>
+                                <div class="product-detail">
+                                    <p class="product-name">
+                                        <a t-attf-href="/shop/product/#{ slug(line.product_id.product_tmpl_id) }">
+                                            <t t-esc="line.product_id.name"/>
+                                        </a>
+                                    </p>
+                                    <p>
+                                        <span class="king_pro_cart_quantity" t-esc="int(line.product_uom_qty)"/>x 
                                     
-										
-										<span t-field="line.price_unit" t-field-options="{&quot;widget&quot;: &quot;monetary&quot;, &quot;display_currency&quot;: &quot;user_id.partner_id.property_product_pricelist.currency_id&quot;}"/>
-										<span class="price">
-											<a t-attf-href="/shop/product/#{ slug(line.product_id.product_tmpl_id) }">detalles</a></span>
-									</p>
-								</div>
-							</div>
-						</t>
-						<div class="total" id="king_cart">
-							<p class="">
-								<div class="row" id="order_total">
-									<span class="col-xs-6 text-right h4">Subtotal :</span>
-									<span class="col-xs-6 text-left h4" style="white-space: nowrap;">
-										<span style="white-space: nowrap;" t-field="website.sale_get_order().amount_total" t-field-options="{                                               &quot;widget&quot;: &quot;monetary&quot;,                                               &quot;from_currency&quot;: &quot;website.sale_get_order().pricelist_id.currency_id&quot;,                                               &quot;display_currency&quot;: &quot;website.currency_id&quot;                                           }"/>
-									</span>
-								</div>
-							</p>
-						</div>
-						<div class="button-box">
-							<a class="view-all btn" href="/shop/cart">Ver Todo </a>
-							<a class="proceed btn" href="/shop/checkout">Ir al Carro</a>
-						</div>
-					</div>
-				</div>
-			</div>
-		</template>
-		<!-- Top header -->
-		<template id="kingfisher_pro_header_layout" inherit_id="website.layout" name="Top Header">
-			<xpath expr="//head//title" position="after">
-				<t t-set="current_language" t-value="lang"/>
-			</xpath>
-			<xpath expr="//html/head" position="inside">
-				<link href="/kingfisher_pro/static/src/img/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
-			</xpath>
-			<xpath expr="//header//li//a[@href='/shop/cart']" position="attributes">
-				<attribute name="style">display:none;</attribute>
-			</xpath>
-			<xpath expr="//div[@id='wrapwrap']//header//div[@class='container']" position="attributes">
-				<attribute name="class">container header-middle header-nav</attribute>
-			</xpath>
-			<!-- Remove Administrator -->
-			<xpath expr="//ul[@id='top_menu']/li[last()]" position="attributes">
-				<attribute name="style">display:none;</attribute>
-			</xpath>
-			<xpath expr="//div[@id='wrapwrap']//header//div[@class='container header-middle header-nav']" position="before">
-				<div class="header-top">
-					<div class="top-header">
-						<div class="container">
-							<div class="top-row">
-								<div class="row">
-									<div class="top-left col-md-6 col-sm-8 col-xs-8 text-left">
-										<p class="call-us">
-											<span>
-												<a href="whatsapp://send/?phone=595986517746" id="whatsapp" style="color:#393939">
-													<i aria-hidden="true" class="icon-whatsapp"/>
-													<span t-field="res_company.phone"/>&amp;nbsp;(0986) 517-746 &amp;nbsp;&amp;nbsp; Compras por Whatsapp-Click aquí</a>
-											</span>
-										</p>
-										<!--     <a t-att-href="'mailto:%s' % res_company.email"><p class="mail"><span><i class="fa fa-envelope-o"/></span><span t-ignore="true" t-field="res_company.email"/></p></a>-->
-									</div>
-									<div class="top-right col-md-6 col-sm-4 col-xs-4 text-right">
-										<ul class="links">
-											<div class="buscador col-xs-6">
-												<form action="/shop" method="get" role="form formu_buscador">
-													<div class="row">
-														<div class="form-group">
-															<div class="input-group">
-																<t t-set="search_text" t-value="search"/>
-																<input class="form-control" name="search" placeholder="Buscar..." required="required" type="text"/>
-																<span class="input-group-btn">
-																	<button class="btn btn-info buscar" type="submit">
-																		<i aria-hidden="true" class="fa fa-search"/>
-																	</button>
-																</span>
-															</div>
-														</div>
-													</div>
-												</form>
-											</div>
-											<li t-if="website.user_id == user_id">
-												<a href="/web/login" title="Iniciar Session">
-													<i aria-hidden="true" class="fa fa-user"/>
-												</a>
-											</li>
-											<!-- 											<li class="hidden-md hidden-lg hidden-xl"><a class="top-link-myaccount" href="#" title="Search"><div class="search-toggle"><span class="st-toggle"><i class="fa fa-search"/></span><div class="hsearch-block"><form action="/shop" method="get"><t t-set="search_text" t-value="search"/><input class="form-control" name="search" placeholder="Buscar..." t-att-value="search" type="text"/></form></div></div></a></li>-->
-											<li class="configuration">
-												<a class="top-link-wishlist" href="#" title="Configure">
-													<i class="fa fa-cog"/>
-												</a>
-												<div class="toggle-config">
-													<div class="options" t-if="(request.website_multilang and len(languages) &gt; 1) or editable">
-														<ul class="language-bar js_language_selector" id="lang">
-															<label>IDIOMA</label>
-															<div class="btn-group">
-																<button class="dropdown-toggle btn-default" data-caret="true" data-toggle="dropdown" type="button">
-																	<t t-as="lgs" t-foreach="languages">
-																		<t t-if="current_language and current_language==lgs[0]">
-																			<t t-esc="lgs[0].split('_')[0]"/>
-																		</t>
-																	</t>
-																	<span class="caret"/>
-																</button>
-																<ul class="dropdown-menu dropdown-menu-right js_language_selector" role="menu">
-																	<t t-as="lg" t-foreach="languages">
-																		<li t-att-class="'active' if current_language == lg[0] else None">
-																			<a class="js_change_lang" t-att-data-default-lang="editable and 'true' if lg[0] == website.default_lang_code else None" t-att-data-lang="lg[0]" t-att-href="url_for(request.httprequest.path + '?' + keep_query(), lang=lg[0])">
-																				<t t-esc="lg[0].split('_')[0]"/>
-																			</a>
-																		</li>
-																	</t>
-																	<li groups="base.group_website_publisher">
-																		<t t-set="url_return" t-value="url_for('', '[lang]') + '?' + keep_query()"/>
-																		<a t-attf-href="/web#action=base.action_view_base_language_install&amp;website_id=#{website.id}&amp;url_return=#{url_return}">Agregar...</a>
-																	</li>
-																</ul>
-															</div>
-														</ul>
-													</div>
-													<div class="personal-info">
-														<ul>
-															<t t-if="website.user_id != user_id">
-																<li>Bienvenido, 
+                                        
+                                        
+                                        
+                                        
+                                        <span t-field="line.price_unit" t-field-options="{&quot;widget&quot;: &quot;monetary&quot;, &quot;display_currency&quot;: &quot;user_id.partner_id.property_product_pricelist.currency_id&quot;}"/>
+                                        <span class="price">
+                                            <a t-attf-href="/shop/product/#{ slug(line.product_id.product_tmpl_id) }">detalles</a></span>
+                                    </p>
+                                </div>
+                            </div>
+                        </t>
+                        <div class="total" id="king_cart">
+                            <p class="">
+                                <div class="row" id="order_total">
+                                    <span class="col-xs-6 text-right h4">Subtotal:</span>
+                                    <span class="col-xs-6 text-left h4" style="white-space: nowrap;">
+                                        <span style="white-space: nowrap;" t-field="website.sale_get_order().amount_total" t-field-options="{                                               &quot;widget&quot;: &quot;monetary&quot;,                                               &quot;from_currency&quot;: &quot;website.sale_get_order().pricelist_id.currency_id&quot;,                                               &quot;display_currency&quot;: &quot;website.currency_id&quot;                                           }"/>
+                                    </span>
+                                </div>
+                            </p>
+                        </div>
+                        <div class="button-box">
+                            <a class="view-all btn" href="/shop/cart">Ver Todo</a>
+                            <a class="proceed btn" href="/shop/checkout">Proceder a Pagar</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </template>
+        <!-- Top header -->
+        <template id="kingfisher_pro_header_layout" inherit_id="website.layout" name="Top Header">
+            <xpath expr="//head//title" position="after">
+                <t t-set="current_language" t-value="lang"/>
+            </xpath>
+            <xpath expr="//html/head" position="inside">
+                <link href="/kingfisher_pro/static/src/img/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
+            </xpath>
+            <xpath expr="//header//li//a[@href='/shop/cart']" position="attributes">
+                <attribute name="style">display:none;</attribute>
+            </xpath>
+            <xpath expr="//div[@id='wrapwrap']//header//div[@class='container']" position="attributes">
+                <attribute name="class">container header-middle header-nav</attribute>
+            </xpath>
+            <!-- Remove Administrator -->
+            <xpath expr="//ul[@id='top_menu']/li[last()]" position="attributes">
+                <attribute name="style">display:none;</attribute>
+            </xpath>
+            <xpath expr="//div[@id='wrapwrap']//header//div[@class='container header-middle header-nav']" position="before">
+                <div class="header-top">
+                    <div class="top-header">
+                        <div class="container">
+                            <div class="top-row">
+                                <div class="row">
+                                    <div class="top-left col-md-6 col-sm-8 col-xs-8 text-left">
+                                        <p class="call-us">
+                                            <span>
+                                                <a t-attf-href="tel: #{res_company.phone}">
+                                                    <i class="fa fa-mobile"/>
+                                                    <span t-field="res_company.phone"/>
+                                                </a>
+                                            </span>
+                                        </p>
+                                        <a t-att-href="'mailto:%s' % res_company.email">
+                                            <p class="mail">
+                                                <span>
+                                                    <i class="fa fa-envelope-o"/>
+                                                </span>
+                                                <span t-field="res_company.email" t-ignore="true"/>
+                                            </p>
+                                        </a>
+                                    </div>
+                                    <div class="top-right col-md-6 col-sm-4 col-xs-4 text-right">
+                                        <ul class="links">
+                                            <div class="buscador col-xs-6">
+                                                <form action="/shop" method="get" role="form formu_buscador">
+                                                    <div class="row">
+                                                        <div class="form-group">
+                                                            <div class="input-group">
+                                                                <t t-set="search_text" t-value="search"/>
+                                                                <input class="form-control" name="search" placeholder="Buscar..." required="required" type="text"/>
+                                                                <span class="input-group-btn">
+                                                                    <button class="btn btn-info buscar" type="submit">
+                                                                        <i aria-hidden="true" class="fa fa-search"/>
+                                                                    </button>
+                                                                </span>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </form>
+                                            </div>
+                                            <li class="configuration">
+                                                <a class="top-link-wishlist" href="#" title="Configure">
+                                                    <i class="fa fa-cog"/>
+                                                </a>
+                                                <div class="toggle-config">
+                                                    <div class="options" t-if="(request.website_multilang and len(languages) &gt; 1) or editable">
+                                                        <ul class="language-bar js_language_selector" id="lang">
+                                                            <label>Idioma</label>
+                                                            <div class="btn-group">
+                                                                <button class="dropdown-toggle btn-default" data-caret="true" data-toggle="dropdown" type="button">
+                                                                    <t t-as="lgs" t-foreach="languages">
+                                                                        <t t-if="current_language and current_language==lgs[0]">
+                                                                            <t t-esc="lgs[0].split('_')[0]"/>
+                                                                        </t>
+                                                                    </t>
+                                                                    <span class="caret"/>
+                                                                </button>
+                                                                <ul class="dropdown-menu dropdown-menu-right js_language_selector" role="menu">
+                                                                    <t t-as="lg" t-foreach="languages">
+                                                                        <li t-att-class="'active' if current_language == lg[0] else None">
+                                                                            <a class="js_change_lang" t-att-data-default-lang="editable and 'true' if lg[0] == website.default_lang_code else None" t-att-data-lang="lg[0]" t-att-href="url_for(request.httprequest.path + '?' + keep_query(), lang=lg[0])">
+                                                                                <t t-esc="lg[0].split('_')[0]"/>
+                                                                            </a>
+                                                                        </li>
+                                                                    </t>
+                                                                    <li groups="base.group_website_publisher">
+                                                                        <t t-set="url_return" t-value="url_for('', '[lang]') + '?' + keep_query()"/>
+                                                                        <a t-attf-href="/web#action=base.action_view_base_language_install&amp;website_id=#{website.id}&amp;url_return=#{url_return}">Agregar...</a>
+                                                                    </li>
+                                                                </ul>
+                                                            </div>
+                                                        </ul>
+                                                    </div>
+                                                    <div class="personal-info">
+                                                        <ul>
+                                                            <t t-if="website.user_id != user_id">
+                                                                <li>Bienvenido, 
                                                                 
-																	
-																	<b>
-																		<t t-esc="user_id.name"/></b>
-																</li>
-																<li>
-																	<a href="/web">Mi Cuenta</a>
-																</li>
-																<li>
-																	<a role="menuitem" t-attf-href="/web/session/logout?redirect=/">Salir</a>
-																</li>
-															</t>
-															<t t-if="website.user_id == user_id">
-																<li>
-																	<a href="/web/login">Ingresar</a>
-																</li>
-																<!-- <li><a href="/web/signup">Registrarse</a></li>-->
-															</t>
-														</ul>
-													</div>
-												</div>
-											</li>
-											<li class="item-no">
-												<a class="top-link-checkout" href="#" title="Checkout">
-													<i class="fa fa-shopping-cart"/>x 
+                                                                    
+                                                                    
+                                                                    
+                                                                    
+                                                                    <b>
+                                                                        <t t-esc="user_id.name"/></b>
+                                                                </li>
+                                                                <li>
+                                                                    <a href="/web">Mi Cuenta</a>
+                                                                </li>
+                                                                <li>
+                                                                    <a role="menuitem" t-attf-href="/web/session/logout?redirect=/">Salir</a>
+                                                                </li>
+                                                            </t>
+                                                            <t t-if="website.user_id == user_id">
+                                                                <li>
+                                                                    <a href="/web/login">Ingresar</a>
+                                                                </li>
+                                                                <li>
+                                                                    <a href="/web/signup">Registrar</a>
+                                                                </li>
+                                                            </t>
+                                                        </ul>
+                                                    </div>
+                                                </div>
+                                            </li>
+                                            <li class="item-no">
+                                                <a class="top-link-checkout" href="#" title="Checkout">
+                                                    <i class="fa fa-shopping-cart"/>x 
                                                 
-													
-													<t t-set="website_sale_order" t-value="website.sale_get_order()"/>
-													<span class="king_pro_cart_quantity" t-esc="website_sale_order and website_sale_order.cart_quantity or 0"/></a>
-												<div class="mini-cart-content dropdown-content left-hand block block-cart skip-content skip-content--style" id="header-cart">
-													<div class="" t-if="not website_sale_order or not website_sale_order.website_order_line">Su carro está vacío!
+                                                    
+                                                    
+                                                    
+                                                    
+                                                    <t t-set="website_sale_order" t-value="website.sale_get_order()"/>
+                                                    <span class="king_pro_cart_quantity" t-esc="website_sale_order and website_sale_order.cart_quantity or 0"/></a>
+                                                <div class="mini-cart-content dropdown-content left-hand block block-cart skip-content skip-content--style" id="header-cart">
+                                                    <div class="" t-if="not website_sale_order or not website_sale_order.website_order_line">Tu Canasto esta Vacio!
+                                                </div>
+                                                    <div class="" t-if="website_sale_order and website_sale_order.website_order_line">
+                                                        <div class="block-subtitle">Agregado Recientemente(s)</div>
+                                                        <div id="king_hover_total">
+                                                            <t t-call="kingfisher_pro.hover_total"/>
+                                                        </div>
+                                                    </div>
                                                 </div>
-													<div class="" t-if="website_sale_order and website_sale_order.website_order_line">
-														<div class="block-subtitle">Recientemete agregado(s)</div>
-														<div id="king_hover_total">
-															<t t-call="kingfisher_pro.hover_total"/>
-														</div>
-													</div>
-												</div>
-											</li>
-										</ul>
-									</div>
-								</div>
-							</div>
-						</div>
-					</div>
-				</div>
-			</xpath>
-		</template>
-		<!-- Custom Footer -->
-		<template id="kingfisher_pro_footer_customize" inherit_id="website_less.footer_default">
-			<xpath expr="//div[@class='container hidden-print']" position="attributes">
-				<attribute name="style">display:none;</attribute>
-			</xpath>
-			<xpath expr="//div[@class='container hidden-print']" position="before">
-				<div class="footer-top hidden-print">
-					<div class="container">
-						<div class="row">
-							<div class="footer-content">
-								<div class="col-md-3 col-sm-3 col-xs-12 col-xxs-6  footer-col">
-									<section class="fot-col fot-link">
-										<div class="fb-page fb_iframe_widget" data-adapt-container-width="true" data-height="320" data-hide-cover="false" data-href="https://www.facebook.com/amojeanspy" data-show-facepile="true" data-small-header="false" data-tabs="timeline,messages,events" fb-iframe-plugin-query="adapt_container_width=true&amp;app_id=1511113442515741&amp;container_width=263&amp;height=320&amp;hide_cover=false&amp;href=https%3A%2F%2Fwww.facebook.com%2Famojeanspy&amp;locale=es_ES&amp;sdk=joey&amp;show_facepile=true&amp;small_header=false&amp;tabs=timeline%2Cmessages%2Cevents" fb-xfbml-state="rendered">
-											<span style="vertical-align: bottom; width: 263px; height: 320px;">
-												<iframe allowfullscreen="true" allowtransparency="true" frameborder="0" height="320px" name="f316311eacd7be8" scrolling="no" src="https://www.facebook.com/v2.8/plugins/page.php?adapt_container_width=true&amp;app_id=1511113442515741&amp;channel=http%3A%2F%2Fstaticxx.facebook.com%2Fconnect%2Fxd_arbiter%2Fr%2F96nq-xsaNcg.js%3Fversion%3D42%23cb%3Df1873369e9f47d8%26domain%3D192.168.100.141%26origin%3Dhttp%253A%252F%252F192.168.100.141%253A12500%252Ff3783d1faeb742%26relation%3Dparent.parent&amp;container_width=263&amp;height=320&amp;hide_cover=false&amp;href=https%3A%2F%2Fwww.facebook.com%2Famojeanspy&amp;locale=es_ES&amp;sdk=joey&amp;show_facepile=true&amp;small_header=false&amp;tabs=timeline%2Cmessages%2Cevents" style="border: none; visibility: visible; width: 263px; height: 320px;" title="fb:page Facebook Social Plugin" width="1000px"/>
-											</span>
-										</div>
-									</section>
-								</div>
-								<div class="col-md-2 col-sm-4 col-xs-12 col-xxs-4  footer-col">
-									<div class="fot-col fot-address">
-										<div class="address-list">
-											<p>
-												<font class="footercolor">CONTACTO</font>
-											</p>
-											<!--<address itemscope="itemscope" itemtype="http://schema.org/Organization">-->
-											<!--  <div t-field="res_company.partner_id" t-field-options="{                                                     &quot;widget&quot;: &quot;contact&quot;,                                                     &quot;fields&quot;: [&quot;address&quot;]}"/>-->
-											<!--</address>-->
-											<p class="call-us">
-												<span>
-													<!--<a t-attf-href="tel: #{res_company.phone}">-->
-													<a t-attf-href="tel:+595986517746">
-														<i class="fa fa-phone"/>0986-517-746
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </xpath>
+        </template>
+        <!-- Custom Footer -->
+        <template id="kingfisher_pro_footer_customize" inherit_id="website_less.footer_default">
+            <xpath expr="//div[@class='container hidden-print']" position="attributes">
+                <attribute name="style">display:none;</attribute>
+            </xpath>
+            <xpath expr="//div[@class='container hidden-print']" position="before">
+                <div class="footer-top hidden-print">
+                    <div class="container">
+                        <div class="row">
+                            <div class="footer-content">
+                                <div class="col-md-3 col-sm-4 footer-col">
+                                    <div class="fot-col fot-address">
+                                        <div class="address-list">
+                                            <address itemscope="itemscope" itemtype="http://schema.org/Organization">
+                                                <div t-field="res_company.partner_id" t-field-options="{                                                     &quot;widget&quot;: &quot;contact&quot;,                                                     &quot;fields&quot;: [&quot;address&quot;]}"/>
+                                            </address>
+                                            <p class="call-us">
+                                                <span>
+                                                    <a t-attf-href="tel: #{res_company.phone}">
+                                                        <i class="fa fa-phone"/>
+                                                        <span t-field="res_company.phone"/>
+                                                    </a>
+                                                </span>
+                                            </p>
+                                            <a t-att-href="'mailto:%s' % res_company.email">
+                                                <i class="fa fa-envelope-o"/>
+                                                <span t-field="res_company.email" t-ignore="true"/>
+                                            </a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-2 col-sm-3 footer-col">
+                                    <section class="fot-col fot-link">
+                                        <ul>
+                                            <li>
+                                                <a href="#">Seguridad</a>
+                                            </li>
+                                            <li>
+                                                <a href="#">Privacidad</a>
+                                            </li>
+           <!--                                  <li>
+                                                <a href="#">Mensaje de Texto</a>
+                                            </li> -->
+                                            <li>
+                                                <a href="#">Legal</a>
+                                            </li>
+                                            <li>
+                                                <a href="#">Soporte</a>
+                                            </li>
+                                        </ul>
+                                    </section>
+                                </div>
+                                <div class="col-md-2 col-sm-3 footer-col">
+                                    <section class="fot-col fot-link">
+                                        <ul>
+                                            <li>
+                                                <a href="#">Preguntas Frecuentes</a>
+                                            </li>
+                                           <!--  <li>
+                                                <a href="#">Gift Cards</a>
+                                            </li> -->
+                                            <li>
+                                                <a href="#">Pedidos</a>
+                                            </li>
+                                            <li>
+                                                <a href="#">Flete</a>
+                                            </li>
+                                            <li>
+                                                <a href="#">Sucursales</a>
+                                            </li>
+                                            <li>
+                                                <a href="#">Encuentranos</a>
+                                            </li>
+                                        </ul>
+                                    </section>
+                                </div>
+                                <div class="col-md-2 col-sm-2 footer-col">
+                                    <section class="fot-col fot-link">
+                                        <ul>
+                                            <li>
+                                                <a href="#">Acerca de Dikasa</a>
+                                            </li>
+                                            <li>
+                                                <a href="#">Trabajos</a>
+                                            </li>
+                                            <li>
+                                                <a href="#">Afiliados</a>
+                                            </li>
+                                  <!--           <li>
+                                                <a href="#">Meet The Maker</a>
+                                            </li> -->
+                                            <li>
+                                                <a href="#">Contacto</a>
+                                            </li>
+                                        </ul>
+                                    </section>
+                                </div>
+                                <div class="col-md-3 col-sm-12 newsletter-div">
+                                    <section>
+                                        <div class="newsletter">
+                                            <h3>Newsletter!</h3>
+                                            <p class="">Recibe Novedades!</p>
+                                            <div class="oe_snippet_body input-group js_subscribe" data-list-id="1" data-subscribe="off">
+                                                <input class="js_subscribe_email form-control" name="email" placeholder="your email..." type="email"/>
+                                                <span class="btn-box">
+                                                    <a class="btn btn-primary js_subscribe_btn" href="#">Suscribete ahora 
+                                                        
+                                                        
+                                                        
+                                                        
+                                                        <i class="fa fa-angle-right"/></a>
+                                                    <a class="btn btn-success js_subscribed_btn hidden" disabled="disabled" href="#">Gracias</a>
+                                                </span>
+                                                <div class="alert alert-success hidden">Gracias por suscribirse!</div>
+                                            </div>
+                                        </div>
+                                    </section>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </xpath>
+        </template>
+        <!-- Copyright Footer -->
+        <template id="footer_copyright" inherit_id="website.layout_footer_copyright">
+            <xpath expr="//div[@class='container mt16 mb8']" position="attributes">
+                <attribute name="style">display:none;</attribute>
+            </xpath>
+            <xpath expr="//div[@class='container mt16 mb8']" position="before">
+                <div class="footer-btm">
+                    <div class="container">
+                        <div class="footer-bottom-div">
+                            <div class="row">
+                                <div class="col-md-6 col-sm-6">
+                                    <p>© 2019 By 
+                                    
+                                        
+                                        
+                                        
+                                        
+                                        <span>Dikasa.</span>
+                                        Derechos Reservados.</p>
+                                </div>
+                                <div class="col-md-6 col-sm-6">
+                                    <ul class="link">
+                                        <li>
+                                            <a href="#">La Empresa</a>
+                                        </li>
+                                        <li>
+                                            <a href="#">Contacto</a>
+                                        </li>
+                                        <li>
+                                            <a href="#">Atención al Cliente</a>
+                                        </li>
+                                        <li class="last-li">
+                                            <a href="#">Política de Privacidad</a>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </xpath>
+        </template>
+        <!-- Multi image feature for products -->
+        <template active="True" customize_show="True" id="website_multiple_image_product_slider" inherit_id="website_sale.product" name="Multi-Image Product">
+            <xpath expr="//section[@id='product_detail']//span[@itemprop='image']" position="attributes">
+                <attribute name="style">display:none;</attribute>
+            </xpath>
+            <xpath expr="//section[@id='product_detail']//span[@itemprop='image']" position="before">
+                <!-- <span itemprop="image">-->
+                <t t-if="not product.multi_image and not product.is_flip_image">
+                    <span itemprop="image" t-field="product.image" t-field-options="{&quot;widget&quot;: &quot;image&quot;, &quot;class&quot;: &quot;product_detail_img&quot;, &quot;alt-field&quot;: &quot;name&quot;}"/>
+                </t>
+                <t t-if="product.is_flip_image and not product.flip_image">
+                    <span itemprop="image" t-field="product.image" t-field-options="{&quot;widget&quot;: &quot;image&quot;, &quot;class&quot;: &quot;product_detail_img&quot;, &quot;alt-field&quot;: &quot;name&quot;}"/>
+                </t>
+                <t t-if="product.multi_image and not website.get_multiple_images(product.id) and product.flip_image">
+                    <span itemprop="image">
+                        <div id="gallery">
+                            <img class="product_detail_img" t-att-alt="product.name" t-att-data-image="website.image_url(product, 'image')" t-att-src="website.image_url(product, 'image')" t-att-title="product.name"/>
+                            <t t-if="product.is_flip_image and product.flip_image">
+                                <img t-att-alt="product.name" t-att-data-image="website.image_url(product, 'flip_image')" t-att-src="website.image_url(product, 'flip_image')" t-att-title="product.name"/>
+                            </t>
+                        </div>
+                    </span>
+                </t>
+                <t t-if="not product.multi_image and product.flip_image">
+                    <span itemprop="image">
+                        <div id="gallery">
+                            <img class="product_detail_img" t-att-alt="product.name" t-att-data-image="website.image_url(product, 'image')" t-att-src="website.image_url(product, 'image')" t-att-title="product.name"/>
+                            <t t-if="product.is_flip_image and product.flip_image">
+                                <img t-att-alt="product.name" t-att-data-image="website.image_url(product, 'flip_image')" t-att-src="website.image_url(product, 'flip_image')" t-att-title="product.name"/>
+                            </t>
+                        </div>
+                    </span>
+                </t>
+                <t t-if="product.multi_image and website.get_multiple_images(product.id)">
+                    <span itemprop="image">
+                        <div id="gallery">
+                            <img class="product_detail_img" t-att-alt="product.name" t-att-data-image="website.image_url(product, 'image')" t-att-src="website.image_url(product, 'image')" t-att-title="product.name"/>
+                            <t t-as="im" t-foreach="website.get_multiple_images(product.id)">
+                                <t t-if="im.attach_type == 'image'">
+                                    <img t-att-alt="im.alt if im.alt else im.name" t-att-data-image="website.image_url(im, 'image')" t-att-src="website.image_url(im, 'image')" t-att-title="im.name if im.name else product.name"/>
+                                </t>
+                                <t t-if="im.attach_type == 'video'">
+                                    <t t-if="im.video_type == 'youtube'">
+                                        <img data-type="youtube" t-att-alt="im.alt if im.alt else im.name" t-att-data-description="im.name if im.name else product.name" t-att-data-videoid="im.video_id"/>
+                                    </t>
+                                    <t t-if="im.video_type == 'vimeo'">
+                                        <img data-type="vimeo" t-att-alt="im.alt if im.alt else im.name" t-att-data-description="im.name if im.name else product.name" t-att-data-image="website.image_url(im, 'cover_image') if im.cover_image else website.image_url(im, 'image')" t-att-data-videoid="im.video_id" t-att-src="website.image_url(im, 'cover_image') if im.cover_image else website.image_url(im, 'image')"/>
+                                    </t>
+                                    <t t-if="im.video_type == 'html5video'">
+                                        <img data-type="html5video" t-att-alt="im.alt if im.alt else im.name" t-att-data-description="im.name if im.name else product.name" t-att-data-image="website.image_url(im, 'cover_image') if im.cover_image else website.image_url(im, 'image')" t-att-data-videomp4="im.video_mp4 if im.video_mp4 else '' " t-att-data-videoogv="im.video_ogv if im.video_ogv else '' " t-att-data-videowebm="im.video_webm if im.video_webm else '' " t-att-src="website.image_url(im, 'cover_image') if im.cover_image else website.image_url(im, 'image')"/>
+                                    </t>
+                                </t>
+                            </t>
+                            <t t-if="product.is_flip_image and product.flip_image">
+                                <img t-att-alt="product.name" t-att-data-image="website.image_url(product, 'flip_image')" t-att-src="website.image_url(product, 'flip_image')" t-att-title="product.name"/>
+                            </t>
+                        </div>
+                    </span>
+                </t>
+                <t t-if="product.multi_image and not website.get_multiple_images(product.id)">
+                    <span itemprop="image" t-field="product.image" t-field-options="{&quot;widget&quot;: &quot;image&quot;, &quot;class&quot;: &quot;product_detail_img&quot;, &quot;alt-field&quot;: &quot;name&quot;}"/>
+                </t>
+                <t t-if="product.multi_image and not website.get_multiple_images(product.id) and product.is_flip_image and product.flip_image">
+                    <span itemprop="image">
+                        <div id="gallery">
+                            <img class="product_detail_img" t-att-alt="product.name" t-att-data-image="website.image_url(product, 'image')" t-att-src="website.image_url(product, 'image')" t-att-title="product.name"/>
+                            <t t-if="product.is_flip_image and product.flip_image">
+                                <img t-att-alt="product.name" t-att-data-image="website.image_url(product, 'flip_image')" t-att-src="website.image_url(product, 'flip_image')" t-att-title="product.name"/>
+                            </t>
+                        </div>
+                    </span>
+                </t>
+                <!-- </span>-->
+            </xpath>
+        </template>
+        <!-- Product detail page -->
+        <template id="kingfisher_pro_product_details" inherit_id="website_sale.product" name="Product Details">
+            <xpath expr="//div[@itemscope='itemscope']/section/div" position="attributes">
+                <attribute name="style">display:none;</attribute>
+            </xpath>
+            <!-- Added class for main section in product detail page -->
+            <xpath expr="//div[@itemscope='itemscope']/section" position="attributes">
+                <attribute name="t-attf-class">container mt8 product-view oe_website_sale #{(compute_currency(product.lst_price) - product.price) &gt; 0.1 and 'discount'}</attribute>
+            </xpath>
+            <!-- Theme breadcrumb -->
+            <xpath expr="//div[@itemscope='itemscope']/section" position="before">
+                <section class="page-title">
+                    <div class="container">
+                        <div class="col-sm-8">
+                            <ul class="breadcrumb">
+                                <li>
+                                    <a href="/page/homepage">Inicio</a>
+                                </li>
+                                <li>
+                                    <a href="/shop">Productos</a>
+                                </li>
+                                <li t-if="category">
+                                    <a t-att-href="keep('/shop/category/%s' % slug(category), category=0)" t-field="category.name"/>
+                                </li>
+                                <li class="active">
+                                    <span t-field="product.name"/>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="col-sm-4 col-xs-6" groups="base.group_sale_manager">
+                            <t t-call="website.publish_management">
+                                <t t-set="object" t-value="product"/>
+                                <t t-set="publish_edit" t-value="True"/>
+                                <t t-set="action" t-value="'product.product_template_action'"/>
+                            </t>
+                        </div>
+                    </div>
+                </section>
+            </xpath>
+            <!-- Product detail page right side design -->
+            <xpath expr="//section[@id='product_detail']//div[@class='row']//div[@class='col-sm-5 col-md-5 col-lg-4 col-lg-offset-1']" position="attributes">
+                <attribute name="style">display:none;</attribute>
+            </xpath>
+            <xpath expr="//section[@id='product_detail']//div[@class='row']//div[@class='col-sm-5 col-md-5 col-lg-4 col-lg-offset-1']" position="before">
+                <div class="col-xs-12 col-md-5 col-lg-5 col-sm-5 product-detail" id="product_details">
+                    <div class="product-shop-info">
+                        <div class="product-title">
+                            <h1 itemprop="name" t-field="product.name">Nombre de Producto</h1>
+                            <p class="review">
+                                <a href="#">
+                                    <span>
+                                        <t t-esc="len(product.website_message_ids)"/>
+                                    </span>Valoracion(es) | Agregar tu Comentario</a>
+                            </p>
+                            <span itemprop="url" style="display:none;" t-esc="'/shop/product/%s' % slug(product)"/>
+                        </div>
+                        <div class="product-options-bottom">
+                            <form class="js_add_cart_variants" method="POST" t-att-action="keep('/shop/cart/update')">
+                                <div class="js_product">
+                                    <div class="details">
+                                        <div class="price-box">
+                                            <t t-call="website_sale.product_price"/>
+                                        </div>
+                                        <t t-if="product.description_sale">
+                                            <div class="pro-desc">
+                                                <p t-field="product.description_sale"/>
+                                            </div>
+                                        </t>
+                                    </div>
+                                    <t t-placeholder="select">
+                                        <input class="product_id" name="product_id" t-att-value="int(product.product_variant_ids[0]) if len(product.product_variant_ids) == 1 else '0'" type="hidden"/>
+                                        <t t-call="website_sale.variants">
+                                            <t t-set="ul_class" t-value="'nav-stacked'"/>
+                                        </t>
+                                    </t>
+                                    <p class="css_not_available_msg bg-danger" style="padding: 15px;" t-if="len(product.product_variant_ids) &gt; 1">Producto no Disponible</p>
+                                    <div class="add-to-cart">
+                                        <a class="btn cart-btn btn-lg js_check_product a-submit" href="#" id="add_to_cart">
+                                            <i class="fa fa-shopping-cart"/>Agregar al Carro</a>
+                                    </div>
+                                </div>
+                            </form>
+                        </div>
+                    </div>
+                </div>
+            </xpath>
+            <!-- Product Description -->
+            <xpath expr="//div[@itemprop='description']" position="attributes">
+                <attribute name="style">display:none;</attribute>
+            </xpath>
+            <xpath expr="//div[@itemprop='description']" position="before">
+                <div class="container" id="website_description">
+                    <div class="pd-more-info">
+                        <!-- Nav tabs -->
+                        <ul class="nav nav-tabs" id="description_reviews_tabs" role="tablist">
+                            <li class="active" role="presentation">
+                                <a aria-controls="more_info" data-toggle="tab" href="#description" role="tab">Descripción</a>
+                            </li>
+                        </ul>
+                        <div class="tab-content" id="description_reviews_tabs_contents">
+                            <div class="tab-pane active" id="description" role="tabpanel">
+                                <div class="oe_structure mt16" id="product_full_description" itemprop="description" t-field="product.website_description"/>
+                                <div class="oe_structure"/>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </xpath>
+        </template>
+        <!-- Removed Sign In  -->
+        <template customize_show="False" groups="base.group_public" id="website.show_sign_in" inherit_id="website.layout" name="Show Sign In">
+            <xpath expr="//ul[@id='top_menu']" position="inside">
+                <li class="divider" style="display:none"/>
+                <li style="display:none">
+                    <a t-attf-href="/web/login">
+                        <b>Ingresar</b>
+                    </a>
+                </li>
+            </xpath>
+        </template>
+        <!-- Select quantity inherited from website sale -->
+        <template customize_show="True" id="website_sale.product_quantity" inherit_id="website_sale.product" name="Select Quantity">
+            <xpath expr="//div[contains(@class,'js_product')]" position="inside">
+                <div class="css_quantity input-group oe_website_spinner">
+                    <span class="input-group-addon">
+                        <a class="mb8 js_add_cart_json" t-attf-href="#">
+                            <i class="fa fa-minus"/>
+                        </a>
+                    </span>
+                    <input class="js_quantity form-control" data-min="1" name="add_qty" type="text" value="1"/>
+                    <span class="input-group-addon">
+                        <a class="mb8 float_left js_add_cart_json" t-attf-href="#">
+                            <i class="fa fa-plus"/>
+                        </a>
+                    </span>
+                </div>
+            </xpath>
+        </template>
+        <template customize_show="True" id="product_attributes" inherit_id="kingfisher_pro.kingfisher_pro_product_details" name="Product attributes">
+            <xpath expr="//p[@t-field='product.description_sale']" position="after">
+                <hr style="border-top: 1px solid #eeeeee;" t-if="sum([(1 if len(l.value_ids)==1 else 0) for l in product.attribute_line_ids])"/>
+                <p class="text-muted">
+                    <t t-as="variant_id" t-foreach="product.attribute_line_ids">
+                        <t t-if="len(variant_id.value_ids)==1">
+                            <span t-field="variant_id.attribute_id"/>: 
+                            
+                            
+                            
+                            
+                            <span t-field="variant_id.value_ids[0].name"/>
+                            <br/></t>
+                    </t>
+                </p>
+            </xpath>
+        </template>
+        <!-- Discussion inherited to display in tabs -->
+        <template active="True" customize_show="True" id="website_sale.product_comment" inherit_id="kingfisher_pro.kingfisher_pro_product_details" name="Discussion">
+            <!-- Will add review tab -->
+            <xpath expr="//div[@id='website_description']/div/ul/li" position="after">
+                <li role="presentation">
+                    <a aria-controls="reviews" data-toggle="tab" href="#reviews" role="tab">Valoraciones 
                         
-                                                
-                                                
-                                                
-                                                
-                                                
-														<span t-field="res_company.phone"/></a>
-												</span>
-											</p>
-											<a t-att-href="'mailto:%s' % res_company.email">
-												<i class="fa fa-envelope-o"/>
-												<span t-field="res_company.email" t-ignore="true"/>
-											</a>
-										</div>
-									</div>
-								</div>
-								<div class="col-md-2 col-sm-3 col-xs-12 col-xxs-4 footer-col">
-									<section class="fot-col fot-link">
-										<ul>
-											<li>
-												<p>
-													<font class="footercolor">MARCAS</font>
-												</p>
-											</li>
-											<li>
-												<a href="/shop/category/preta-bronze-9">Preta Bronze</a>
-											</li>
-											<li>
-												<a href="/shop/category/sawary-26">Sawari</a>
-											</li>
-											<li>
-												<a href="/shop/category/r-i19-14">Ri 19</a>
-											</li>
-											<li>
-												<a href="/shop/category/emporio-21">Emporio</a>
-											</li>
-											<li>
-												<a href="/shop/category/legiao-31">Legion</a>
-											</li>
-											<li/>
-										</ul>
-									</section>
-								</div>
-								<div class="col-md-2 col-sm-2 col-xs-12 col-xxs-6 footer-col">
-									<section class="fot-col fot-link">
-										<ul>
-											<li>
-												<p>
-													<font class="footercolor">INFORMACIONES</font>
-												</p>
-											</li>
-											<li>
-												<a href="/page/codigos-postales">Delivery Ubicaciones</a>
-											</li>
-											<li>
-												<a href="/page/terminos-y-condiciones-de-envio">Delivery Términos</a>
-											</li>
-											<li>
-												<a href="/page/dudas-frecuentes">Dudas Frecuentes</a>
-											</li>
-											<li>
-												<a href="/page/contactus#">Contacto</a>
-											</li>
-										</ul>
-									</section>
-								</div>
-								<div class="col-md-3 col-sm-12 col-xs-12 col-xxs-4  newsletter-div">
-									<section class="oe_snippet_body ehtml_form container" id="ehtml_form">
-										<form action="/form/myinsert" enctype="multipart/form-data" method="POST">
-											<h3>NewsLetter!</h3>
-											<p>Recibe Noticias y Novedades</p>
-											<p>en tu correo</p>
-											<p/>
-											<div class="oe_structure" id="ehtml_fields">
-												<section class="oe_snippet_body ehtml_form_field">
-													<div class="form-group">
-														<label class="control-label" for="email">Email</label>
-														<input class="form-control" id="email" name="email" pattern="^[a-zA-Z0-9.!#$%&amp;'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$" required="required" style="border-radius:4px; background-color:#ffffff; color:#808080;width:100%" type="email"/>
-													</div>
-												</section>
-												<section class="oe_snippet_body ehtml_form_field">
-													<div class="form-group">
-														<label class="control-label" for="name" style="font-weight: normal">Nombre y Apellido</label>
-														<input class="form-control" id="name" name="name" pattern="^[A-Za-zñÑ ' ýÝáéíóúÁÉÍÓÚàèìòùÀÈÌÒÙâêîôûÂÊÎÔÛÑñäëïöüÄËÏÖÜ\s\t .-]+$" syte="text-transform: lowercase; " title="Escriba su Verdadero Nombre" type="text"/>
-													</div>
-												</section>
-												<input name="form_id" type="hidden" value="6"/>
-												<input class="btn btn-primary btn-lg" type="submit" value="Suscríbame"/>
-											</div>
-										</form>
-									</section>
-								</div>
-							</div>
-						</div>
-					</div>
-				</div>
-			</xpath>
-		</template>
-		<!-- Copyright Footer -->
-		<template id="footer_copyright" inherit_id="website.layout_footer_copyright">
-			<xpath expr="//div[@class='container mt16 mb8']" position="attributes">
-				<attribute name="style">display:none;</attribute>
-			</xpath>
-			<xpath expr="//div[@class='container mt16 mb8']" position="before">
-				<div class="footer-btm">
-					<div class="container">
-						<div class="footer-bottom-div">
-							<div class="row">
-								<div class="col-md-6 col-sm-6">
-									<p>© 2016 por 
-                                  
-										
-										<a href="http://www.eiru.com.py/">
-											<span>Eiru Sofware.</span></a>Derechos Reservados.</p>
-								</div>
-								<div class="col-md-6 col-sm-6">
-									<ul class="link">
-										<li>
-											<a href="/page/la-empresa">La Empresa</a>
-										</li>
-										<li>
-											<a href="/page/contactus">Contacto</a>
-										</li>
-										<!--  <li><a href="/page/atencion-al-cliente">Atención al Cliente</a></li>-->
-										<li class="last-li">
-											<a href="/page/politica-de-privacidad">Politica de Privacidad</a>
-										</li>
-									</ul>
-								</div>
-							</div>
-						</div>
-					</div>
-				</div>
-			</xpath>
-		</template>
-		<!-- Multi image feature for products -->
-		<template active="True" customize_show="True" id="website_multiple_image_product_slider" inherit_id="website_sale.product" name="Multi-Image Product">
-			<xpath expr="//section[@id='product_detail']//span[@itemprop='image']" position="attributes">
-				<attribute name="style">display:none;</attribute>
-			</xpath>
-			<xpath expr="//section[@id='product_detail']//span[@itemprop='image']" position="before">
-				<span itemprop="image">
-					<t t-if="not product.multi_image and not product.is_flip_image">
-						<img class="product_detail_img" t-att-alt="product.name" t-att-name="product.name" t-att-src="website.image_url(product, 'image')" t-att-title="product.name"/>
-					</t>
-					<t t-if="product.is_flip_image and not product.flip_image">
-						<img class="product_detail_img" t-att-alt="product.name" t-att-data-image="website.image_url(product, 'image')" t-att-src="website.image_url(product, 'image')" t-att-title="product.name"/>
-					</t>
-					<t t-if="product.multi_image and not website.get_multiple_images(product.id) and product.flip_image">
-						<div id="gallery">
-							<img class="product_detail_img" t-att-alt="product.name" t-att-data-image="website.image_url(product, 'image')" t-att-src="website.image_url(product, 'image')" t-att-title="product.name"/>
-							<t t-if="product.is_flip_image and product.flip_image">
-								<img t-att-alt="product.name" t-att-data-image="website.image_url(product, 'flip_image')" t-att-src="website.image_url(product, 'flip_image')" t-att-title="product.name"/>
-							</t>
-						</div>
-					</t>
-					<t t-if="not product.multi_image and product.flip_image">
-						<div id="gallery">
-							<img class="product_detail_img" t-att-alt="product.name" t-att-data-image="website.image_url(product, 'image')" t-att-src="website.image_url(product, 'image')" t-att-title="product.name"/>
-							<t t-if="product.is_flip_image and product.flip_image">
-								<img t-att-alt="product.name" t-att-data-image="website.image_url(product, 'flip_image')" t-att-src="website.image_url(product, 'flip_image')" t-att-title="product.name"/>
-							</t>
-						</div>
-					</t>
-					<t t-if="product.multi_image and website.get_multiple_images(product.id)">
-						<div id="gallery">
-							<img class="product_detail_img" t-att-alt="product.name" t-att-data-image="website.image_url(product, 'image')" t-att-src="website.image_url(product, 'image')" t-att-title="product.name"/>
-							<t t-as="im" t-foreach="website.get_multiple_images(product.id)">
-								<t t-if="im.attach_type == 'image'">
-									<img t-att-alt="im.alt if im.alt else im.name" t-att-data-image="website.image_url(im, 'image')" t-att-src="website.image_url(im, 'image')" t-att-title="im.name if im.name else product.name"/>
-								</t>
-								<t t-if="im.attach_type == 'video'">
-									<t t-if="im.video_type == 'youtube'">
-										<img data-type="youtube" t-att-alt="im.alt if im.alt else im.name" t-att-data-description="im.name if im.name else product.name" t-att-data-videoid="im.video_id"/>
-									</t>
-									<t t-if="im.video_type == 'vimeo'">
-										<img data-type="vimeo" t-att-alt="im.alt if im.alt else im.name" t-att-data-description="im.name if im.name else product.name" t-att-data-image="website.image_url(im, 'cover_image') if im.cover_image else website.image_url(im, 'image')" t-att-data-videoid="im.video_id" t-att-src="website.image_url(im, 'cover_image') if im.cover_image else website.image_url(im, 'image')"/>
-									</t>
-									<t t-if="im.video_type == 'html5video'">
-										<img data-type="html5video" t-att-alt="im.alt if im.alt else im.name" t-att-data-description="im.name if im.name else product.name" t-att-data-image="website.image_url(im, 'cover_image') if im.cover_image else website.image_url(im, 'image')" t-att-data-videomp4="im.video_mp4 if im.video_mp4 else '' " t-att-data-videoogv="im.video_ogv if im.video_ogv else '' " t-att-data-videowebm="im.video_webm if im.video_webm else '' " t-att-src="website.image_url(im, 'cover_image') if im.cover_image else website.image_url(im, 'image')"/>
-									</t>
-								</t>
-							</t>
-							<t t-if="product.is_flip_image and product.flip_image">
-								<img t-att-alt="product.name" t-att-data-image="website.image_url(product, 'flip_image')" t-att-src="website.image_url(product, 'flip_image')" t-att-title="product.name"/>
-							</t>
-						</div>
-					</t>
-					<t t-if="product.multi_image and not website.get_multiple_images(product.id)">
-						<img class="product_detail_img" t-att-alt="product.name" t-att-data-image="website.image_url(product, 'image')" t-att-src="website.image_url(product, 'image')" t-att-title="product.name"/>
-					</t>
-					<t t-if="product.multi_image and not website.get_multiple_images(product.id) and product.is_flip_image and product.flip_image">
-						<div id="gallery">
-							<img class="product_detail_img" t-att-alt="product.name" t-att-data-image="website.image_url(product, 'image')" t-att-src="website.image_url(product, 'image')" t-att-title="product.name"/>
-							<t t-if="product.is_flip_image and product.flip_image">
-								<img t-att-alt="product.name" t-att-data-image="website.image_url(product, 'flip_image')" t-att-src="website.image_url(product, 'flip_image')" t-att-title="product.name"/>
-							</t>
-						</div>
-					</t>
-				</span>
-			</xpath>
-		</template>
-		<!-- Product detail page -->
-		<template id="kingfisher_pro_product_details" inherit_id="website_sale.product" name="Product Details">
-			<xpath expr="//div[@itemscope='itemscope']/section/div" position="attributes">
-				<attribute name="style">display:none;</attribute>
-			</xpath>
-			<!-- Added class for main section in product detail page -->
-			<xpath expr="//div[@itemscope='itemscope']/section" position="attributes">
-				<attribute name="t-attf-class">container mt8 product-view oe_website_sale #{(compute_currency(product.lst_price) - product.price) &gt; 0.1 and 'discount'}</attribute>
-			</xpath>
-			<!-- Theme breadcrumb -->
-			<xpath expr="//div[@itemscope='itemscope']/section" position="before">
-				<section class="page-title">
-					<div class="container">
-						<div class="col-sm-8">
-							<ul class="breadcrumb">
-								<li>
-									<a href="/page/homepage">Inicio</a>
-								</li>
-								<li>
-									<a href="/shop">Productos</a>
-								</li>
-								<li t-if="category">
-									<a t-att-href="keep('/shop/category/%s' % slug(category), category=0)" t-field="category.name"/>
-								</li>
-								<li class="active">
-									<span t-field="product.name"/>
-								</li>
-							</ul>
-						</div>
-						<div class="col-sm-4 col-xs-6" groups="base.group_sale_manager">
-							<t t-call="website.publish_management">
-								<t t-set="object" t-value="product"/>
-								<t t-set="publish_edit" t-value="True"/>
-								<t t-set="action" t-value="'product.product_template_action'"/>
-							</t>
-						</div>
-					</div>
-				</section>
-			</xpath>
-			<!-- Product detail page right side design -->
-			<xpath expr="//section[@id='product_detail']//div[@class='row']//div[@class='col-sm-5 col-md-5 col-lg-4 col-lg-offset-1']" position="attributes">
-				<attribute name="style">display:none;</attribute>
-			</xpath>
-			<xpath expr="//section[@id='product_detail']//div[@class='row']//div[@class='col-sm-5 col-md-5 col-lg-4 col-lg-offset-1']" position="before">
-				<div class="col-xs-12 col-md-5 col-lg-5 col-sm-5 product-detail" id="product_details">
-					<div class="product-shop-info">
-						<div class="product-title">
-							<h1 itemprop="name" t-field="product.name">Nombre de Producto</h1>
-							<p class="review">
-								<a href="#">
-									<span>
-										<t t-esc="len(product.website_message_ids)"/>
-									</span>Evaluación(s) | Agregue su Evaluación</a>
-							</p>
-							<span itemprop="url" style="display:none;" t-esc="'/shop/product/%s' % slug(product)"/>
-						</div>
-						<div class="product-options-bottom">
-							<form class="js_add_cart_variants" method="POST" t-att-action="keep('/shop/cart/update')">
-								<div class="js_product">
-									<div class="details">
-										<div class="price-box">
-											<t t-call="website_sale.product_price"/>
-										</div>
-										<t t-if="product.description_sale">
-											<div class="pro-desc">
-												<p t-field="product.description_sale"/>
-											</div>
-										</t>
-									</div>
-									<t t-placeholder="select">
-										<input class="product_id" name="product_id" t-att-value="int(product.product_variant_ids[0]) if len(product.product_variant_ids) == 1 else '0'" type="hidden"/>
-										<t t-call="website_sale.variants">
-											<t t-set="ul_class" t-value="'nav-stacked'"/>
-										</t>
-									</t>
-									<p class="css_not_available_msg bg-danger" style="padding: 15px;" t-if="len(product.product_variant_ids) &gt; 1">Producto no Disponible</p>
-									<div class="add-to-cart" t-if="website.user_id != user_id">
-										<a class="btn cart-btn btn-lg js_check_product a-submit" href="#" id="add_to_cart">
-											<i class="fa fa-shopping-cart"/>Agregar al Carro</a>
-									</div>
-									<div class="add-to-cart" t-if="website.user_id == user_id">
-										<a class="btn cart-btn btn-lg js_check_product a-submit" href="/web/login" id="add_to_cart_login">
-											<i class="fa fa-shopping-cart"/>Registrate para Comprar</a>
-									</div>
-								</div>
-							</form>
-						</div>
-					</div>
-				</div>
-			</xpath>
-			<!-- Product Description -->
-			<xpath expr="//div[@itemprop='description']" position="attributes">
-				<attribute name="style">display:none;</attribute>
-			</xpath>
-			<xpath expr="//div[@itemprop='description']" position="after">
-				<div class="container" id="website_description">
-					<div class="pd-more-info">
-						<!-- Nav tabs -->
-						<ul class="nav nav-tabs" id="description_reviews_tabs" role="tablist">
-							<li role="presentation">
-								<a aria-controls="more_info" class="hidden" data-toggle="tab" href="#description" role="tab">Descripción</a>
-							</li>
-						</ul>
-						<div class="tab-content" id="description_reviews_tabs_contents">
-							<div class="tab-pane" id="description" role="tabpanel">
-								<div class="oe_structure mt16" id="product_full_description" itemprop="description" t-field="product.website_description"/>
-								<div class="oe_structure"/>
-							</div>
-						</div>
-					</div>
-				</div>
-			</xpath>
-		</template>
-		<!-- Removed Sign In  -->
-		<template customize_show="False" groups="base.group_public" id="website.show_sign_in" inherit_id="website.layout" name="Show Sign In">
-			<xpath expr="//ul[@id='top_menu']" position="inside">
-				<li class="divider" style="display:none"/>
-				<li style="display:none">
-					<a t-attf-href="/web/login">
-						<b>Ingresar</b>
-					</a>
-				</li>
-			</xpath>
-		</template>
-		<!-- Select quantity inherited from website sale -->
-		<template customize_show="True" id="website_sale.product_quantity" inherit_id="website_sale.product" name="Select Quantity">
-			<xpath expr="//section[@id='product_detail']/div[@class='row']//div[2]//div[@class='js_product']" position="inside">
-				<div class="css_quantity input-group oe_website_spinner" t-if="website.user_id != user_id">
-					<span class="input-group-addon">
-						<a class="mb8 js_add_cart_json" t-attf-href="#">
-							<i class="fa fa-minus"/>
-						</a>
-					</span>
-					<input class="js_quantity form-control" data-min="1" name="add_qty" type="text" value="1"/>
-					<span class="input-group-addon">
-						<a class="mb8 float_left js_add_cart_json" t-attf-href="#">
-							<i class="fa fa-plus"/>
-						</a>
-					</span>
-				</div>
-			</xpath>
-		</template>
-		<!-- Discussion inherited to display in tabs -->
-		<template active="True" customize_show="True" id="website_sale.product_comment" inherit_id="kingfisher_pro.kingfisher_pro_product_details" name="Discussion">
-			<!-- Will add review tab -->
-			<xpath expr="//div[@id='website_description']/div/ul/li" position="before">
-				<li class="active" role="presentation">
-					<a aria-controls="reviews" data-toggle="tab" href="#reviews" role="tab">Evaluaciones 
-						
-						<t t-if="len(product.website_message_ids)">
-							<span class="review_label">
-								(
-								
-								<t t-esc="len(product.website_message_ids)"/>
-								)</span>
-						</t>
-					</a>
-				</li>
-			</xpath>
-			<!-- Will add review tab contents -->
-			<xpath expr="//div[@id='website_description']//div[@id='description']" position="before">
-				<div class="tab-pane active" id="reviews" role="tabpanel">
-					<section class="container">
-						<div class="row col-md-10 col-md-offset-1">
-							<div class="text-muted">
-								<h3 class="fa fa-comment-o">
-									<a id="comments">
-										<t t-if="len(product.website_message_ids) &lt;= 1">
-											<t t-esc="len(product.website_message_ids)"/>comentario</t>
-										<t t-if="len(product.website_message_ids) &gt;1">
-											<t t-esc="len(product.website_message_ids)"/>comentarios</t>
-									</a>
-								</h3>
-							</div>
-							<ul class="media-list" id="comments-list" t-if="product.website_message_ids">
-								<li class="media" t-as="message" t-foreach="product.website_message_ids">
-									<div class="media-body oe_msg">
-										<img class="media-object pull-left oe_msg_avatar" style="width: 50px; margin-right: 10px;" t-att-src="website.image_url(message.author_id, 'image_small')"/>
-										<div class="media-body oe_msg_content">
-											<t t-call="website.publish_short">
-												<t t-set="object" t-value="message"/>
-											</t>
-											<h5 class="media-heading">
-												<span t-field="message.author_id"/>
-												<small>en 
-													
-													<span t-field="message.date"/></small>
-											</h5>
-											<div t-field="message.body"/>
-											<div>
-												<div class="oe_msg_attachment" t-as="attachment" t-foreach="message.attachment_ids">
-													<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">
-														<t t-if="attachment.file_type_icon == 'webimage'">
-															<img class="oe_attachment_embedded" t-att-src="'/web/binary/image?model=ir.attachment&amp;field=datas&amp;id=' + str(attachment.id) + '&amp;resize=100,80'"/>
-														</t>
-														<t t-if="attachment.file_type_icon != 'webimage'">
-															<img class="oe_attachment_webimage" t-att-src="'/mail/static/src/img/mimetypes/' + attachment.file_type + '.png'"/>
-														</t>
-														<div class="oe_attachment_name">
-															<t t-raw="attachment.name"/>
-														</div>
-													</a>
-												</div>
-											</div>
-										</div>
-									</div>
-								</li>
-							</ul>
-							<div class="css_editable_mode_hidden">
-								<form id="comment" method="POST" t-attf-action="/shop/product/comment/#{product.id}">
-									<img class="img pull-left img-rounded" style="width: 50px; margin-right: 10px;" t-att-src="website.image_url(user_id.partner_id, 'image_small')"/>
-									<div class="pull-left mb32" style="width: 75%%">
-										<textarea class="form-control" name="comment" placeholder="Write a comment..." rows="3"/>
-										<a class="btn btn-primary mt8 a-submit">Post</a>
-									</div>
-								</form>
-							</div>
-						</div>
-					</section>
-				</div>
-			</xpath>
-		</template>
-		<!-- Suggested products -->
-		<template customize_show="True" id="website_sale.recommended_products" inherit_id="website_sale.product" name="Alternative Products">
-			<xpath expr="//div[@id='product_full_description']" position="after">
-				<div class="related-products container" t-if="product.alternative_product_ids">
-					<div class="left-title">
-						<h3>Alternativas Sugeridas:</h3>
-						<hr/>
-					</div>
-					<div class="owl-carousel" id="recommended_products_slider">
-						<t t-as="product" t-foreach="product.alternative_product_ids">
-							<div class="cs-product">
-								<div class="pwp-img">
-									<a t-att-href="'/shop/product/%s' % slug(product)">
-										<img t-att-alt="product.name" t-att-src="website.image_url(product, 'image')" t-att-title="product.name"/>
-									</a>
-								</div>
-								<div class="pink-box">
-									<div class="view">
-										<div class="shopping-cart">
-											<a t-attf-href="/shop/product/#{ slug(product) }">
-												<!-- <img src="/kingfisher_pro/static/src/img/cart2.png" alt="Shopping-cart" title="Shopping Cart" />-->
-												<h5 style="color:#ffffff;">¡COMPRAR AHORA!</h5>
-											</a>
-										</div>
-									</div>
-								</div>
-								<div class="pwp-info">
-									<p class="pwpi-title">
-										<a t-attf-href="/shop/product/#{ slug(product) }">
-											<span t-field="product.name"/>
-										</a>
-									</p>
-									<p class="price">
-										<span class="price" t-esc="str('{p:0,.0f}'.format(p=product.price).replace(',','.'))">
-											<span t-field="product.lst_price" t-field-options="{                                                  &quot;widget&quot;: &quot;monetary&quot;,                                                  &quot;display_currency&quot;: &quot;website.pricelist_id.currency_id&quot;                                         }"/>
-										</span>
-									</p>
-								</div>
-							</div>
-						</t>
-					</div>
-				</div>
-			</xpath>
-		</template>
-		<!-- Products Items -->
-		<template id="king_pro_products_item" name="Kingfisher Product item">
-			<form action="/shop/cart/update" method="post">
-				<div itemscope="itemscope" itemtype="http://schema.org/Product">
-					<div class="cs-product">
-						<div class="pwp-img">
-							<a itemprop="url" t-att-href="keep('/shop/product/%s' % slug(product), page=(pager['page']['num'] if pager['page']['num']&gt;1 else None))">
-								<img class="img img-responsive" itemprop="image" t-att-alt="product.name" t-att-src="website.image_url(product, 'image', None if product_image_big else '300x300')"/>
-							</a>
-						</div>
-						<div class="pwp-info">
-							<p class="pwpi-title">
-								<a itemprop="name" t-att-href="keep('/shop/product/%s' % slug(product), page=(pager['page']['num'] if pager['page']['num']&gt;1 else None))" t-field="product.name"/>
-							</p>
-							<p class="price">
-								<span class="price" itemprop="offers" itemscope="itemscope" itemtype="http://schema.org/Offer" t-if="product.product_variant_ids">
-									<b>
-										<t t-if="(compute_currency(product.lst_price) - product.price) &gt; 0.1">
-											<del class="text-danger" style="white-space: nowrap;" t-esc="str('{p:0,.0f}'.format(p=product.lst_price).replace(',','.' ) + ' ₲s.')" t-field="product.lst_price" t-field-options="{&quot;widget&quot;: &quot;monetary&quot;, &quot;from_currency&quot;: &quot;product.company_id.currency_id&quot;, &quot;display_currency&quot;: &quot;user_id.partner_id.property_product_pricelist.currency_id&quot; }"/>&amp;nbsp;</t>
-										<span style="white-space: nowrap;" t-esc="str('{p:0,.0f}'.format(p=product.price).replace(',','.' ) + ' ₲s.')" t-field="product.price" t-field-options="{&quot;widget&quot;: &quot;monetary&quot;, &quot;display_currency&quot;: &quot;user_id.partner_id.property_product_pricelist.currency_id&quot;}"/>
-										<span itemprop="price" style="display:none;" t-esc="product.price"/>
-										<span itemprop="priceCurrency" style="display:none;" t-esc="user_id.partner_id.property_product_pricelist.currency_id.name"/>
-									</b>
-								</span>
-							</p>
-							<div class="hidden" id="list_add_to_cart">
-								<span t-field="product.description_sale"/>
-								<input name="product_id" t-att-value="product.product_variant_ids[0].id" type="hidden"/>
-								<t t-if="len(product.product_variant_ids) == 1">
-									<a class="a-submit btn btn-primary">Agregar al carro</a>
-								</t>
-								<t t-if="len(product.product_variant_ids) &gt; 1">
-									<a class="btn btn-primary" t-att-href="keep('/shop/product/%s' % slug(product), page=(pager['page']['num'] if pager['page']['num']&gt;1 else None))">Agregar al carro</a>
-								</t>
-							</div>
-						</div>
-					</div>
-				</div>
-			</form>
-		</template>
-		<!-- Product Style Tag image -->
-		<template active="True" customize_show="True" id="kingfisher_pro_style_tags" inherit_id="kingfisher_pro.king_pro_products_item" name="Product Sale Tags">
-			<xpath expr="//div[@itemscope='itemscope']/div[@class='cs-product']/div" position="inside">
-				<div t-att-class="'%s' % product.product_style_tag_id.color if product and product.product_style_tag_id else ''" t-if="product and product.product_style_tag_id">
-					<t t-esc="product.product_style_tag_id.name"/>
-				</div>
-			</xpath>
-		</template>
-		<!-- Enable/Disable Flip image -->
-		<template active="True" customize_show="True" id="kingfisher_pro_flip_image" inherit_id="kingfisher_pro.king_pro_products_item" name="Flip Image">
-			<xpath expr="//div[@class='cs-product']//a[@itemprop='url']/img" position="attributes">
-				<attribute name="class">front img img-responsive</attribute>
-			</xpath>
-			<xpath expr="//div[@class='cs-product']//a[@itemprop='url']/img" position="after">
-				<img class="back img img-responsive" itemprop="image" t-att-alt="product.name" t-att-src="website.image_url(product, 'flip_image', None if product_image_big else '300x300')"/>
-			</xpath>
-		</template>
-		<!-- Products page -->
-		<template id="kingfisher_pro_sale_products" inherit_id="website_sale.products" name="Kingfisher Pro Products">
-			<xpath expr="//div[@id='wrap']/div[@class='container oe_website_sale']/div[3]" position="attributes">
-				<attribute name="style">display:none;</attribute>
-			</xpath>
-			<!-- Brand Cover and description -->
-			<xpath expr="//div[@id='products_grid']/table" position="before">
-				<t t-if="brand_obj.brand_cover">
-					<img class="mb16" height="300" style="width:100%; padding: 0 15px;" t-att-alt="brand_obj.name" t-att-src="website.image_url(brand_obj, 'brand_cover')" t-att-title="brand_obj.name"/>
-				</t>
-				<t t-if="brand_obj.brand_description">
-					<div class="mb16" style="width:100%; padding: 0 15px;">
-						<t t-raw="brand_obj.brand_description"/>
-					</div>
-				</t>
-			</xpath>
-			<xpath expr="//div[@id='wrap']/div[@class='container oe_website_sale']/div[@class='products_pager']" position="attributes">
-				<attribute name="style">display:none;</attribute>
-			</xpath>
-			<xpath expr="//div[@id='wrap']//div[@class='oe_structure']" position="before">
-				<section class="page-title">
-					<div class="container">
-						<ul class="breadcrumb">
-							<li>
-								<a href="/page/homepage">Inicio</a>
-							</li>
-							<li t-att-class="'' if category else 'active'">
-								<a href="/shop">Productos</a>
-							</li>
-							<li t-att-class="'active' if category else ''" t-if="category">
-								<a t-att-href="keep('/shop/category/%s' % slug(category), category=0)" t-field="category.name"/>
-							</li>
-						</ul>
-					</div>
-				</section>
-			</xpath>
-			<!-- Category name, grid/list switching, pager, sort by -->
-			<xpath expr="//div[@id='products_grid']/table" position="before">
-				<div class="right-title">
-					<t t-if="category">
-						<h3 t-field="category.name"/>
-					</t>
-					<t t-if="not category">
-						<h3>Todos los Productos
+                        
+                        
+                        
+                        <t t-if="len(product.website_message_ids)">
+                            <span class="review_label">
+                                (
+                                
+                                
+                                
+                                
+                                <t t-esc="len(product.website_message_ids)"/>
+                                )</span>
+                        </t>
+                    </a>
+                </li>
+            </xpath>
+            <!-- Will add review tab contents -->
+            <xpath expr="//div[@id='website_description']//div[@id='description']" position="after">
+                <div class="tab-pane" id="reviews" role="tabpanel">
+                    <section class="container">
+                        <div class="row col-md-10 col-md-offset-1">
+                            <div class="text-muted">
+                                <h3 class="fa fa-comment-o">
+                                    <a id="comments">
+                                        <t t-if="len(product.website_message_ids) &lt;= 1">
+                                            <t t-esc="len(product.website_message_ids)"/>Comentarios</t>
+                                        <t t-if="len(product.website_message_ids) &gt;1">
+                                            <t t-esc="len(product.website_message_ids)"/>Comentarios</t>
+                                    </a>
+                                </h3>
+                            </div>
+                            <ul class="media-list" id="comments-list" t-if="product.website_message_ids">
+                                <li class="media" t-as="message" t-foreach="product.website_message_ids">
+                                    <div class="media-body oe_msg">
+                                        <img class="media-object pull-left oe_msg_avatar" style="width: 50px; margin-right: 10px;" t-att-src="website.image_url(message.author_id, 'image_small')"/>
+                                        <div class="media-body oe_msg_content">
+                                            <t t-call="website.publish_short">
+                                                <t t-set="object" t-value="message"/>
+                                            </t>
+                                            <h5 class="media-heading">
+                                                <span t-field="message.author_id"/>
+                                                <small>en 
+                                                    
+                                                    
+                                                    
+                                                    
+                                                    <span t-field="message.date"/></small>
+                                            </h5>
+                                            <div t-field="message.body"/>
+                                            <div>
+                                                <div class="oe_msg_attachment" t-as="attachment" t-foreach="message.attachment_ids">
+                                                    <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">
+                                                        <t t-if="attachment.file_type_icon == 'webimage'">
+                                                            <img class="oe_attachment_embedded" t-att-src="'/web/binary/image?model=ir.attachment&amp;field=datas&amp;id=' + str(attachment.id) + '&amp;resize=100,80'"/>
+                                                        </t>
+                                                        <t t-if="attachment.file_type_icon != 'webimage'">
+                                                            <img class="oe_attachment_webimage" t-att-src="'/mail/static/src/img/mimetypes/' + attachment.file_type + '.png'"/>
+                                                        </t>
+                                                        <div class="oe_attachment_name">
+                                                            <t t-raw="attachment.name"/>
+                                                        </div>
+                                                    </a>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </li>
+                            </ul>
+                            <div class="css_editable_mode_hidden">
+                                <form id="comment" method="POST" t-attf-action="/shop/product/comment/#{product.id}">
+                                    <img class="img pull-left img-rounded" style="width: 50px; margin-right: 10px;" t-att-src="website.image_url(user_id.partner_id, 'image_small')"/>
+                                    <div class="pull-left mb32" style="width: 75%%">
+                                        <textarea class="form-control" name="comment" placeholder="Write a comment..." rows="3"/>
+                                        <a class="btn btn-primary mt8 a-submit">Publicaciones</a>
+                                    </div>
+                                </form>
+                            </div>
+                        </div>
+                    </section>
+                </div>
+            </xpath>
+        </template>
+        <!-- Suggested products -->
+        <template customize_show="True" id="website_sale.recommended_products" inherit_id="website_sale.product" name="Alternative Products">
+            <xpath expr="//div[@id='product_full_description']" position="after">
+                <div class="related-products container" t-if="product.alternative_product_ids">
+                    <div class="left-title">
+                        <h3>Alternaticas Sugeridas:</h3>
+                        <hr/>
+                    </div>
+                    <div class="owl-carousel" id="recommended_products_slider">
+                        <t t-as="product" t-foreach="product.alternative_product_ids">
+                            <div class="cs-product">
+                                <div class="pwp-img">
+                                    <a t-att-href="'/shop/product/%s' % slug(product)">
+                                        <img t-att-alt="product.name" t-att-src="website.image_url(product, 'image')" t-att-title="product.name"/>
+                                    </a>
+                                </div>
+                                <div class="pink-box">
+                                    <div class="view">
+                                        <div class="shopping-cart">
+                                            <a t-attf-href="/shop/product/#{ slug(product) }">
+                                                <img alt="Shopping-cart" src="/kingfisher_pro/static/src/img/cart2.png" title="Shopping Cart"/>
+                                            </a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="pwp-info">
+                                    <p class="pwpi-title">
+                                        <a t-attf-href="/shop/product/#{ slug(product) }">
+                                            <span t-field="product.name"/>
+                                        </a>
+                                    </p>
+                                    <p class="price">
+                                        <span class="price">
+                                            <span t-field="product.lst_price" t-field-options="{                                                  &quot;widget&quot;: &quot;monetary&quot;,                                                  &quot;display_currency&quot;: &quot;website.pricelist_id.currency_id&quot;                                         }"/>
+                                        </span>
+                                    </p>
+                                </div>
+                            </div>
+                        </t>
+                    </div>
+                </div>
+            </xpath>
+        </template>
+        <!-- Products Items -->
+        <template id="king_pro_products_item" name="Kingfisher Product item">
+            <form action="/shop/cart/update" method="post">
+                <div itemscope="itemscope" itemtype="http://schema.org/Product">
+                    <div class="cs-product">
+                        <div class="pwp-img">
+                            <a itemprop="url" t-att-href="keep('/shop/product/%s' % slug(product), page=(pager['page']['num'] if pager['page']['num']&gt;1 else None))">
+                                <img class="img img-responsive" itemprop="image" t-att-alt="product.name" t-att-src="website.image_url(product, 'image', None if product_image_big else '300x300')"/>
+                            </a>
+                        </div>
+                        <div class="pwp-info">
+                            <p class="pwpi-title">
+                                <a itemprop="name" t-att-href="keep('/shop/product/%s' % slug(product), page=(pager['page']['num'] if pager['page']['num']&gt;1 else None))" t-field="product.name"/>
+                            </p>
+                            <p class="price">
+                                <span class="price" itemprop="offers" itemscope="itemscope" itemtype="http://schema.org/Offer" t-if="product.product_variant_ids">
+                                    <b>
+                                        <t t-if="(compute_currency(product.lst_price) - product.price) &gt; 0.1">
+                                            <del class="text-danger" style="white-space: nowrap;" t-field="product.lst_price" t-field-options="{&quot;widget&quot;: &quot;monetary&quot;, &quot;from_currency&quot;: &quot;product.company_id.currency_id&quot;, &quot;display_currency&quot;: &quot;user_id.partner_id.property_product_pricelist.currency_id&quot; }"/>&amp;nbsp;</t>
+                                        <span style="white-space: nowrap;" t-field="product.price" t-field-options="{&quot;widget&quot;: &quot;monetary&quot;, &quot;display_currency&quot;: &quot;user_id.partner_id.property_product_pricelist.currency_id&quot;}"/>
+                                        <span itemprop="price" style="display:none;" t-esc="product.price"/>
+                                        <span itemprop="priceCurrency" style="display:none;" t-esc="user_id.partner_id.property_product_pricelist.currency_id.name"/>
+                                    </b>
+                                </span>
+                            </p>
+                            <div class="hidden" id="list_add_to_cart">
+                                <span t-field="product.description_sale"/>
+                                <input name="product_id" t-att-value="product.product_variant_ids[0].id" type="hidden"/>
+                                <t t-if="len(product.product_variant_ids) == 1">
+                                    <a class="a-submit btn btn-primary">Agregar al Carro</a>
+                                </t>
+                                <t t-if="len(product.product_variant_ids) &gt; 1">
+                                    <a class="btn btn-primary" t-att-href="keep('/shop/product/%s' % slug(product), page=(pager['page']['num'] if pager['page']['num']&gt;1 else None))">Agregar al Carro</a>
+                                </t>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </form>
+        </template>
+        <!-- Product Style Tag image -->
+        <template active="True" customize_show="True" id="kingfisher_pro_style_tags" inherit_id="kingfisher_pro.king_pro_products_item" name="Product Sale Tags">
+            <xpath expr="//div[@itemscope='itemscope']/div[@class='cs-product']/div" position="inside">
+                <div t-att-class="'%s' % product.product_style_tag_id.color if product and product.product_style_tag_id else ''" t-if="product and product.product_style_tag_id">
+                    <t t-esc="product.product_style_tag_id.name"/>
+                </div>
+            </xpath>
+        </template>
+        <!-- Enable/Disable Flip image -->
+        <template active="True" customize_show="True" id="kingfisher_pro_flip_image" inherit_id="kingfisher_pro.king_pro_products_item" name="Flip Image">
+            <xpath expr="//div[@class='cs-product']//a[@itemprop='url']/img" position="attributes">
+                <attribute name="class">front img img-responsive</attribute>
+            </xpath>
+            <xpath expr="//div[@class='cs-product']//a[@itemprop='url']/img" position="after">
+                <img class="back img img-responsive" itemprop="image" t-att-alt="product.name" t-att-src="website.image_url(product, 'flip_image', None if product_image_big else '300x300')"/>
+            </xpath>
+        </template>
+        <!-- Products page -->
+        <template id="kingfisher_pro_sale_products" inherit_id="website_sale.products" name="Kingfisher Pro Products">
+            <xpath expr="//div[@id='wrap']/div[@class='container oe_website_sale']/div[3]" position="attributes">
+                <attribute name="style">display:none;</attribute>
+            </xpath>
+            <!-- Brand Cover and description -->
+            <xpath expr="//div[@id='products_grid']/table" position="before">
+                <t t-if="brand_obj.brand_cover">
+                    <img class="mb16" height="300" style="width:100%; padding: 0 15px;" t-att-alt="brand_obj.name" t-att-src="website.image_url(brand_obj, 'brand_cover')" t-att-title="brand_obj.name"/>
+                </t>
+                <t t-if="brand_obj.brand_description">
+                    <div class="mb16" style="width:100%; padding: 0 15px;">
+                        <t t-raw="brand_obj.brand_description"/>
+                    </div>
+                </t>
+            </xpath>
+            <xpath expr="//div[@id='wrap']/div[@class='container oe_website_sale']/div[@class='products_pager']" position="attributes">
+                <attribute name="style">display:none;</attribute>
+            </xpath>
+            <xpath expr="//div[@id='wrap']//div[@class='oe_structure']" position="before">
+                <section class="page-title">
+                    <div class="container">
+                        <ul class="breadcrumb">
+                            <li>
+                                <a href="/page/homepage">Inicio</a>
+                            </li>
+                            <li t-att-class="'' if category else 'active'">
+                                <a href="/shop">Productos</a>
+                            </li>
+                            <li t-att-class="'active' if category else ''" t-if="category">
+                                <a t-att-href="keep('/shop/category/%s' % slug(category), category=0)" t-field="category.name"/>
+                            </li>
+                        </ul>
+                    </div>
+                </section>
+            </xpath>
+            <!-- Category name, grid/list switching, pager, sort by -->
+            <xpath expr="//div[@id='products_grid']/table" position="before">
+                <div class="right-title">
+                    <t t-if="category">
+                        <h3 t-field="category.name"/>
+                    </t>
+                    <t t-if="not category">
+                        <h3>Todos los Productos
                     </h3>
-					</t>
-					<hr/>
-				</div>
-				<div class="category-products category_products">
-					<div class="toolbar">
-						<div class="toolbar-pager">
-							<div class="pager_left">
-								<div class="view-mode">
-									<button class="shift_grid_view active">
-										<i class="fa fa-th-large"/>
-									</button>
-									<button class="shift_list_view">
-										<i class="fa fa-bars"/>
-									</button>
-								</div>
-								<div class="paging_sort">
-									<!-- Product paging -->
-									<t t-if="products and website.get_pager_selection()">
-										<t t-set="website_ppp" t-value="website.get_pager_selection()"/>
-										<span t-attf-class="#{website_ppp and len(website_ppp['page_no'])&gt;1 and 'simple_name' or 'hidden'}">Ver
-                                        
-											
-											<div t-attf-class="#{website_ppp and len(website_ppp['page_no'])&gt;1 and 'dropdown' or 'hidden'} btn-group">
-												<t t-set="curr_ppp" t-value="website.get_current_pager_selection()"/>
-												<a class="dropdown-toggle btn btn-default" data-toggle="dropdown" href="#">
-													<t t-esc="curr_ppp or ' - '"/>
-													<span class="caret"/></a>
-												<ul class="dropdown-menu" role="menu">
-													<li t-as="pl" t-foreach="website_ppp['page_no']">
-														<a t-att-href="'/shop/pager_selection/%s' % pl.id">
-															<span class="switcher_pricelist" t-att-data-pl_id="pl.id" t-esc="pl.name"/>
-														</a>
-													</li>
-												</ul>
-											</div>
-										</span>
-									</t>
-								</div>
-							</div>
-							<div class="pager_right">
-								<div class="products_pager">
-									<t t-call="website.pager"/>
-								</div>
-							</div>
-						</div>
-					</div>
-				</div>
-			</xpath>
-			<!-- Kingfisher Pro Prodcut Grid View -->
-			<xpath expr="//div[@id='products_grid']/table" position="attributes">
-				<attribute name="style">display:none;</attribute>
-			</xpath>
-			<xpath expr="//div[@id='products_grid']/table" position="before">
-				<div id="kingfisher_pro_products_grid_view">
-					<t t-as="tr_product" t-foreach="bins">
-						<t t-as="td_product" t-foreach="tr_product">
-							<t t-if="td_product">
-								<t t-set="product" t-value="td_product['product']"/>
-								<div class="col-md-6 col-sm-6 col-xs-12 col-xxs-6 list-items" t-if="website.product_display_grid == '2'">
-									<t t-call="kingfisher_pro.king_pro_products_item"/>
-								</div>
-								<div class="col-md-4 col-sm-6 col-xs-12 col-xxs-6 list-items" t-if="website.product_display_grid == '3'">
-									<t t-call="kingfisher_pro.king_pro_products_item"/>
-								</div>
-								<div class="col-md-3 col-sm-6 col-xs-12 col-xxs-6 list-items" t-if="website.product_display_grid == '4'">
-									<t t-call="kingfisher_pro.king_pro_products_item"/>
-								</div>
-							</t>
-						</t>
-					</t>
-				</div>
-				<!-- For not bins  -->
-			</xpath>
-		</template>
-		<!-- Kingfisher Pro Product list view -->
-		<template active="False" customize_show="False" id="website_sale.products_list_view" inherit_id="website_sale.products" name="List View">
-			<xpath expr="//div[@id='kingfisher_pro_products_grid_view']" position="attributes">
-				<attribute name="style">display:none;</attribute>
-			</xpath>
-			<xpath expr="//div[@id='kingfisher_pro_products_grid_view']" position="before">
-				<div id="kingfisher_pro_products_list_view">
-					<t t-as="product" t-foreach="products">
-						<div class="col-md-4 col-sm-6 oe_product oe_list oe_product_cart" t-att-data-publish="product.website_published and 'on' or 'off'">
-							<t t-call="kingfisher_pro.king_pro_products_item"/>
-						</div>
-					</t>
-				</div>
-			</xpath>
-		</template>
-		<!-- Remove main add to cart -->
-		<template active="False" customize_show="False" id="website_sale.products_add_to_cart" inherit_id="website_sale.products_item" name="Add to Cart">
-			<xpath expr="//div[@class='product_price']" position="inside">
-				<input name="product_id" t-att-value="product.product_variant_ids[0].id" type="hidden"/>
-				<t t-if="len(product.product_variant_ids) == 1">
-					<a class="btn btn-default btn-xs a-submit">
-						<span class="fa fa-shopping-cart"/>
-					</a>
-				</t>
-				<t t-if="len(product.product_variant_ids) &gt; 1">
-					<a class="btn btn-default btn-xs" t-att-href="keep('/shop/product/%s' % slug(product), page=(pager['page']['num'] if pager['page']['num']&gt;1 else None))">
-						<span class="fa fa-shopping-cart"/>
-					</a>
-				</t>
-			</xpath>
-		</template>
-		<!-- Inherited Add to cart -->
-		<template active="True" customize_show="True" id="kingfisher_pro_products_add_to_cart" inherit_id="kingfisher_pro.king_pro_products_item" name="Add to Cart">
-			<xpath expr="//div[@class='pwp-info']" position="before">
-				<div class="pink-box">
-					<div class="view">
-						<div class="shopping-cart">
-							<input name="product_id" t-att-value="product.product_variant_ids[0].id" type="hidden"/>
-							<t t-if="len(product.product_variant_ids) == 1">
-								<a t-att-href="keep('/shop/product/%s' % slug(product), page=(pager['page']['num'] if pager['page']['num']&gt;1 else None))">
-									<!-- <a class="a-submit">-->
-									<!--<img alt="Shopping-cart" src="/kingfisher_pro/static/src/img/cart2.png" title="Shopping Cart"/>-->
-									<h5 style="color:#ffffff;">¡COMPRAR AHORA!</h5>
-								</a>
-							</t>
-							<t t-if="len(product.product_variant_ids) &gt; 1">
-								<a t-att-href="keep('/shop/product/%s' % slug(product), page=(pager['page']['num'] if pager['page']['num']&gt;1 else None))">
-									<!-- <img alt="Shopping-cart" src="/kingfisher_pro/static/src/img/cart2.png" title="Shopping Cart"/>-->
-									<h5 style="color:#ffffff;">¡COMPRAR AHORA!</h5>
-								</a>
-							</t>
-						</div>
-					</div>
-				</div>
-			</xpath>
-		</template>
-		<!-- Product Sorting -->
-		<template active="False" customize_show="True" id="kingfisher_pro_product_sorting" inherit_id="kingfisher_pro.kingfisher_pro_sale_products" name="Product Sorting">
-			<xpath expr="//div[@class='category-products category_products']//div[@class='pager_right']/div" position="before">
-				<t t-if="website.enable_sort_by">
-					<div class="sort-by">
-						<div class="dropdown ">
-							<button aria-expanded="false" aria-haspopup="true" data-toggle="dropdown" id="sort_by" type="button">
-								<t t-set="cur_sort" t-value="website.set_current_sorting_data()"/>
-								<t t-if="not cur_sort">Ordenar por
+                    </t>
+                    <hr/>
+                </div>
+                <div class="category-products category_products">
+                    <div class="toolbar">
+                        <div class="toolbar-pager">
+                            <div class="pager_left">
+                                <div class="view-mode">
+                                    <button class="shift_grid_view active">
+                                        <i class="fa fa-th-large"/>
+                                    </button>
+                                    <button class="shift_list_view">
+                                        <i class="fa fa-bars"/>
+                                    </button>
+                                </div>
+                                <div class="paging_sort">
+                                    <!-- Product paging -->
+                                    <t t-if="products and website.get_pager_selection()">
+                                        <t t-set="website_ppp" t-value="website.get_pager_selection()"/>
+                                        <span t-attf-class="#{website_ppp and len(website_ppp['page_no'])&gt;1 and 'simple_name' or 'hidden'}">
+                                            <t t-esc="website_ppp['name']"/>
+                                            <div t-attf-class="#{website_ppp and len(website_ppp['page_no'])&gt;1 and 'dropdown' or 'hidden'} btn-group">
+                                                <t t-set="curr_ppp" t-value="website.get_current_pager_selection()"/>
+                                                <a class="dropdown-toggle btn btn-default" data-toggle="dropdown" href="#">
+                                                    <t t-esc="curr_ppp or ' - '"/>
+                                                    <span class="caret"/>
+                                                </a>
+                                                <ul class="dropdown-menu" role="menu">
+                                                    <li t-as="pl" t-foreach="website_ppp['page_no']">
+                                                        <a t-att-href="'/shop/pager_selection/%s' % pl.id">
+                                                            <span class="switcher_pricelist" t-att-data-pl_id="pl.id" t-esc="pl.name"/>
+                                                        </a>
+                                                    </li>
+                                                </ul>
+                                            </div>
+                                        </span>
+                                    </t>
+                                </div>
+                            </div>
+                            <div class="pager_right">
+                                <div class="products_pager">
+                                    <t t-call="website.pager"/>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </xpath>
+            <!-- Kingfisher Pro Prodcut Grid View -->
+            <xpath expr="//div[@id='products_grid']/table" position="attributes">
+                <attribute name="style">display:none;</attribute>
+            </xpath>
+            <xpath expr="//div[@id='products_grid']/table" position="before">
+                <div id="kingfisher_pro_products_grid_view">
+                    <t t-as="tr_product" t-foreach="bins">
+                        <t t-as="td_product" t-foreach="tr_product">
+                            <t t-if="td_product">
+                                <t t-set="product" t-value="td_product['product']"/>
+                                <div class="col-md-6 col-sm-6 list-items" t-if="website.product_display_grid == '2'">
+                                    <t t-call="kingfisher_pro.king_pro_products_item"/>
+                                </div>
+                                <div class="col-md-4 col-sm-6 list-items" t-if="website.product_display_grid == '3'">
+                                    <t t-call="kingfisher_pro.king_pro_products_item"/>
+                                </div>
+                                <div class="col-md-3 col-sm-6 list-items" t-if="website.product_display_grid == '4'">
+                                    <t t-call="kingfisher_pro.king_pro_products_item"/>
+                                </div>
+                            </t>
+                        </t>
+                    </t>
+                </div>
+                <!-- For not bins  -->
+            </xpath>
+        </template>
+        <!-- Kingfisher Pro Product list view -->
+        <template active="False" customize_show="False" id="website_sale.products_list_view" inherit_id="website_sale.products" name="List View">
+            <xpath expr="//div[@id='kingfisher_pro_products_grid_view']" position="attributes">
+                <attribute name="style">display:none;</attribute>
+            </xpath>
+            <xpath expr="//div[@id='kingfisher_pro_products_grid_view']" position="before">
+                <div id="kingfisher_pro_products_list_view">
+                    <t t-as="product" t-foreach="products">
+                        <div class="col-md-4 col-sm-6 oe_product oe_list oe_product_cart" t-att-data-publish="product.website_published and 'on' or 'off'">
+                            <t t-call="kingfisher_pro.king_pro_products_item"/>
+                        </div>
+                    </t>
+                </div>
+            </xpath>
+        </template>
+        <!-- Remove main add to cart -->
+        <template active="False" customize_show="False" id="website_sale.products_add_to_cart" inherit_id="website_sale.products_item" name="Add to Cart">
+            <xpath expr="//div[@class='product_price']" position="inside">
+                <input name="product_id" t-att-value="product.product_variant_ids[0].id" type="hidden"/>
+                <t t-if="len(product.product_variant_ids) == 1">
+                    <a class="btn btn-default btn-xs a-submit">
+                        <span class="fa fa-shopping-cart"/>
+                    </a>
+                </t>
+                <t t-if="len(product.product_variant_ids) &gt; 1">
+                    <a class="btn btn-default btn-xs" t-att-href="keep('/shop/product/%s' % slug(product), page=(pager['page']['num'] if pager['page']['num']&gt;1 else None))">
+                        <span class="fa fa-shopping-cart"/>
+                    </a>
+                </t>
+            </xpath>
+        </template>
+        <!-- Inherited Add to cart -->
+        <template active="True" customize_show="True" id="kingfisher_pro_products_add_to_cart" inherit_id="kingfisher_pro.king_pro_products_item" name="Add to Cart">
+            <xpath expr="//div[@class='pwp-info']" position="before">
+                <div class="pink-box">
+                    <div class="view">
+                        <div class="shopping-cart">
+                            <input name="product_id" t-att-value="product.product_variant_ids[0].id" type="hidden"/>
+                            <t t-if="len(product.product_variant_ids) == 1">
+                                <a class="a-submit">
+                                    <img alt="Shopping-cart" src="/kingfisher_pro/static/src/img/cart2.png" title="Shopping Cart"/>
+                                </a>
+                            </t>
+                            <t t-if="len(product.product_variant_ids) &gt; 1">
+                                <a t-att-href="keep('/shop/product/%s' % slug(product), page=(pager['page']['num'] if pager['page']['num']&gt;1 else None))">
+                                    <img alt="Shopping-cart" src="/kingfisher_pro/static/src/img/cart2.png" title="Shopping Cart"/>
+                                </a>
+                            </t>
+                        </div>
+                    </div>
+                </div>
+            </xpath>
+        </template>
+        <!-- Product Sorting -->
+        <template active="False" customize_show="True" id="kingfisher_pro_product_sorting" inherit_id="kingfisher_pro.kingfisher_pro_sale_products" name="Product Sorting">
+            <xpath expr="//div[@class='category-products category_products']//div[@class='pager_right']/div" position="before">
+                <t t-if="website.enable_sort_by">
+                    <div class="sort-by">
+                        <div class="dropdown ">
+                            <button aria-expanded="false" aria-haspopup="true" data-toggle="dropdown" id="sort_by" type="button">
+                                <t t-set="cur_sort" t-value="website.set_current_sorting_data()"/>
+                                <t t-if="not cur_sort">Filtrar por
+                            </t>
+                                <t t-if="cur_sort">Filtrar por: 
+                            </t>
+                                <t t-esc="cur_sort"/>
+                                <span class="caret"/>
+                            </button>
+                            <ul class="dropdown-menu" role="menu">
+                                <t t-if="not category">
+                                    <t t-as="a" t-foreach="website.get_sort_by_data()">
+                                        <li>
+                                            <a t-att-href="'/shop?sort_id=%s' % a.id" t-field="a.name"/>
+                                        </li>
+                                    </t>
+                                </t>
+                                <t t-if="category">
+                                    <t t-as="a" t-foreach="website.get_sort_by_data()">
+                                        <li>
+                                            <a t-att-href="'/shop/category/%s?sort_id=%s' % (slug(category), a.id)" t-field="a.name"/>
+                                        </li>
+                                    </t>
+                                </t>
+                            </ul>
+                        </div>
+                    </div>
+                </t>
+            </xpath>
+        </template>
+        <!-- Custom Filters -->
+        <template active="False" customize_show="True" id="kingfisher_pro_custom_filterz" inherit_id="website_sale.products" name="Custom Filters" priority="1">
+            <xpath expr="//div[@id='products_grid_before']" position="inside">
+                <div class="popular-tags" t-if="request.session.get('tag') or request.session.get('sortid') or request.session.get('pricerange')">
+                    <div class="left-title mb16">
+                        <h3>Seleccionar filtros</h3>
+                        <hr/>
+                    </div>
+                    <ul id="selectedattr">
+                        <t t-if="request.session.get('tag')">
+                            <label class="label label-info" id="tag">
+                                <span>Etiqueta: 
+                                    
+                                    
+                                    
+                                    
+                                    <t t-esc="request.session['tag'][1]"/></span>
+                                <a id="clear">X</a>
+                            </label>
+                        </t>
+                        <t t-if="request.session.get('sortid')">
+                            <label class="label label-info" id="sortid" t-if="len(request.session['sortid']) &gt;1">
+                                <span>Filtrar por: 
+                                    
+                                    
+                                    
+                                    
+                                    <t t-esc="request.session['sortid'][2]"/></span>
+                                <a id="clear">X</a>
+                            </label>
+                        </t>
+                        <t t-if="request.session.get('pricerange')">
+                            <label class="label label-info" id="pricerange">
+                                <span>Precio-Rango: 
+                                    
+                                    
+                                    
+                                    
+                                    <t t-esc="request.session['pricerange']"/></span>
+                                <a id="clear">X</a>
+                            </label>
+                        </t>
+                    </ul>
+                </div>
+            </xpath>
+            <xpath expr="//div[@id='products_grid_before']" position="attributes">
+                <attribute name="class">col-md-3 col-sm-4 hidden-xs</attribute>
+            </xpath>
+            <xpath expr="//div[@id='products_grid']" position="attributes">
+                <attribute name="class">col-md-9 col-sm-8</attribute>
+            </xpath>
+        </template>
+        <!-- Inherited Product Categories -->
+        <template active="False" customize_show="True" id="website_sale.products_categories" inherit_id="website_sale.products" name="Product Categories" priority="2">
+            <xpath expr="//div[@id='products_grid_before']" position="inside">
+                <div class="left-title">
+                    <h3>Categorias</h3>
+                    <hr/>
+                </div>
+                <ul class="nav nav-pills nav-stacked category_nav mb16">
+                    <li t-att-class=" '' if category else 'active' ">
+                        <a t-att-href="keep('/shop',category=0)">Todos los Productos</a>
+                    </li>
+                    <t t-as="c" t-foreach="categories">
+                        <t t-call="website_sale.categories_recursive"/>
+                    </t>
+                </ul>
+            </xpath>
+            <xpath expr="//div[@id='products_grid_before']" position="attributes">
+                <attribute name="class">col-md-3 col-sm-4 hidden-xs</attribute>
+            </xpath>
+            <xpath expr="//div[@id='products_grid']" position="attributes">
+                <attribute name="class">col-md-9 col-sm-8</attribute>
+            </xpath>
+        </template>
+        <template id="king_pro_option_collapse_categories_recursive" name="Collapse Category Recursive">
+            <li t-att-class="'active' if categ.id == int(category or 0) else ''">
+                <i t-attf-class="text-primary fa #{'fa-chevron-down' if categ.id in parent_category_ids else 'fa-chevron-right'}" t-if="categ.child_id"/>
+                <a t-att-href="keep('/shop/category/' + slug(categ), category=0)" t-field="categ.name"/>
+                <ul class="nav nav-pills nav-stacked nav-hierarchy" t-att-style="'display:block;' if categ.id in parent_category_ids else 'display:none;'" t-if="categ.child_id">
+                    <t t-as="categ" t-foreach="categ.child_id">
+                        <t t-call="kingfisher_pro.king_pro_option_collapse_categories_recursive"/>
+                    </t>
+                </ul>
+            </li>
+        </template>
+        <template active="False" customize_show="True" id="option_collapse_products_categories" inherit_id="website_sale.products_categories" name="Collapsible Category List">
+            <xpath expr="//div[@id='products_grid_before']/ul" position="replace">
+                <ul class="nav nav-pills nav-stacked mb16" id="o_shop_collapse_category">
+                    <li t-att-class=" '' if category else 'active' ">
+                        <a t-att-href="keep('/shop',category=0)">Todos los Productos</a>
+                    </li>
+                    <t t-as="categ" t-foreach="categories">
+                        <t t-call="kingfisher_pro.king_pro_option_collapse_categories_recursive"/>
+                    </t>
+                </ul>
+            </xpath>
+        </template>
+        <!-- Inherited Product Attributes -->
+        <template active="False" customize_show="True" id="website_sale.products_attributes" inherit_id="website_sale.products" name="Product Attribute's Filters">
+            <xpath expr="//div[@id='products_grid_before']" position="inside">
+                <div class="shop-by mb16">
+                    <div class="left-title">
+                        <h3>Comprar por</h3>
+                        <hr/>
+                    </div>
+                    <form class="js_attributes" method="get">
+                        <input name="buscar" t-att-value="search" type="hidden"/>
+                        <ul class="nav nav-pills nav-stacked mt16">
+                            <t t-as="b" t-foreach="attributes">
+                                <t t-if="b.name == 'Color'">
+                                    <li t-if="b.value_ids and len(b.value_ids) &gt;1">
+                                        <div>
+                                            <strong class="filtrouno">Filtro por Colores</strong>
+                                        </div>
+                                        <t t-if="b.name == 'Color'">
+                                            <t t-as="w" t-foreach="b.value_ids">
+                                                <label t-attf-class="css_attribute_color #{'active' if w.id in attrib_set else ''}" t-attf-style="background-color:#{w.color or w.name}">
+                                                    <input name="attrib" t-att-checked="'checked' if w.id in attrib_set else ''" t-att-title="w.name" t-att-value="'%s-%s' % (b.id,w.id)" type="checkbox"/>
+                                                </label>
+                                            </t>
+                                        </t>
+                                    </li>
+                                </t>
+                            </t>
+                        </ul>
+                    </form>
+                    <form class="js_attributes" method="get">
+                        <input name="search" t-att-value="search" type="hidden"/>
+                        <ul class="nav nav-pills nav-stacked mt16">
+                            <t t-as="a" t-foreach="attributes">
+                                <t t-if="a.type != 'hidden'">
+                                    <li t-if="a.value_ids and len(a.value_ids) &gt;1  and a.name != 'Color'">
+                                        <div>
+                                            <strong class="filtrouno" t-field="a.name"/>
+                                        </div>
+                                        <t t-if="a.type == 'color'">
+                                            <t t-as="v" t-foreach="a.value_ids">
+                                                <label t-attf-class="css_attribute_color #{'active' if v.id in attrib_set else ''}" t-attf-style="background-color:#{v.color or v.name}">
+                                                    <input name="attrib" t-att-checked="'checked' if v.id in attrib_set else ''" t-att-title="v.name" t-att-value="'%s-%s' % (a.id,v.id)" type="checkbox"/>
+                                                </label>
+                                            </t>
+                                        </t>
+                                        <t t-if="a.type == 'select'">
+                                            <select class="form-control" name="attrib">
+                                                <option value=""/>
+                                                <t t-as="v" t-foreach="a.value_ids">
+                                                    <option t-att-selected="'selected' if v.id in attrib_set else ''" t-att-value="'%s-%s' % (a.id,v.id)" t-esc="v.name"/>
+                                                </t>
+                                            </select>
+                                        </t>
+                                        <t t-if="a.type == 'radio'">
+                                            <ul class="nav nav-pills nav-stacked" style="overflow: auto; max-height:200px; columns: 2; -webkit- columns: 2;-moz- columns: 2;-o- columns: 2;">
+                                                <t t-as="v" t-foreach="a.value_ids">
+                                                    <li style="margin-top: 0px;" t-att-class="'active' if v.id in attrib_set else ''">
+                                                        <label style="margin: 0 20px;">
+                                                            <input name="attrib" t-att-checked="'checked' if v.id in attrib_set else ''" t-att-value="'%s-%s' % (a.id,v.id)" type="checkbox"/>
+                                                            <span style="font-weight: normal" t-field="v.name"/>
+                                                        </label>
+                                                    </li>
+                                                </t>
+                                            </ul>
+                                        </t>
+                                    </li>
+                                </t>
                             </t>
-								<t t-if="cur_sort">Ordenar por: 
+                        </ul>
+                    </form>
+                    <!--                 <form class="js_attributes" method="get"><input name="search" t-att-value="search" type="hidden"/><ul class="nav nav-pills nav-stacked mt16"><t t-as="a" t-foreach="attributes"><t t-if="a.type != 'hidden'"><li t-if="a.value_ids and len(a.value_ids) &gt;1"><div><strong t-field="a.name"/></div><t t-if="a.type == 'select'"><select class="form-control" name="attrib"><option value=""/><t t-as="v" t-foreach="a.value_ids"><option t-att-selected="'selected' if v.id in attrib_set else ''" t-att-value="'%s-%s' % (a.id,v.id)" t-esc="v.name"/></t></select></t><t t-if="a.type == 'radio'"><ul class="nav nav-pills nav-stacked"><t t-as="v" t-foreach="a.value_ids"><li t-att-class="'active' if v.id in attrib_set else ''"><label style="margin: 0 20px;"><input name="attrib" t-att-checked="'checked' if v.id in attrib_set else ''" t-att-value="'%s-%s' % (a.id,v.id)" type="checkbox"/><span style="font-weight: normal" t-field="v.name"/></label></li></t></ul></t><t t-if="a.type == 'color'"><t t-as="v" t-foreach="a.value_ids"><label t-attf-class="css_attribute_color #{'active' if v.id in attrib_set else ''}" t-attf-style="background-color:#{v.color or v.name}"><input name="attrib" t-att-checked="'checked' if v.id in attrib_set else ''" t-att-title="v.name" t-att-value="'%s-%s' % (a.id,v.id)" type="checkbox"/></label></t></t></li></t></t></ul></form>-->
+                </div>
+            </xpath>
+            <xpath expr="//div[@id='products_grid_before']" position="attributes">
+                <attribute name="class">col-md-3 col-sm-4 hidden-xs</attribute>
+            </xpath>
+            <xpath expr="//div[@id='products_grid']" position="attributes">
+                <attribute name="class">col-md-9 col-sm-8</attribute>
+            </xpath>
+        </template>
+        <!-- Product Tags -->
+        <template active="False" customize_show="True" id="kingfisher_pro_product_tag" inherit_id="website_sale.products" name="Product Tags">
+            <xpath expr="//div[@id='products_grid_before']" position="inside">
+                <div class="popular-tags mb16">
+                    <div class="left-title">
+                        <h3>Etiquetas Populares</h3>
+                        <hr/>
+                    </div>
+                    <ul class="tags">
+                        <t t-if="not category">
+                            <t t-as="c" t-foreach="website.get_product_tags()">
+                                <li>
+                                    <a t-att-href="'/shop?tag=%s'%c.id" t-field="c.name"/>
+                                </li>
+                            </t>
+                        </t>
+                        <t t-if="category">
+                            <t t-as="c" t-foreach="website.get_product_tags()">
+                                <li>
+                                    <a t-att-href="'/shop/category/%s?tag=%s' % (slug(category), c.id)" t-field="c.name"/>
+                                </li>
                             </t>
-								<t t-esc="cur_sort"/>
-								<span class="caret"/>
-							</button>
-							<ul class="dropdown-menu" role="menu">
-								<t t-if="not category">
-									<t t-as="a" t-foreach="website.get_sort_by_data()">
-										<li>
-											<a t-att-href="'/shop?sort_id=%s' % a.id" t-field="a.name"/>
-										</li>
-									</t>
-								</t>
-								<t t-if="category">
-									<t t-as="a" t-foreach="website.get_sort_by_data()">
-										<li>
-											<a t-att-href="'/shop/category/%s?sort_id=%s' % (slug(category), a.id)" t-field="a.name"/>
-										</li>
-									</t>
-								</t>
-							</ul>
-						</div>
-					</div>
-				</t>
-			</xpath>
-		</template>
-		<!-- Custom Filters -->
-		<template active="False" customize_show="True" id="kingfisher_pro_custom_filterz" inherit_id="website_sale.products" name="Custom Filters" priority="1">
-			<xpath expr="//div[@id='products_grid_before']" position="inside">
-				<div class="popular-tags" t-if="request.session.get('tag') or request.session.get('sortid') or request.session.get('pricerange')">
-					<div class="left-title mb16">
-						<h3>Seleccionar Filtros</h3>
-						<hr/>
-					</div>
-					<ul id="selectedattr">
-						<t t-if="request.session.get('tag')">
-							<label class="label label-info" id="tag">
-								<span>Etiqueta: 
-									
-									<t t-esc="request.session['tag'][1]"/></span>
-								<a id="clear">X</a>
-							</label>
-						</t>
-						<t t-if="request.session.get('sortid')">
-							<label class="label label-info" id="sortid" t-if="len(request.session['sortid']) &gt;1">
-								<span>Filtrar por: 
-									
-									<t t-esc="request.session['sortid'][2]"/></span>
-								<a id="clear">X</a>
-							</label>
-						</t>
-						<t t-if="request.session.get('pricerange')">
-							<label class="label label-info" id="pricerange">
-								<span>Rango-Precio: 
-									
-									<t t-esc="request.session['pricerange']"/></span>
-								<a id="clear">X</a>
-							</label>
-						</t>
-					</ul>
-				</div>
-			</xpath>
-			<xpath expr="//div[@id='products_grid_before']" position="attributes">
-				<attribute name="class">col-md-3 col-sm-4 hidden-xs</attribute>
-			</xpath>
-			<xpath expr="//div[@id='products_grid']" position="attributes">
-				<attribute name="class">col-md-9 col-sm-8</attribute>
-			</xpath>
-		</template>
-		<!-- Inherited Product Categories -->
-		<template active="False" customize_show="True" id="website_sale.products_categories" inherit_id="website_sale.products" name="Product Categories" priority="2">
-			<xpath expr="//div[@id='products_grid_before']" position="inside">
-				<div class="left-title">
-					<h3>Categorias</h3>
-					<hr/>
-				</div>
-				<ul class="nav nav-pills nav-stacked category_nav mb16">
-					<li t-att-class=" '' if category else 'active' ">
-						<a t-att-href="keep('/shop',category=0)">Todos los Productos</a>
-					</li>
-					<t t-as="c" t-foreach="categories">
-						<t t-call="website_sale.categories_recursive"/>
-					</t>
-				</ul>
-			</xpath>
-			<xpath expr="//div[@id='products_grid_before']" position="attributes">
-				<attribute name="class">col-md-3 col-sm-4 hidden-xs</attribute>
-			</xpath>
-			<xpath expr="//div[@id='products_grid']" position="attributes">
-				<attribute name="class">col-md-9 col-sm-8</attribute>
-			</xpath>
-		</template>
-		<template id="king_pro_option_collapse_categories_recursive" name="Collapse Category Recursive">
-			<li t-att-class="'active' if categ.id == int(category or 0) else ''">
-				<i t-attf-class="text-primary fa #{'fa-chevron-down' if categ.id in parent_category_ids else 'fa-chevron-right'}" t-if="categ.child_id"/>
-				<a t-att-href="keep('/shop/category/' + slug(categ), category=0)" t-field="categ.name"/>
-				<ul class="nav nav-pills nav-stacked nav-hierarchy" t-att-style="'display:block;' if categ.id in parent_category_ids else 'display:none;'" t-if="categ.child_id">
-					<t t-as="categ" t-foreach="categ.child_id">
-						<t t-call="kingfisher_pro.king_pro_option_collapse_categories_recursive"/>
-					</t>
-				</ul>
-			</li>
-		</template>
-		<template active="False" customize_show="True" id="option_collapse_products_categories" inherit_id="website_sale.products_categories" name="Collapsible Category List">
-			<xpath expr="//div[@id='products_grid_before']/ul" position="replace">
-				<ul class="nav nav-pills nav-stacked mb16" id="o_shop_collapse_category" style="overflow: auto; max-height:200px;">
-					<li t-att-class=" '' if category else 'active' ">
-						<a t-att-href="keep('/shop',category=0)">Todos los Productos</a>
-					</li>
-					<t t-as="categ" t-foreach="categories">
-						<t t-call="kingfisher_pro.king_pro_option_collapse_categories_recursive"/>
-					</t>
-				</ul>
-			</xpath>
-		</template>
-		<!-- Inherited Product Attributes -->
-		<template active="False" customize_show="True" id="website_sale.products_attributes" inherit_id="website_sale.products" name="Product Attribute's Filters">
-			<xpath expr="//div[@id='products_grid_before']" position="inside">
-				<div class="shop-by mb16">
-					<div class="left-title">
-						<h3>Comprar por</h3>
-						<hr/>
-					</div>
-					<form class="js_attributes" method="get">
-						<input name="buscar" t-att-value="search" type="hidden"/>
-						<ul class="nav nav-pills nav-stacked mt16">
-							<t t-as="b" t-foreach="attributes">
-								<t t-if="b.name == 'Color'">
-									<li t-if="b.value_ids and len(b.value_ids) &gt;1">
-										<div>
-											<strong class="filtrouno">Filtro por Colores</strong>
-										</div>
-										<t t-if="b.name == 'Color'">
-											<t t-as="w" t-foreach="b.value_ids">
-												<label t-attf-class="css_attribute_color #{'active' if w.id in attrib_set else ''}" t-attf-style="background-color:#{w.color or w.name}">
-													<input name="attrib" t-att-checked="'checked' if w.id in attrib_set else ''" t-att-title="w.name" t-att-value="'%s-%s' % (b.id,w.id)" type="checkbox"/>
-												</label>
-											</t>
-										</t>
-									</li>
-								</t>
-							</t>
-						</ul>
-					</form>
-					<form class="js_attributes" method="get">
-						<input name="search" t-att-value="search" type="hidden"/>
-						<ul class="nav nav-pills nav-stacked mt16">
-							<t t-as="a" t-foreach="attributes">
-								<t t-if="a.type != 'hidden'">
-									<li t-if="a.value_ids and len(a.value_ids) &gt;1  and a.name != 'Color'">
-										<div>
-											<strong class="filtrouno" t-field="a.name"/>
-										</div>
-										<t t-if="a.type == 'color'">
-											<t t-as="v" t-foreach="a.value_ids">
-												<label t-attf-class="css_attribute_color #{'active' if v.id in attrib_set else ''}" t-attf-style="background-color:#{v.color or v.name}">
-													<input name="attrib" t-att-checked="'checked' if v.id in attrib_set else ''" t-att-title="v.name" t-att-value="'%s-%s' % (a.id,v.id)" type="checkbox"/>
-												</label>
-											</t>
-										</t>
-										<t t-if="a.type == 'select'">
-											<select class="form-control" name="attrib">
-												<option value=""/>
-												<t t-as="v" t-foreach="a.value_ids">
-													<option t-att-selected="'selected' if v.id in attrib_set else ''" t-att-value="'%s-%s' % (a.id,v.id)" t-esc="v.name"/>
-												</t>
-											</select>
-										</t>
-										<t t-if="a.type == 'radio'">
-											<ul class="nav nav-pills nav-stacked" style="overflow: auto; max-height:200px; columns: 2; -webkit- columns: 2;-moz- columns: 2;-o- columns: 2;">
-												<t t-as="v" t-foreach="a.value_ids">
-													<li style="margin-top: 0px;" t-att-class="'active' if v.id in attrib_set else ''">
-														<label style="margin: 0 20px;">
-															<input name="attrib" t-att-checked="'checked' if v.id in attrib_set else ''" t-att-value="'%s-%s' % (a.id,v.id)" type="checkbox"/>
-															<span style="font-weight: normal" t-field="v.name"/>
-														</label>
-													</li>
-												</t>
-											</ul>
-										</t>
-									</li>
-								</t>
-							</t>
-						</ul>
-					</form>
-				</div>
-			</xpath>
-			<xpath expr="//div[@id='products_grid_before']" position="attributes">
-				<attribute name="class">col-md-3 col-sm-4 hidden-xs</attribute>
-			</xpath>
-			<xpath expr="//div[@id='products_grid']" position="attributes">
-				<attribute name="class">col-md-9 col-sm-8</attribute>
-			</xpath>
-		</template>
-		<!-- Product Tags -->
-		<template active="False" customize_show="True" id="kingfisher_pro_product_tag" inherit_id="website_sale.products" name="Product Tags">
-			<xpath expr="//div[@id='products_grid_before']" position="inside">
-				<div class="popular-tags mb16">
-					<div class="left-title">
-						<h3>Etiquetas populares</h3>
-						<hr/>
-					</div>
-					<ul class="tags">
-						<t t-if="not category">
-							<t t-as="c" t-foreach="website.get_product_tags()">
-								<li>
-									<a t-att-href="'/shop?tag=%s'%c.id" t-field="c.name"/>
-								</li>
-							</t>
-						</t>
-						<t t-if="category">
-							<t t-as="c" t-foreach="website.get_product_tags()">
-								<li>
-									<a t-att-href="'/shop/category/%s?tag=%s' % (slug(category), c.id)" t-field="c.name"/>
-								</li>
-							</t>
-						</t>
-					</ul>
-				</div>
-			</xpath>
-			<xpath expr="//div[@id='products_grid_before']" position="attributes">
-				<attribute name="class">col-md-3 col-sm-4 hidden-xs</attribute>
-			</xpath>
-			<xpath expr="//div[@id='products_grid']" position="attributes">
-				<attribute name="class">col-md-9 col-sm-8</attribute>
-			</xpath>
-		</template>
-		<!-- Price Slider -->
-		<template active="False" customize_show="True" id="kingfisher_pro_slider_layout" inherit_id="website_sale.products" name="Product Price Slider">
-			<xpath expr="//div[@id='products_grid_before']" position="inside">
-				<div class="popular-tags mb16">
-					<div class="left-title">
-						<h3>Por Precio</h3>
-						<hr/>
-					</div>
-					<div class="price-slider">
-						<form method="post" t-att-action="keep('/shop'+ ('/category/'+slug(category)) if category else '',search=0)">
-							<div id="priceslider"/>
-							<input id="king_pro_website_currency" name="website_currency" t-att-value="website.pricelist_id.currency_id.symbol" type="hidden"/>
-							<input id="m1" name="min1" t-att-value="min1" type="hidden"/>
-							<input id="m2" name="max1" t-att-value="max1" type="hidden"/>
-							<input id="ra1" name="range1" t-att-value="range1" type="hidden"/>
-							<input id="ra2" name="range2" t-att-value="range2" type="hidden"/>
-						</form>
-					</div>
-				</div>
-			</xpath>
-			<xpath expr="//div[@id='products_grid_before']" position="attributes">
-				<attribute name="class">col-md-3 col-sm-4 hidden-xs</attribute>
-			</xpath>
-			<xpath expr="//div[@id='products_grid']" position="attributes">
-				<attribute name="class">col-md-9 col-sm-8</attribute>
-			</xpath>
-		</template>
-		<!-- Added class in 'continue shopping' button -->
-		<template id="kingfisher_pro_checkout" inherit_id="website_sale.checkout">
-			<xpath expr="//a[@class='btn btn-default btn-primary pull-right mb32 a-submit']" position="attributes">
-				<attribute name="class">btn btn-primary pull-right mb32 a-submit</attribute>
-			</xpath>
-		</template>
-		<!-- Kingfisher Pro Website Megamenu -->
-		<template id="kingfisher_pro_website_megamenu_submenu" inherit_id="website.submenu">
-			<xpath expr="//li[1]" position="attributes">
-				<attribute name="t-if">not submenu.child_id and not submenu.is_megamenu</attribute>
-			</xpath>
-			<xpath expr="//li" position="after">
-				<li t-att-class="'li-mega-menu mm_icon' if submenu.menu_icon and submenu.menu_icon_image else 'li-mega-menu'" t-if="submenu.is_megamenu">
-					<a t-att-href="'%s' % (submenu.url) if submenu.url else ''" t-att-target="'_blank' if submenu.new_window else ''">
-						<t t-if="submenu.menu_icon and submenu.menu_icon_image">
-							<img class="img-responsive icon" t-att-alt="submenu.name" t-att-src="website.image_url(submenu, 'menu_icon_image', '30x30')"/>
-						</t>
-						<span t-field="submenu.name"/>
-						<span class="fa fa-angle-down" t-ignore="true"/>
-					</a>
-					<!-- 2 Column -->
-					<t t-if="submenu.megamenu_type == '2_col'">
-						<ul class="dropdown-menu mega-dropdown-menu row" t-att-style="'background: url(data:image/png;base64,%s); background-size: cover;' % (submenu.megamenu_bg_image) if submenu.megamenu_bg and submenu.megamenu_bg_img_color == 'bg_img' else '' 'background: %s !important;' % (submenu.megamenu_bg_color) if submenu.megamenu_bg and submenu.megamenu_bg_img_color == 'bg_color' else ''">
-							<div class="row">
-								<t t-set="product_categories" t-value="website.get_public_product_category(submenu)"/>
-								<t t-if="not product_categories">
-									<li class="dropdown-header message" t-att-style="'color: %s' %(submenu.main_category_color) if submenu.customize_menu_colors and submenu.main_category_color else ''">Aun, Sin Categoria asignada a este menu.!!!
+                        </t>
+                    </ul>
+                </div>
+            </xpath>
+            <xpath expr="//div[@id='products_grid_before']" position="attributes">
+                <attribute name="class">col-md-3 col-sm-4 hidden-xs</attribute>
+            </xpath>
+            <xpath expr="//div[@id='products_grid']" position="attributes">
+                <attribute name="class">col-md-9 col-sm-8</attribute>
+            </xpath>
+        </template>
+        <!-- Price Slider -->
+        <template active="False" customize_show="True" id="kingfisher_pro_slider_layout" inherit_id="website_sale.products" name="Product Price Slider">
+            <xpath expr="//div[@id='products_grid_before']" position="inside">
+                <div class="popular-tags mb16">
+                    <div class="left-title">
+                        <h3>Por Precio</h3>
+                        <hr/>
+                    </div>
+                    <div class="price-slider">
+                        <form method="post" t-att-action="keep('/shop'+ ('/category/'+slug(category)) if category else '',search=0)">
+                            <div id="priceslider"/>
+                            <input id="king_pro_website_currency" name="website_currency" t-att-value="website.pricelist_id.currency_id.symbol" type="hidden"/>
+                            <input id="m1" name="min1" t-att-value="min1" type="hidden"/>
+                            <input id="m2" name="max1" t-att-value="max1" type="hidden"/>
+                            <input id="ra1" name="range1" t-att-value="range1" type="hidden"/>
+                            <input id="ra2" name="range2" t-att-value="range2" type="hidden"/>
+                        </form>
+                    </div>
+                </div>
+            </xpath>
+            <xpath expr="//div[@id='products_grid_before']" position="attributes">
+                <attribute name="class">col-md-3 col-sm-4 hidden-xs</attribute>
+            </xpath>
+            <xpath expr="//div[@id='products_grid']" position="attributes">
+                <attribute name="class">col-md-9 col-sm-8</attribute>
+            </xpath>
+        </template>
+        <!-- Added class in 'continue shopping' button -->
+        <template id="kingfisher_pro_checkout" inherit_id="website_sale.checkout">
+            <xpath expr="//a[@class='btn btn-default btn-primary pull-right mb32 a-submit']" position="attributes">
+                <attribute name="class">btn btn-primary pull-right mb32 a-submit</attribute>
+            </xpath>
+        </template>
+        <!-- Kingfisher Pro Website Megamenu -->
+        <template id="kingfisher_pro_website_megamenu_submenu" inherit_id="website.submenu">
+            <xpath expr="//li[1]" position="attributes">
+                <attribute name="t-if">not submenu.child_id and not submenu.is_megamenu</attribute>
+            </xpath>
+            <xpath expr="//li" position="after">
+                <li t-att-class="'li-mega-menu mm_icon' if submenu.menu_icon and submenu.menu_icon_image else 'li-mega-menu'" t-if="submenu.is_megamenu">
+                    <a t-att-href="'%s' % (submenu.url) if submenu.url else ''" t-att-target="'_blank' if submenu.new_window else ''">
+                        <t t-if="submenu.menu_icon and submenu.menu_icon_image">
+                            <img class="img-responsive icon" t-att-alt="submenu.name" t-att-src="website.image_url(submenu, 'menu_icon_image', '30x30')"/>
+                        </t>
+                        <span t-field="submenu.name"/>
+                        <span class="fa fa-angle-down" t-ignore="true"/>
+                    </a>
+                    <!-- 2 Column -->
+                    <t t-if="submenu.megamenu_type == '2_col'">
+                        <ul class="dropdown-menu mega-dropdown-menu row" t-att-style="'background: url(data:image/png;base64,%s); background-size: cover;' % (submenu.megamenu_bg_image) if submenu.megamenu_bg and submenu.megamenu_bg_img_color == 'bg_img' else '' 'background: %s !important;' % (submenu.megamenu_bg_color) if submenu.megamenu_bg and submenu.megamenu_bg_img_color == 'bg_color' else ''">
+                            <div class="row">
+                                <t t-set="product_categories" t-value="website.get_public_product_category(submenu)"/>
+                                <t t-if="not product_categories">
+                                    <li class="dropdown-header message" t-att-style="'color: %s' %(submenu.main_category_color) if submenu.customize_menu_colors and submenu.main_category_color else ''">Espere, aun no se han asignado categorias a este menu.!!!
                                 </li>
-								</t>
-								<t t-if="product_categories">
-									<div t-att-class="'col-md-4 col-xs-12' if submenu.category_slider else ''" t-att-style="'float: %s' % submenu.category_slider_position if submenu.category_slider and submenu.category_slider_position else 'float:left;'">
-										<t t-if="submenu.category_slider">
-											<li>
-												<ul>
-													<li class="dropdown-header slider_header" t-att-style="'color: %s' %(submenu.main_category_color) if submenu.customize_menu_colors and submenu.main_category_color else ''">
-														<t t-esc="submenu.carousel_header_name"/>
-													</li>
-													<div class="carousel slide" data-ride="carousel" t-att-id="'myCarousel-%s' % submenu.id">
-														<div class="carousel-inner">
-															<t t-set="a" t-value="0"/>
-															<t t-as="categ" t-foreach="product_categories">
-																<div t-att-class="'item active' if a == 0 else 'item'">
-																	<t t-set="a" t-value="a+1"/>
-																	<a t-att-href="'/shop/category/%s' % slug(categ)">
-																		<img class="img-responsive" t-att-alt="categ.name" t-att-src="website.image_url(categ, 'image', '300x250')"/>
-																	</a>
-																	<h4>
-																		<small t-att-style="'color: %s' %(submenu.sub_category_color) if submenu.customize_menu_colors and submenu.sub_category_color else ''">
-																			<t t-esc="categ.name"/>
-																		</small>
-																	</h4>
-																</div>
-															</t>
-														</div>
-													</div>
-													<div class="carousel-control left" data-slide="prev" t-att-data-target="'#myCarousel-%s' % submenu.id">
-														<i class="fa fa-chevron-left"/>
-													</div>
-													<div class="carousel-control right" data-slide="next" t-att-data-target="'#myCarousel-%s' % submenu.id">
-														<i class="fa fa-chevron-right"/>
-													</div>
-												</ul>
-											</li>
-										</t>
-									</div>
-									<div t-att-class="'col-md-8 col-xs-12 letter-spacing' if submenu.category_slider else 'col-md-12 letter-spacing'">
-										<t t-as="category" t-foreach="product_categories">
-											<li class="col-sm-6 inline-block">
-												<ul>
-													<li class="dropdown-header">
-														<a t-att-href="'/shop/category/%s' % slug(category)" t-att-style="'color: %s' %(submenu.main_category_color) if submenu.customize_menu_colors and submenu.main_category_color else ''">
-															<t t-esc="category.name"/>
-														</a>
-													</li>
-													<t t-if="category.child_id">
-														<t t-as="categ" t-foreach="website.get_public_product_child_category(category.child_id)">
-															<li class="categories">
-																<a t-att-href="'/shop/category/%s' % slug(categ)" t-att-style="'color: %s' %(submenu.sub_category_color) if submenu.customize_menu_colors and submenu.sub_category_color else ''">
-																	<t t-esc="categ.name"/>
-																</a>
-															</li>
-														</t>
-													</t>
-												</ul>
-											</li>
-										</t>
-									</div>
-								</t>
-							</div>
-							<div class="row" t-att-style="'color: %s' %(submenu.sub_category_color) if submenu.customize_menu_colors and submenu.sub_category_color else ''" t-if="submenu.display_menu_footer">
-								<div class="footer">
-									<t t-raw="submenu.menu_footer"/>
-								</div>
-							</div>
-						</ul>
-					</t>
-					<!-- 3 Column -->
-					<t t-if="submenu.megamenu_type == '3_col'">
-						<ul class="dropdown-menu mega-dropdown-menu row" t-att-style="'background: url(data:image/png;base64,%s); background-size: cover;' % (submenu.megamenu_bg_image) if submenu.megamenu_bg and submenu.megamenu_bg_img_color == 'bg_img' else '' 'background: %s !important;' % (submenu.megamenu_bg_color) if submenu.megamenu_bg and submenu.megamenu_bg_img_color == 'bg_color' else ''">
-							<div class="row">
-								<t t-set="product_categories" t-value="website.get_public_product_category(submenu)"/>
-								<t t-if="not product_categories">
-									<li class="dropdown-header message" t-att-style="'color: %s' %(submenu.main_category_color) if submenu.customize_menu_colors and submenu.main_category_color else ''">Aun, Sin Categoria asignada a este menu.!!!
+                                </t>
+                                <t t-if="product_categories">
+                                    <div t-att-class="'col-md-4 col-xs-12' if submenu.category_slider else ''" t-att-style="'float: %s' % submenu.category_slider_position if submenu.category_slider and submenu.category_slider_position else 'float:left;'">
+                                        <t t-if="submenu.category_slider">
+                                            <li>
+                                                <ul>
+                                                    <li class="dropdown-header slider_header" t-att-style="'color: %s' %(submenu.main_category_color) if submenu.customize_menu_colors and submenu.main_category_color else ''">
+                                                        <t t-esc="submenu.carousel_header_name"/>
+                                                    </li>
+                                                    <div class="carousel slide" data-ride="carousel" t-att-id="'myCarousel-%s' % submenu.id">
+                                                        <div class="carousel-inner">
+                                                            <t t-set="a" t-value="0"/>
+                                                            <t t-as="categ" t-foreach="product_categories">
+                                                                <div t-att-class="'item active' if a == 0 else 'item'">
+                                                                    <t t-set="a" t-value="a+1"/>
+                                                                    <a t-att-href="'/shop/category/%s' % slug(categ)">
+                                                                        <img class="img-responsive" t-att-alt="categ.name" t-att-src="website.image_url(categ, 'image', '300x250')"/>
+                                                                    </a>
+                                                                    <h4>
+                                                                        <small t-att-style="'color: %s' %(submenu.sub_category_color) if submenu.customize_menu_colors and submenu.sub_category_color else ''">
+                                                                            <t t-esc="categ.name"/>
+                                                                        </small>
+                                                                    </h4>
+                                                                </div>
+                                                            </t>
+                                                        </div>
+                                                    </div>
+                                                    <div class="carousel-control left" data-slide="prev" t-att-data-target="'#myCarousel-%s' % submenu.id">
+                                                        <i class="fa fa-chevron-left"/>
+                                                    </div>
+                                                    <div class="carousel-control right" data-slide="next" t-att-data-target="'#myCarousel-%s' % submenu.id">
+                                                        <i class="fa fa-chevron-right"/>
+                                                    </div>
+                                                </ul>
+                                            </li>
+                                        </t>
+                                    </div>
+                                    <div t-att-class="'col-md-8 col-xs-12 letter-spacing' if submenu.category_slider else 'col-md-12 letter-spacing'">
+                                        <t t-as="category" t-foreach="product_categories">
+                                            <li class="col-sm-6 inline-block">
+                                                <ul>
+                                                    <li class="dropdown-header">
+                                                        <a t-att-href="'/shop/category/%s' % slug(category)" t-att-style="'color: %s' %(submenu.main_category_color) if submenu.customize_menu_colors and submenu.main_category_color else ''">
+                                                            <t t-esc="category.name"/>
+                                                        </a>
+                                                    </li>
+                                                    <t t-if="category.child_id">
+                                                        <t t-as="categ" t-foreach="website.get_public_product_child_category(category.child_id)">
+                                                            <li class="categories">
+                                                                <a t-att-href="'/shop/category/%s' % slug(categ)" t-att-style="'color: %s' %(submenu.sub_category_color) if submenu.customize_menu_colors and submenu.sub_category_color else ''">
+                                                                    <t t-esc="categ.name"/>
+                                                                </a>
+                                                            </li>
+                                                        </t>
+                                                    </t>
+                                                </ul>
+                                            </li>
+                                        </t>
+                                    </div>
+                                </t>
+                            </div>
+                            <div class="row" t-att-style="'color: %s' %(submenu.sub_category_color) if submenu.customize_menu_colors and submenu.sub_category_color else ''" t-if="submenu.display_menu_footer">
+                                <div class="footer">
+                                    <t t-raw="submenu.menu_footer"/>
+                                </div>
+                            </div>
+                        </ul>
+                    </t>
+                    <!-- 3 Column -->
+                    <t t-if="submenu.megamenu_type == '3_col'">
+                        <ul class="dropdown-menu mega-dropdown-menu row" t-att-style="'background: url(data:image/png;base64,%s); background-size: cover;' % (submenu.megamenu_bg_image) if submenu.megamenu_bg and submenu.megamenu_bg_img_color == 'bg_img' else '' 'background: %s !important;' % (submenu.megamenu_bg_color) if submenu.megamenu_bg and submenu.megamenu_bg_img_color == 'bg_color' else ''">
+                            <div class="row">
+                                <t t-set="product_categories" t-value="website.get_public_product_category(submenu)"/>
+                                <t t-if="not product_categories">
+                                    <li class="dropdown-header message" t-att-style="'color: %s' %(submenu.main_category_color) if submenu.customize_menu_colors and submenu.main_category_color else ''">Espere, aun no se han asignado categorias a este menu.!!!
                                 </li>
-								</t>
-								<t t-if="product_categories">
-									<div t-att-class="'col-md-3 col-xs-12' if submenu.category_slider else ''" t-att-style="'float: %s' % submenu.category_slider_position if submenu.category_slider and submenu.category_slider_position else 'float:left;'">
-										<t t-if="submenu.category_slider">
-											<li class="margin">
-												<ul>
-													<li class="dropdown-header slider_header" t-att-style="'color: %s' %(submenu.main_category_color) if submenu.customize_menu_colors and submenu.main_category_color else ''">
-														<t t-esc="submenu.carousel_header_name"/>
-													</li>
-													<div class="carousel slide" data-ride="carousel" t-att-id="'myCarousel-%s' % submenu.id">
-														<div class="carousel-inner">
-															<t t-set="a" t-value="0"/>
-															<t t-as="categ" t-foreach="product_categories">
-																<div t-att-class="'item active' if a == 0 else 'item'">
-																	<t t-set="a" t-value="a+1"/>
-																	<a t-att-href="'/shop/category/%s' % slug(categ)">
-																		<img class="img-responsive" t-att-alt="categ.name" t-att-src="website.image_url(categ, 'image', '300x250')"/>
-																	</a>
-																	<h4>
-																		<small t-att-style="'color: %s' %(submenu.sub_category_color) if submenu.customize_menu_colors and submenu.sub_category_color else ''">
-																			<t t-esc="categ.name"/>
-																		</small>
-																	</h4>
-																</div>
-															</t>
-														</div>
-													</div>
-													<div class="carousel-control left" data-slide="prev" t-att-data-target="'#myCarousel-%s' % submenu.id">
-														<i class="fa fa-chevron-left"/>
-													</div>
-													<div class="carousel-control right" data-slide="next" t-att-data-target="'#myCarousel-%s' % submenu.id">
-														<i class="fa fa-chevron-right"/>
-													</div>
-												</ul>
-											</li>
-										</t>
-									</div>
-									<div t-att-class="'col-md-9 col-xs-12 letter-spacing' if submenu.category_slider else 'col-md-12 letter-spacing'">
-										<t t-as="category" t-foreach="product_categories">
-											<li class="col-sm-4 inline-block">
-												<ul>
-													<li class="dropdown-header">
-														<a t-att-href="'/shop/category/%s' % slug(category)" t-att-style="'color: %s' %(submenu.main_category_color) if submenu.customize_menu_colors and submenu.main_category_color else ''">
-															<t t-esc="category.name"/>
-														</a>
-													</li>
-													<t t-if="category.child_id">
-														<t t-as="categ" t-foreach="website.get_public_product_child_category(category.child_id)">
-															<li class="categories">
-																<a t-att-href="'/shop/category/%s' % slug(categ)" t-att-style="'color: %s' %(submenu.sub_category_color) if submenu.customize_menu_colors and submenu.sub_category_color else ''">
-																	<t t-esc="categ.name"/>
-																</a>
-															</li>
-														</t>
-													</t>
-												</ul>
-											</li>
-										</t>
-									</div>
-								</t>
-							</div>
-							<div class="row" t-att-style="'color: %s' %(submenu.sub_category_color) if submenu.customize_menu_colors and submenu.sub_category_color else ''" t-if="submenu.display_menu_footer">
-								<div class="footer">
-									<t t-raw="submenu.menu_footer"/>
-								</div>
-							</div>
-						</ul>
-					</t>
-					<!-- 4 Column -->
-					<t t-if="submenu.megamenu_type == '4_col'">
-						<ul class="dropdown-menu mega-dropdown-menu row" t-att-style="'background: url(data:image/png;base64,%s); background-size: cover;' % (submenu.megamenu_bg_image) if submenu.megamenu_bg and submenu.megamenu_bg_img_color == 'bg_img' else '' 'background: %s !important;' % (submenu.megamenu_bg_color) if submenu.megamenu_bg and submenu.megamenu_bg_img_color == 'bg_color' else ''">
-							<div class="row">
-								<t t-set="product_categories" t-value="website.get_public_product_category(submenu)"/>
-								<t t-if="not product_categories">
-									<li class="dropdown-header message" t-att-style="'color: %s' %(submenu.main_category_color) if submenu.customize_menu_colors and submenu.main_category_color else ''">Aun, Sin Categoria asignada a este menu.!!!
+                                </t>
+                                <t t-if="product_categories">
+                                    <div t-att-class="'col-md-3 col-xs-12' if submenu.category_slider else ''" t-att-style="'float: %s' % submenu.category_slider_position if submenu.category_slider and submenu.category_slider_position else 'float:left;'">
+                                        <t t-if="submenu.category_slider">
+                                            <li class="margin">
+                                                <ul>
+                                                    <li class="dropdown-header slider_header" t-att-style="'color: %s' %(submenu.main_category_color) if submenu.customize_menu_colors and submenu.main_category_color else ''">
+                                                        <t t-esc="submenu.carousel_header_name"/>
+                                                    </li>
+                                                    <div class="carousel slide" data-ride="carousel" t-att-id="'myCarousel-%s' % submenu.id">
+                                                        <div class="carousel-inner">
+                                                            <t t-set="a" t-value="0"/>
+                                                            <t t-as="categ" t-foreach="product_categories">
+                                                                <div t-att-class="'item active' if a == 0 else 'item'">
+                                                                    <t t-set="a" t-value="a+1"/>
+                                                                    <a t-att-href="'/shop/category/%s' % slug(categ)">
+                                                                        <img class="img-responsive" t-att-alt="categ.name" t-att-src="website.image_url(categ, 'image', '300x250')"/>
+                                                                    </a>
+                                                                    <h4>
+                                                                        <small t-att-style="'color: %s' %(submenu.sub_category_color) if submenu.customize_menu_colors and submenu.sub_category_color else ''">
+                                                                            <t t-esc="categ.name"/>
+                                                                        </small>
+                                                                    </h4>
+                                                                </div>
+                                                            </t>
+                                                        </div>
+                                                    </div>
+                                                    <div class="carousel-control left" data-slide="prev" t-att-data-target="'#myCarousel-%s' % submenu.id">
+                                                        <i class="fa fa-chevron-left"/>
+                                                    </div>
+                                                    <div class="carousel-control right" data-slide="next" t-att-data-target="'#myCarousel-%s' % submenu.id">
+                                                        <i class="fa fa-chevron-right"/>
+                                                    </div>
+                                                </ul>
+                                            </li>
+                                        </t>
+                                    </div>
+                                    <div t-att-class="'col-md-9 col-xs-12 letter-spacing' if submenu.category_slider else 'col-md-12 letter-spacing'">
+                                        <t t-as="category" t-foreach="product_categories">
+                                            <li class="col-sm-4 inline-block">
+                                                <ul>
+                                                    <li class="dropdown-header">
+                                                        <a t-att-href="'/shop/category/%s' % slug(category)" t-att-style="'color: %s' %(submenu.main_category_color) if submenu.customize_menu_colors and submenu.main_category_color else ''">
+                                                            <t t-esc="category.name"/>
+                                                        </a>
+                                                    </li>
+                                                    <t t-if="category.child_id">
+                                                        <t t-as="categ" t-foreach="website.get_public_product_child_category(category.child_id)">
+                                                            <li class="categories">
+                                                                <a t-att-href="'/shop/category/%s' % slug(categ)" t-att-style="'color: %s' %(submenu.sub_category_color) if submenu.customize_menu_colors and submenu.sub_category_color else ''">
+                                                                    <t t-esc="categ.name"/>
+                                                                </a>
+                                                            </li>
+                                                        </t>
+                                                    </t>
+                                                </ul>
+                                            </li>
+                                        </t>
+                                    </div>
+                                </t>
+                            </div>
+                            <div class="row" t-att-style="'color: %s' %(submenu.sub_category_color) if submenu.customize_menu_colors and submenu.sub_category_color else ''" t-if="submenu.display_menu_footer">
+                                <div class="footer">
+                                    <t t-raw="submenu.menu_footer"/>
+                                </div>
+                            </div>
+                        </ul>
+                    </t>
+                    <!-- 4 Column -->
+                    <t t-if="submenu.megamenu_type == '4_col'">
+                        <ul class="dropdown-menu mega-dropdown-menu row" t-att-style="'background: url(data:image/png;base64,%s); background-size: cover;' % (submenu.megamenu_bg_image) if submenu.megamenu_bg and submenu.megamenu_bg_img_color == 'bg_img' else '' 'background: %s !important;' % (submenu.megamenu_bg_color) if submenu.megamenu_bg and submenu.megamenu_bg_img_color == 'bg_color' else ''">
+                            <div class="row">
+                                <t t-set="product_categories" t-value="website.get_public_product_category(submenu)"/>
+                                <t t-if="not product_categories">
+                                    <li class="dropdown-header message" t-att-style="'color: %s' %(submenu.main_category_color) if submenu.customize_menu_colors and submenu.main_category_color else ''">Espere, aun no se han asignado categorias a este menu.!!!
                                 </li>
-								</t>
-								<t t-if="product_categories">
-									<div t-att-class="'col-md-3 col-xs-12' if submenu.category_slider else ''" t-att-style="'float: %s' % submenu.category_slider_position if submenu.category_slider and submenu.category_slider_position else 'float:left;'">
-										<t t-if="submenu.category_slider">
-											<li class="margin">
-												<ul>
-													<li class="dropdown-header slider_header" t-att-style="'color: %s' %(submenu.main_category_color) if submenu.customize_menu_colors and submenu.main_category_color else ''">
-														<t t-esc="submenu.carousel_header_name"/>
-													</li>
-													<div class="carousel slide" data-ride="carousel" t-att-id="'myCarousel-%s' % submenu.id">
-														<div class="carousel-inner">
-															<t t-set="a" t-value="0"/>
-															<t t-as="categ" t-foreach="product_categories">
-																<div t-att-class="'item active' if a == 0 else 'item'">
-																	<t t-set="a" t-value="a+1"/>
-																	<a t-att-href="'/shop/category/%s' % slug(categ)">
-																		<img class="img-responsive" t-att-alt="categ.name" t-att-src="website.image_url(categ, 'image', '300x250')"/>
-																	</a>
-																	<h4>
-																		<small t-att-style="'color: %s' %(submenu.sub_category_color) if submenu.customize_menu_colors and submenu.sub_category_color else ''">
-																			<t t-esc="categ.name"/>
-																		</small>
-																	</h4>
-																</div>
-															</t>
-														</div>
-													</div>
-													<div class="carousel-control left" data-slide="prev" t-att-data-target="'#myCarousel-%s' % submenu.id">
-														<i class="fa fa-chevron-left"/>
-													</div>
-													<div class="carousel-control right" data-slide="next" t-att-data-target="'#myCarousel-%s' % submenu.id">
-														<i class="fa fa-chevron-right"/>
-													</div>
-												</ul>
-											</li>
-										</t>
-									</div>
-									<div t-att-class="'col-md-9  col-xs-12 letter-spacing' if submenu.category_slider else 'col-md-12 letter-spacing'">
-										<t t-as="category" t-foreach="product_categories">
-											<li class="col-sm-3 inline-block">
-												<ul>
-													<li class="dropdown-header">
-														<a t-att-href="'/shop/category/%s' % slug(category)" t-att-style="'color: %s' %(submenu.main_category_color) if submenu.customize_menu_colors and submenu.main_category_color else ''">
-															<t t-esc="category.name"/>
-														</a>
-													</li>
-													<t t-if="category.child_id">
-														<t t-as="categ" t-foreach="website.get_public_product_child_category(category.child_id)">
-															<li class="categories">
-																<a t-att-href="'/shop/category/%s' % slug(categ)" t-att-style="'color: %s' %(submenu.sub_category_color) if submenu.customize_menu_colors and submenu.sub_category_color else ''">
-																	<t t-esc="categ.name"/>
-																</a>
-															</li>
-														</t>
-													</t>
-												</ul>
-											</li>
-										</t>
-									</div>
-								</t>
-							</div>
-							<div class="row" t-att-style="'color: %s' %(submenu.sub_category_color) if submenu.customize_menu_colors and submenu.sub_category_color else ''" t-if="submenu.display_menu_footer">
-								<div class="footer">
-									<t t-raw="submenu.menu_footer"/>
-								</div>
-							</div>
-						</ul>
-					</t>
-				</li>
-			</xpath>
-		</template>
-		<!-- First / Last pager -->
-		<template id="website_pager_addition" inherit_id="website.pager">
-			<xpath expr="//ul/li" position="before">
-				<t t-if="website.enable_first_last_pager and pager['page_count'] &gt;2">
-					<li t-att-class=" 'disabled' if pager['page']['num'] == 1 else '' ">
-						<a t-att-href=" pager['page_first']['url'] if pager['page']['num'] != 1 else ''">Primero</a>
-					</li>
-				</t>
-			</xpath>
-			<xpath expr="//ul/li[last()]" position="after">
-				<t t-if="website.enable_first_last_pager and pager['page_count'] &gt;2">
-					<li t-att-class=" 'disabled' if pager['page']['num'] == pager['page_count'] else '' ">
-						<a t-att-href="pager['page_last']['url'] if pager['page']['num'] != pager['page_count'] else ''">Último</a>
-					</li>
-				</t>
-			</xpath>
-		</template>
-		<!-- 404 page -->
-		<template customize_show="True" id="404_page_template" inherit_id="website.404">
-			<xpath expr="//div[@id='wrap']" position="replace">
-				<div class="container">
-					<div class="row section-404 well">
-						<div class="col-md-12 text-center">
-							<div class="content-404">
-								<img src="/kingfisher_pro/static/src/img/kingfisher-pro-404.png"/>
-								<label>404</label>
-							</div>
-							<p class="text-center not-found-message">La página que estas buscando no existe o fue cambiado</p>
-							<p class="text-center try-pages">Intente con cualquiera de estas paginas
+                                </t>
+                                <t t-if="product_categories">
+                                    <div t-att-class="'col-md-3 col-xs-12' if submenu.category_slider else ''" t-att-style="'float: %s' % submenu.category_slider_position if submenu.category_slider and submenu.category_slider_position else 'float:left;'">
+                                        <t t-if="submenu.category_slider">
+                                            <li class="margin">
+                                                <ul>
+                                                    <li class="dropdown-header slider_header" t-att-style="'color: %s' %(submenu.main_category_color) if submenu.customize_menu_colors and submenu.main_category_color else ''">
+                                                        <t t-esc="submenu.carousel_header_name"/>
+                                                    </li>
+                                                    <div class="carousel slide" data-ride="carousel" t-att-id="'myCarousel-%s' % submenu.id">
+                                                        <div class="carousel-inner">
+                                                            <t t-set="a" t-value="0"/>
+                                                            <t t-as="categ" t-foreach="product_categories">
+                                                                <div t-att-class="'item active' if a == 0 else 'item'">
+                                                                    <t t-set="a" t-value="a+1"/>
+                                                                    <a t-att-href="'/shop/category/%s' % slug(categ)">
+                                                                        <img class="img-responsive" t-att-alt="categ.name" t-att-src="website.image_url(categ, 'image', '300x250')"/>
+                                                                    </a>
+                                                                    <h4>
+                                                                        <small t-att-style="'color: %s' %(submenu.sub_category_color) if submenu.customize_menu_colors and submenu.sub_category_color else ''">
+                                                                            <t t-esc="categ.name"/>
+                                                                        </small>
+                                                                    </h4>
+                                                                </div>
+                                                            </t>
+                                                        </div>
+                                                    </div>
+                                                    <div class="carousel-control left" data-slide="prev" t-att-data-target="'#myCarousel-%s' % submenu.id">
+                                                        <i class="fa fa-chevron-left"/>
+                                                    </div>
+                                                    <div class="carousel-control right" data-slide="next" t-att-data-target="'#myCarousel-%s' % submenu.id">
+                                                        <i class="fa fa-chevron-right"/>
+                                                    </div>
+                                                </ul>
+                                            </li>
+                                        </t>
+                                    </div>
+                                    <div t-att-class="'col-md-9  col-xs-12 letter-spacing' if submenu.category_slider else 'col-md-12 letter-spacing'">
+                                        <t t-as="category" t-foreach="product_categories">
+                                            <li class="col-sm-3 inline-block">
+                                                <ul>
+                                                    <li class="dropdown-header">
+                                                        <a t-att-href="'/shop/category/%s' % slug(category)" t-att-style="'color: %s' %(submenu.main_category_color) if submenu.customize_menu_colors and submenu.main_category_color else ''">
+                                                            <t t-esc="category.name"/>
+                                                        </a>
+                                                    </li>
+                                                    <t t-if="category.child_id">
+                                                        <t t-as="categ" t-foreach="website.get_public_product_child_category(category.child_id)">
+                                                            <li class="categories">
+                                                                <a t-att-href="'/shop/category/%s' % slug(categ)" t-att-style="'color: %s' %(submenu.sub_category_color) if submenu.customize_menu_colors and submenu.sub_category_color else ''">
+                                                                    <t t-esc="categ.name"/>
+                                                                </a>
+                                                            </li>
+                                                        </t>
+                                                    </t>
+                                                </ul>
+                                            </li>
+                                        </t>
+                                    </div>
+                                </t>
+                            </div>
+                            <div class="row" t-att-style="'color: %s' %(submenu.sub_category_color) if submenu.customize_menu_colors and submenu.sub_category_color else ''" t-if="submenu.display_menu_footer">
+                                <div class="footer">
+                                    <t t-raw="submenu.menu_footer"/>
+                                </div>
+                            </div>
+                        </ul>
+                    </t>
+                </li>
+            </xpath>
+        </template>
+        <!-- First / Last pager -->
+        <template id="website_pager_addition" inherit_id="website.pager">
+            <xpath expr="//ul/li" position="before">
+                <t t-if="website.enable_first_last_pager and pager['page_count'] &gt;2">
+                    <li t-att-class=" 'disabled' if pager['page']['num'] == 1 else '' ">
+                        <a t-att-href=" pager['page_first']['url'] if pager['page']['num'] != 1 else ''">Primero</a>
+                    </li>
+                </t>
+            </xpath>
+            <xpath expr="//ul/li[last()]" position="after">
+                <t t-if="website.enable_first_last_pager and pager['page_count'] &gt;2">
+                    <li t-att-class=" 'disabled' if pager['page']['num'] == pager['page_count'] else '' ">
+                        <a t-att-href="pager['page_last']['url'] if pager['page']['num'] != pager['page_count'] else ''">Ultimo</a>
+                    </li>
+                </t>
+            </xpath>
+        </template>
+        <!-- 404 page -->
+        <template customize_show="True" id="404_page_template" inherit_id="website.404">
+            <xpath expr="//div[@id='wrap']" position="replace">
+                <div class="container">
+                    <div class="row section-404 well">
+                        <div class="col-md-12 text-center">
+                            <div class="content-404">
+                                <img src="/kingfisher_pro/static/src/img/kingfisher-pro-404.png"/>
+                                <label>404</label>
+                            </div>
+                            <p class="text-center not-found-message">La pagina que está buscano no esta disponible</p>
+                            <p class="text-center try-pages">Puede intentar las paginas siguientes
                             
-								
-								<span>
-									<a t-attf-href="/page/website.homepage" title="Writizmo">Pagina Inicial</a></span>
-								<span>
-									<a t-attf-href="/shop" title="Writizmo">Tienda</a>
-								</span>
-							</p>
-						</div>
-					</div>
-				</div>
-			</xpath>
-		</template>
-		<template id="CustomBlogAmoJeans" inherit_id="website_blog.blog_post_complete" name="Kingfisher_Blog_Cutomisation">
-			<xpath expr="." position="inside">
-				<link href="/kingfisher_pro/static/src/css/custom.css" rel="stylesheet"/>
-				<script src="/kingfisher_pro/static/src/js/customdos.js" type="text/javascript"/>
-			</xpath>
-		</template>
-	</data>
+                                
+                                
+                                
+                                
+                                <span>
+                                    <a t-attf-href="/page/website.homepage" title="Writizmo">Página Inicial</a></span>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </xpath>
+        </template>
+    </data>
 </openerp>

views/theme_customize.xml

@@ -56,6 +56,7 @@
                 <link href="/kingfisher_pro/static/src/less/options/colors/theme_pink.less" rel="stylesheet" type="text/less"/>
             </xpath>
         </template>
+
         <!-- Option Primary Fonts -->
         <template active="False" customize_show="True" id="option_font_style_open_sans" inherit_id="custom_opt" name="option_font_style_open_sans">
             <xpath expr="//t[@id='custom_opt']" position="inside">
@@ -87,37 +88,40 @@
                 <link href="/kingfisher_pro/static/src/less/options/fonts/font-style-varela-round-font.less" rel="stylesheet" type="text/less"/>
             </xpath>
         </template>
+
         <!-- Background Pattern -->
-        <template active="False" customize_show="True" id="option_bg_pattern_1" inherit_id="custom_opt" name="option_bg_pattern_1">
+        <template id="option_bg_pattern_1" name="option_bg_pattern_1" inherit_id="custom_opt" active="False" customize_show="True">
             <xpath expr="." position="inside">
                 <link href="/kingfisher_pro/static/src/less/options/bg_patterns/bg-pattern-1.less" rel="stylesheet" type="text/less"/>
             </xpath>
         </template>
-        <template active="False" customize_show="True" id="option_bg_pattern_2" inherit_id="custom_opt" name="option_bg_pattern_2">
+        <template id="option_bg_pattern_2" name="option_bg_pattern_2" inherit_id="custom_opt" active="False" customize_show="True">
             <xpath expr="." position="inside">
                 <link href="/kingfisher_pro/static/src/less/options/bg_patterns/bg-pattern-2.less" rel="stylesheet" type="text/less"/>
             </xpath>
         </template>
-        <template active="False" customize_show="True" id="option_bg_pattern_3" inherit_id="custom_opt" name="option_bg_pattern_3">
+        <template id="option_bg_pattern_3" name="option_bg_pattern_3" inherit_id="custom_opt" active="False" customize_show="True">
             <xpath expr="." position="inside">
                 <link href="/kingfisher_pro/static/src/less/options/bg_patterns/bg-pattern-3.less" rel="stylesheet" type="text/less"/>
             </xpath>
         </template>
-        <template active="False" customize_show="True" id="option_bg_pattern_4" inherit_id="custom_opt" name="option_bg_pattern_4">
+        <template id="option_bg_pattern_4" name="option_bg_pattern_4" inherit_id="custom_opt" active="False" customize_show="True">
             <xpath expr="." position="inside">
                 <link href="/kingfisher_pro/static/src/less/options/bg_patterns/bg-pattern-4.less" rel="stylesheet" type="text/less"/>
             </xpath>
         </template>
-        <template active="False" customize_show="True" id="option_bg_pattern_5" inherit_id="custom_opt" name="option_bg_pattern_5">
+        <template id="option_bg_pattern_5" name="option_bg_pattern_5" inherit_id="custom_opt" active="False" customize_show="True">
             <xpath expr="." position="inside">
                 <link href="/kingfisher_pro/static/src/less/options/bg_patterns/bg-pattern-5.less" rel="stylesheet" type="text/less"/>
             </xpath>
         </template>
-        <template active="False" customize_show="True" id="option_bg_pattern_6" inherit_id="custom_opt" name="option_bg_pattern_6">
+        <template id="option_bg_pattern_6" name="option_bg_pattern_6" inherit_id="custom_opt" active="False" customize_show="True">
             <xpath expr="." position="inside">
                 <link href="/kingfisher_pro/static/src/less/options/bg_patterns/bg-pattern-6.less" rel="stylesheet" type="text/less"/>
             </xpath>
         </template>
+
+
         <!-- Customize Theme Template -->
         <template id="kingfisher_pro_theme_customize" inherit_id="website_less.theme_customize" name="Theme Kingfisher Pro Modal">
             <xpath expr="//div//table[@name='color']" position="replace">
@@ -126,19 +130,19 @@
                         <td>
                             <label class="chd-color-combi">
                                 <img alt="Golden" class="chd-color-combi-img" src="/kingfisher_pro/static/src/img/theme/variant-gold.gif"/>
-                                <input data-disable="less" data-xmlid="" name="colorvar-primary" type="radio"/>
+                                <input data-disable="less" data-xmlid=""  name="colorvar-primary" type="radio"/>
                             </label>
                         </td>
                         <td>
                             <label class="chd-color-combi">
                                 <img alt="Aqua" class="chd-color-combi-img" src="/kingfisher_pro/static/src/img/theme/variant-emerald.gif"/>
-                                <input data-enable="less" data-xmlid="kingfisher_pro.option_primary_color_aqua_theme" name="colorvar-primary" type="radio"/>
+                                <input name="colorvar-primary" type="radio" data-xmlid="kingfisher_pro.option_primary_color_aqua_theme" data-enable="less"/>
                             </label>
                         </td>
                         <td>
                             <label class="chd-color-combi">
                                 <img alt="Blue" class="chd-color-combi-img" src="/kingfisher_pro/static/src/img/theme/variant-cobalt.gif"/>
-                                <input data-enable="less" data-xmlid="kingfisher_pro.option_primary_color_blue_theme" name="colorvar-primary" type="radio"/>
+                                <input data-enable="less" data-xmlid="kingfisher_pro.option_primary_color_blue_theme"  name="colorvar-primary" type="radio"/>
                             </label>
                         </td>
                     </tr>
@@ -146,19 +150,19 @@
                         <td>
                             <label class="chd-color-combi">
                                 <img alt="Brown" class="chd-color-combi-img" src="/kingfisher_pro/static/src/img/theme/variant-stone.gif"/>
-                                <input data-enable="less" data-xmlid="kingfisher_pro.option_primary_color_brown_theme" name="colorvar-primary" type="radio"/>
+                                <input data-enable="less" data-xmlid="kingfisher_pro.option_primary_color_brown_theme"  name="colorvar-primary" type="radio"/>
                             </label>
                         </td>
                         <td>
                             <label class="chd-color-combi">
                                 <img alt="Orange" class="chd-color-combi-img" src="/kingfisher_pro/static/src/img/theme/variant-ruby.gif"/>
-                                <input data-enable="less" data-xmlid="kingfisher_pro.option_primary_color_orange" name="colorvar-primary" type="radio"/>
+                                <input data-enable="less" data-xmlid="kingfisher_pro.option_primary_color_orange"  name="colorvar-primary" type="radio"/>
                             </label>
                         </td>
                         <td>
                             <label class="chd-color-combi">
                                 <img alt="Pink" class="chd-color-combi-img" src="/kingfisher_pro/static/src/img/theme/variant-amethyst.gif"/>
-                                <input data-enable="less" data-xmlid="kingfisher_pro.option_primary_color_pink" name="colorvar-primary" type="radio"/>
+                                <input data-enable="less" data-xmlid="kingfisher_pro.option_primary_color_pink"  name="colorvar-primary" type="radio"/>
                             </label>
                         </td>
                     </tr>
@@ -168,19 +172,19 @@
                     <tr>
                         <td>
                             <label class="chd-color-combi">
-                                <span class="pf-color1"/>
+                                <span class="pf-color1" />
                                 <input data-enable="less" data-xmlid="kingfisher_pro.option_bg_pattern_1" name="colorvar_pattern" type="radio"/>
                             </label>
                         </td>
                         <td>
                             <label class="chd-color-combi">
-                                <span class="pf-color2"/>
+                                <span class="pf-color2" />
                                 <input data-enable="less" data-xmlid="kingfisher_pro.option_bg_pattern_2" name="colorvar_pattern" type="radio"/>
                             </label>
                         </td>
                         <td>
                             <label class="chd-color-combi">
-                                <span class="pf-color3"/>
+                                <span class="pf-color3" />
                                 <input data-enable="less" data-xmlid="kingfisher_pro.option_bg_pattern_3" name="colorvar_pattern" type="radio"/>
                             </label>
                         </td>
@@ -188,25 +192,27 @@
                     <tr>
                         <td>
                             <label class="chd-color-combi">
-                                <span class="pf-color4"/>
+                                <span class="pf-color4" />
                                 <input data-enable="less" data-xmlid="kingfisher_pro.option_bg_pattern_4" name="colorvar_pattern" type="radio"/>
                             </label>
                         </td>
                         <td>
                             <label class="chd-color-combi">
-                                <span class="pf-color5"/>
+                                <span class="pf-color5" />
                                 <input data-enable="less" data-xmlid="kingfisher_pro.option_bg_pattern_5" name="colorvar_pattern" type="radio"/>
                             </label>
                         </td>
                         <td>
                             <label class="chd-color-combi">
-                                <span class="pf-color6"/>
+                                <span class="pf-color6" />
                                 <input data-enable="less" data-xmlid="kingfisher_pro.option_bg_pattern_6" name="colorvar_pattern" type="radio"/>
                             </label>
                         </td>
                     </tr>
                 </table>
+
             </xpath>
+
             <xpath expr="//div//table[@name='font']" position="replace">
                 <table name="font">
                     <tr>
@@ -253,12 +259,15 @@
                     </tr>
                 </table>
             </xpath>
+
         </template>
-        <template active="False" customize_show="True" id="website_less.option_layout_boxed" inherit_id="website_less.default_options" name="option_layout_boxed">
+
+        <template id="website_less.option_layout_boxed" name="option_layout_boxed" inherit_id="website_less.default_options" active="False" customize_show="True">
             <xpath expr="//t[@id='default_options']" position="inside">
                 <link href="/website_less/static/src/less/option_layout_boxed.less" rel="stylesheet" type="text/less"/>
                 <link href="/kingfisher_pro/static/src/less/options/layout/boxed.less" rel="stylesheet" type="text/less"/>
             </xpath>
         </template>
+
     </data>
 </openerp>