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

[FIX] website_sale_product_library: revert JS hover and center iframe on product image

Browse source
This commit is contained in:
snt 2026-03-29 18:25:56 +02:00
parent b072f3b73f
commit b9af48239e
3 changed files with 17 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

1
website_sale_product_library/__manifest__.py
View file

@ -21,7 +21,6 @@ Modifica la tienda online con los campos de product_library.
"data": ["views/website_sale_views.xml"],
"assets": {
"web.assets_frontend": [
"website_sale_product_library/static/src/js/multimedia_hover_player.js",
"website_sale_product_library/static/src/scss/custom.scss",
],
},

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

@ -8,33 +8,32 @@
border-radius: 6px;
}
// El player se inserta al final de o_wsale_product_information, en el flujo normal del flex
.o_multimedia_hover_player {
overflow: hidden;
max-height: 0;
opacity: 0;
pointer-events: none;
transition: max-height 0.25s ease-in-out, opacity 0.2s ease-in-out;
// Player centrado sobre la imagen de producto (sin ocultado por hover)
.o_wsale_product_img_link {
position: relative;
}
.oe_product_cart:hover .o_multimedia_hover_player,
.o_multimedia_hover_player:hover,
.oe_product_cart.o_multimedia_player_active .o_multimedia_hover_player,
.o_multimedia_hover_player:focus-within {
max-height: 60px;
opacity: 1;
.o_multimedia_image_player {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: min(86%, 320px);
z-index: 4;
pointer-events: auto;
}
.o_multimedia_hover_player iframe,
.o_multimedia_image_player iframe,
.o_multimedia_product_player iframe {
width: 100%;
min-width: 0;
display: block;
border-radius: 8px;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}
@media (max-width: 991.98px) {
.o_multimedia_hover_player {
display: none !important;
.o_multimedia_image_player {
width: min(92%, 300px);
}
}

4
website_sale_product_library/views/website_sale_views.xml
View file

@ -13,8 +13,8 @@
<span t-if="product.autor"><b><t t-out="product.autor" /></b></span>
</a>
</xpath>
<xpath expr="//div[hasclass('o_wsale_product_sub')]" position="after">
<div t-if="product.multimedia_embed_url" class="o_multimedia_hover_player">
<xpath expr="//a[hasclass('o_wsale_product_img_link')]" position="inside">
<div t-if="product.multimedia_embed_url" class="o_multimedia_image_player">
<iframe
loading="lazy"
t-att-src="product.multimedia_embed_url"