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

Move multimedia player to bottom of product card, after price/cart buttons

Browse source
This commit is contained in:
snt 2026-03-29 17:25:03 +02:00
parent d3a4cfc4a6
commit 074b4b7281
2 changed files with 6 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -8,21 +8,18 @@
border-radius: 6px; border-radius: 6px;
} }
// El div.oe_product_image ya tiene position: relative, el player va dentro // El player se inserta al final de o_wsale_product_information, en el flujo normal del flex
.o_multimedia_hover_player { .o_multimedia_hover_player {
position: absolute; overflow: hidden;
left: 0; max-height: 0;
right: 0;
bottom: 0;
z-index: 4;
opacity: 0; opacity: 0;
pointer-events: none; pointer-events: none;
transition: opacity 0.2s ease-in-out; transition: max-height 0.25s ease-in-out, opacity 0.2s ease-in-out;
padding: 0;
} }
.oe_product_cart:hover .o_multimedia_hover_player, .oe_product_cart:hover .o_multimedia_hover_player,
.o_multimedia_hover_player:hover { .o_multimedia_hover_player:hover {
max-height: 60px;
opacity: 1; opacity: 1;
pointer-events: auto; pointer-events: auto;
} }

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="//a[hasclass('oe_product_image_link')]" position="after"> <xpath expr="//div[hasclass('o_wsale_product_sub')]" 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"