What's New
This topic contains 4 replies, has 2 voices, and was last updated by dimitrisgilis Jan '22.
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.
This topic contains 4 replies, has 2 voices, and was last updated by dimitrisgilis Jan '22.
Hi there,
Hope all team is good in theese strange days.
I want to make the following and need some advice on how is possible.
When hovering over a product in a product list (on homepage or other), I want to have being displayed a text box with some of the features (characteristics) of the product..
Can i modify the module “hovere image” on product extras to achieve something like that?
Cheers,
D
1. Find the line starting with this in the \themes\transformer\templates\catalog\_partials\miniatures\product.tpl file.
<div class="pro_first_box
Add this code right below.
<div class="pro_first_short_desc">{$product.description_short nofilter}</div>
2. Put this code to the custom css code.
.pro_first_short_desc{position: absolute;left: 0;right: 0;top: 0;bottom: 0;overflow: hidden;display: none;background: rgba(255, 255, 255, 0.2);}
.pro_outer_box:hover .pro_first_short_desc{display: flex;align-items: center;justify-content: center;z-index: 10;}
You must be logged in to reply to this topic.