Need To Change How Pop-Up Window Get Displayed

Hi flocks, I need to change how pop-up window get displayed at front-end.
A help-tip at back-end get displayed when we move mouse over (?) mark, but when we move mouse over (?) mark at front-end (eg; product detail page: feature tab) nothing happens, but when we click on (?) mark a separate window appear describing that particular feature.

Now I want to achieve the effect found at back-end on front-end, I mean when user move mouse over (?) mark help-tip must get displayed.

Any guide how to achieve this effect is much appreciated.
I have attached image files to be clear my-self.

Backend Popup.png

Frontend Popup.png

Fill in the description box in the required option

https://prnt.sc/i0socf

design/themes/THEME/templates/views/products/components/product_features.tpl

replace

{include file="common/help.tpl" text=$feature.description content=$feature.full_description id=$feature.feature_id show_brackets=false link_text="" wysiwyg=true}

with

{include file="common/tooltip.tpl" tooltip=$feature.full_description}

Then clear cache

http://prntscr.com/i11pzy

eComLabs have great experience in providing solutions based on CS-Cart and this shows in this post. You struck to the crux of the problem, many thanks to your company

eComLabs have great experience in providing solutions based on CS-Cart and this shows in this post. You struck to the crux of the problem, many thanks to your company

You are welcome! :)

Very nice indeed ;) thanks for sharing

design/themes/THEME/templates/views/products/components/product_features.tpl

replace

{include file="common/help.tpl" text=$feature.description content=$feature.full_description id=$feature.feature_id show_brackets=false link_text="" wysiwyg=true}

with

{include file="common/tooltip.tpl" tooltip=$feature.full_description}

Then clear cache

http://prntscr.com/i11pzy