Editing hikashopproductinsert_view.php To Enable Product Image Popup

Hello, I am using Hiksahop Starter and need to change the hikashopproductinsert_view.php file located in the folder:

root--plugins-system--hikashopproductinsert

so that when the Product Image is clicked it will open a Popup Window with the enlarged Product Image
instead of linking and opening the Product Page (which is the template show_default).

So essentially I need to know what code to add/modify in the hikashopproductinsert_view.php file to get the same Product Image Popup functionality as is in the Product Detail Page (show_default template).

Thanks

Hello,

In order to get what you asked, there is a better way than editing the "hikashopproductinsert" plugin, it's to create an override view as this thread explain it : Popup from thumbnail

Note : This documentation about HikaShop override view processing

Hope this will help you.

Regards

Thanks for your reply, Philip, but I was hoping for a more detailed response actually giving me step by step instructions as to how to add an anchor tag an/or existing php function call to open up a popup window containing the product image which overlaps/overlays the current display containing the product info produced by the inserted product view within the article

My problem is that I need to know what code to use to make this popup happen in the product-insert-view file.
Even if I create a new view, I need to know what code to put in it and then how to use that view as the view used for the product-insert short code.

I have tried modifying the code in the current hikashopproductinsert_view.php but it does not open a new smaller window overlaying the current page, it opens a new _blank window which takes the whole browser area so it looks like the SqueezeBox code that I added is not functioning as it does in the original standard Hikashop Product Page default view.

You can see an example here: koimadura.org/index.php/aquaponics/2017-07-12-01-58-53

Can you please give me more specific details how to do this?

Update:

I figured out what the page was missing by comparing the main product page source to the article inserted product page source.

The article inserted product page was missing:

<link rel="stylesheet" type="text/css" href="/media/system/css/modal.css">
<script src="/media/system/js/modal.js" type="text/javascript"></script>

which I appended to the head using javascript.