Goal:
adding an icon container which i can use later with a javascript, this should not harm existing stuff
first i tried to replace the ribbon which works but this was not a good idea i think :-) it harms....
i don't want to replace the existing picture, i just want to add a icon container which should be hidden in background
info:
not sure if i would need the <a> this is how its done in some areas i have checked ...maybe giving the icon container z-index: and or display: none; to later activate it via the css or java script
Thats what i tried yet:
<template id="products_item_icon_container" inherit_id="website_sale.products_item" name="icon container">
<xpath expr="//div[@class='oe_product_image']" position="after">
<!-- Product Image --> |
<div class="oe_product_image"> |
<a itemprop="url" class="front" t-att-href="keep('/shop/product/%s' % slug(product), page=(pager['page']['num'] if pager['page']['num']>1 else None))"> |
<img itemprop="image" class="img img-responsive" t-att-src="website.image_url(product, 'image', None if product_image_big else '300x300')" t-att-alt="product.name"/> |
</a> |
<div class="icon_container"> |
<img src="/shopgrid_config/static/img/icon_box.png"/> |
</div> |
</div> |
</xpath> |
</template> |
thanks |