What's New
Viewing 5 posts - 1 through 5 (of 5 total)
Viewing 5 posts - 1 through 5 (of 5 total)
You must be logged in to reply to this topic.
Hi,
I’m looking to make the product name appear on hover of the product image with the featured product slider module, and maybe make other things to appear on the hover for example a button “product page” or something like that which redirect to the product page.
Is there an easy way to do it ?
I’m using prestashop V 1.7.4.2
and theme version v 2.4.5
Regards…
Yes only for this module which appear on my home page, for the other pages (category for example) I have the title of the product and the “add to basket” button under the product image, so I don’t need it for other pages.
for example I’m looking to do something like on this website (but with product name instead of “détail” button) :
You have to edit the themes\panda\templates\catalog\_partials\miniatures\product.tpl file.
1. Add a piece of code like this inside the “pro_first_box” div
<div class="hover_out_content flex_container flex_center"><div class="hover_out_content_name">{$product.name}</div></div>
2. Add this custom css code.
.hover_out_content{position:absolute;z-index:3;background:rgba(255,255,255,0.2);left:0;right:0;bottom:0;top:0;display:none;}
.stfeaturedslider_container .pro_first_box:hover .hover_out_content{display:flex;}
You must be logged in to reply to this topic.