CriptoMart/obook
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Fix xpath: use oe_product_image_link inside products_item for multimedia hover player

Browse source
This commit is contained in:
snt 2026-03-29 17:14:32 +02:00
parent 5d99dbeaeb
commit d3a4cfc4a6
2 changed files with 6 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

12
website_sale_product_library/static/src/scss/custom.scss
View file

@ -8,24 +8,21 @@
border-radius: 6px; border-radius: 6px;
} }
.oe_product_cart { // El div.oe_product_image ya tiene position: relative, el player va dentro
position: relative;
}
.o_multimedia_hover_player { .o_multimedia_hover_player {
position: absolute; position: absolute;
left: 0; left: 0;
right: 0; right: 0;
bottom: 0.75rem; bottom: 0;
z-index: 4; z-index: 4;
opacity: 0; opacity: 0;
pointer-events: none; pointer-events: none;
transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out;
padding: 0 0.5rem; padding: 0;
} }
.oe_product_cart:hover .o_multimedia_hover_player, .oe_product_cart:hover .o_multimedia_hover_player,
.oe_product_cart .o_multimedia_hover_player:hover { .o_multimedia_hover_player:hover {
opacity: 1; opacity: 1;
pointer-events: auto; pointer-events: auto;
} }
@ -34,6 +31,7 @@
.o_multimedia_product_player iframe { .o_multimedia_product_player iframe {
width: 100%; width: 100%;
min-width: 0; min-width: 0;
display: block;
} }
@media (max-width: 991.98px) { @media (max-width: 991.98px) {

2
website_sale_product_library/views/website_sale_views.xml
View file

@ -13,7 +13,7 @@
<span t-if="product.autor"><b><t t-out="product.autor" /></b></span> <span t-if="product.autor"><b><t t-out="product.autor" /></b></span>
</a> </a>
</xpath> </xpath>
<xpath expr="//div[contains(@class, 'o_wsale_product_grid_wrapper')]" position="after"> <xpath expr="//a[hasclass('oe_product_image_link')]" position="after">
<div t-if="product.multimedia_embed_url" class="o_multimedia_hover_player"> <div t-if="product.multimedia_embed_url" class="o_multimedia_hover_player">
<iframe <iframe
loading="lazy" loading="lazy"