[Skip to main content](#vessel-content)

#   Show actual image size in popup

##

- **[mmorrison](/forum/user/31943-mmorrison "View mmorrison's Profile")**
- [![mmorrison's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/31943-mmorrison "View mmorrison's Profile") Topic Author
- [ Offline](/forum/user/31943-mmorrison)

Less More

- Posts: 4
- Thank you received: 0
-
-

11 years 11 months ago -  11 years 11 months ago [\#179509](#179509) by [mmorrison](/forum/user/31943-mmorrison "View mmorrison's Profile")  *[Show actual image size in popup](/forum/25-install-update/872991-show-actual-image-size-in-popup#179509 "-- HikaShop version -- : 2.3.0 -- Joomla version -- : 3.3.6 -- PHP version -- : 5.3.20  Hi,  When the user clicks on an image on the product page, a popup of the image is shown which seems to be scaled based on the size of the browser being used. Is there a way to show the full-sized image that was originally uploaded? I would be ok if it shows the same sized popup, but it would need to have sliders/scroll bars so the user can see the whole image.  I've done some research on this and I believe it requires modifying the show&#95;block&#95;img file for the product view, but I'm not sure what change I need to make for this.  Thanks, Mike  EDIT: Looks like I posted this in the wrong section - not sure how to move it...")* was created by *[mmorrison](/forum/user/31943-mmorrison "View mmorrison's Profile")*

-- HikaShop version -- : 2.3.0
-- Joomla version -- : 3.3.6
-- PHP version -- : 5.3.20

Hi,

When the user clicks on an image on the product page, a popup of the image is shown which seems to be scaled based on the size of the browser being used. Is there a way to show the full-sized image that was originally uploaded? I would be ok if it shows the same sized popup, but it would need to have sliders/scroll bars so the user can see the whole image.

I've done some research on this and I believe it requires modifying the show_block_img file for the product view, but I'm not sure what change I need to make for this.

Thanks,
Mike

EDIT: Looks like I posted this in the wrong section - not sure how to move it...

Last edit: 11 years 11 months ago by [mmorrison](/forum/user/31943-mmorrison "View mmorrison's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg3Mjk5MS1zaG93LWFjdHVhbC1pbWFnZS1zaXplLWluLXBvcHVwP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86292
- Thank you received: 14270
-
-

11 years 11 months ago [\#179520](#179520) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Show actual image size in popup](/forum/25-install-update/872991-show-actual-image-size-in-popup#179520 "-- HikaShop version -- : 2.3.0 -- Joomla version -- : 3.3.6 -- PHP version -- : 5.3.20  Hi,  When the user clicks on an image on the product page, a popup of the image is shown which seems to be scaled based on the size of the browser being used. Is there a way to show the full-sized image that was originally uploaded? I would be ok if it shows the same sized popup, but it would need to have sliders/scroll bars so the user can see the whole image.  I've done some research on this and I believe it requires modifying the show&#95;block&#95;img file for the product view, but I'm not sure what change I need to make for this.  Thanks, Mike  EDIT: Looks like I posted this in the wrong section - not sure how to move it...")*

Hi,

That's indeed the case. The system displays the image at the size of the browser window.
There is no option to change that.
What you can do is deactivate the popup so that it displays directly the image on the full page.
So instead of Code:

echo $this-&gt;popup-&gt;image($html, $img-&gt;origin_url, null, $attr);

in the show_block_img view file, you would put Code:

echo '&lt;a href="'.$img-&gt;origin_url.'" target="_blank"&gt;'.$html.'&lt;/a&gt;';

The following user(s) said Thank You: [mmorrison](/forum/user/31943-mmorrison "View mmorrison's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg3Mjk5MS1zaG93LWFjdHVhbC1pbWFnZS1zaXplLWluLXBvcHVwP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[mmorrison](/forum/user/31943-mmorrison "View mmorrison's Profile")**
- [![mmorrison's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/31943-mmorrison "View mmorrison's Profile") Topic Author
- [ Offline](/forum/user/31943-mmorrison)

Less More

- Posts: 4
- Thank you received: 0
-
-

11 years 11 months ago [\#179671](#179671) by [mmorrison](/forum/user/31943-mmorrison "View mmorrison's Profile")  Replied by *[mmorrison](/forum/user/31943-mmorrison "View mmorrison's Profile")* on topic *[Show actual image size in popup](/forum/25-install-update/872991-show-actual-image-size-in-popup#179671 "-- HikaShop version -- : 2.3.0 -- Joomla version -- : 3.3.6 -- PHP version -- : 5.3.20  Hi,  When the user clicks on an image on the product page, a popup of the image is shown which seems to be scaled based on the size of the browser being used. Is there a way to show the full-sized image that was originally uploaded? I would be ok if it shows the same sized popup, but it would need to have sliders/scroll bars so the user can see the whole image.  I've done some research on this and I believe it requires modifying the show&#95;block&#95;img file for the product view, but I'm not sure what change I need to make for this.  Thanks, Mike  EDIT: Looks like I posted this in the wrong section - not sure how to move it...")*

Ok, so that brings it up in a separate window/tab that shows the full sized image. I also had to replace Code:

echo $this-&gt;popup-&gt;image($html, $img-&gt;origin_url, $id, $attr, array('gallery' =&gt; 'hikashop_main_image'));

with Code:

echo '&lt;a '.$attr.' href="'.$img-&gt;origin_url.'" target="_blank"&gt;'.$html.'&lt;/a&gt;';

in order to get the same behaviour when clicking on the thumbnails. I'm still having an issue with clicking on the main image though - when I have the second image showing and I click on the main image, it brings up the first one in the new window instead of the currently 'selected' image.

I'm also not sure I want this to come up in a separate window - I assume I would need to install some kind of plugin to get access to a popup that allows the user to view a full-sized image (and perhaps scroll around on it)? If this is the case, any recommendations on a good free one to use?

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg3Mjk5MS1zaG93LWFjdHVhbC1pbWFnZS1zaXplLWluLXBvcHVwP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86292
- Thank you received: 14270
-
-

11 years 11 months ago [\#179674](#179674) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Show actual image size in popup](/forum/25-install-update/872991-show-actual-image-size-in-popup#179674 "-- HikaShop version -- : 2.3.0 -- Joomla version -- : 3.3.6 -- PHP version -- : 5.3.20  Hi,  When the user clicks on an image on the product page, a popup of the image is shown which seems to be scaled based on the size of the browser being used. Is there a way to show the full-sized image that was originally uploaded? I would be ok if it shows the same sized popup, but it would need to have sliders/scroll bars so the user can see the whole image.  I've done some research on this and I believe it requires modifying the show&#95;block&#95;img file for the product view, but I'm not sure what change I need to make for this.  Thanks, Mike  EDIT: Looks like I posted this in the wrong section - not sure how to move it...")*

There is no such plugin.
If you want to go further and have a popup like you want, you'll have to add some more complex custom code.

The best would be to contact our partners and request a quote for such customization:
[ www.hikashop.com/home/our-partners.html](http://www.hikashop.com/home/our-partners.html)

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg3Mjk5MS1zaG93LWFjdHVhbC1pbWFnZS1zaXplLWluLXBvcHVwP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[mmorrison](/forum/user/31943-mmorrison "View mmorrison's Profile")**
- [![mmorrison's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/31943-mmorrison "View mmorrison's Profile") Topic Author
- [ Offline](/forum/user/31943-mmorrison)

Less More

- Posts: 4
- Thank you received: 0
-
-

11 years 11 months ago [\#179763](#179763) by [mmorrison](/forum/user/31943-mmorrison "View mmorrison's Profile")  Replied by *[mmorrison](/forum/user/31943-mmorrison "View mmorrison's Profile")* on topic *[Show actual image size in popup](/forum/25-install-update/872991-show-actual-image-size-in-popup#179763 "-- HikaShop version -- : 2.3.0 -- Joomla version -- : 3.3.6 -- PHP version -- : 5.3.20  Hi,  When the user clicks on an image on the product page, a popup of the image is shown which seems to be scaled based on the size of the browser being used. Is there a way to show the full-sized image that was originally uploaded? I would be ok if it shows the same sized popup, but it would need to have sliders/scroll bars so the user can see the whole image.  I've done some research on this and I believe it requires modifying the show&#95;block&#95;img file for the product view, but I'm not sure what change I need to make for this.  Thanks, Mike  EDIT: Looks like I posted this in the wrong section - not sure how to move it...")*

Ok, I may leave it with the new window then. Any ideas for the issue when clicking on the main image (while the second image is showing)?

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg3Mjk5MS1zaG93LWFjdHVhbC1pbWFnZS1zaXplLWluLXBvcHVwP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Jerome](/forum/user/80-jerome "View Jerome's Profile")**
- [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile")
- [ Offline](/forum/user/80-jerome)
- HikaShop core developer

Less More

- Posts: 26394
- Thank you received: 4078
-
- [](http://obsi.dev)
-

11 years 11 months ago [\#179783](#179783) by [Jerome](/forum/user/80-jerome "View Jerome's Profile")  Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Show actual image size in popup](/forum/25-install-update/872991-show-actual-image-size-in-popup#179783 "-- HikaShop version -- : 2.3.0 -- Joomla version -- : 3.3.6 -- PHP version -- : 5.3.20  Hi,  When the user clicks on an image on the product page, a popup of the image is shown which seems to be scaled based on the size of the browser being used. Is there a way to show the full-sized image that was originally uploaded? I would be ok if it shows the same sized popup, but it would need to have sliders/scroll bars so the user can see the whole image.  I've done some research on this and I believe it requires modifying the show&#95;block&#95;img file for the product view, but I'm not sure what change I need to make for this.  Thanks, Mike  EDIT: Looks like I posted this in the wrong section - not sure how to move it...")*

Hi,

If you have some "old" view override for the product page, it is possible that you do not have the script which change the targeted image when switching the thumbnail.
When you click on the main image, there is some javascript which cancel your click and simulate a click on the selected thumbnail.

These javascript functions are at the bottom of the view "product &#124; show_block_img".
Function names are " window.localPage.changeImage " and " window.localPage.openImage ".

Regards,

---

Jerome - Obsidev.com
HikaMarket &amp; HikaSerial developer / HikaShop core dev team.

The following user(s) said Thank You: [mmorrison](/forum/user/31943-mmorrison "View mmorrison's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg3Mjk5MS1zaG93LWFjdHVhbC1pbWFnZS1zaXplLWluLXBvcHVwP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[mmorrison](/forum/user/31943-mmorrison "View mmorrison's Profile")**
- [![mmorrison's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/31943-mmorrison "View mmorrison's Profile") Topic Author
- [ Offline](/forum/user/31943-mmorrison)

Less More

- Posts: 4
- Thank you received: 0
-
-

11 years 11 months ago [\#179856](#179856) by [mmorrison](/forum/user/31943-mmorrison "View mmorrison's Profile")  Replied by *[mmorrison](/forum/user/31943-mmorrison "View mmorrison's Profile")* on topic *[Show actual image size in popup](/forum/25-install-update/872991-show-actual-image-size-in-popup#179856 "-- HikaShop version -- : 2.3.0 -- Joomla version -- : 3.3.6 -- PHP version -- : 5.3.20  Hi,  When the user clicks on an image on the product page, a popup of the image is shown which seems to be scaled based on the size of the browser being used. Is there a way to show the full-sized image that was originally uploaded? I would be ok if it shows the same sized popup, but it would need to have sliders/scroll bars so the user can see the whole image.  I've done some research on this and I believe it requires modifying the show&#95;block&#95;img file for the product view, but I'm not sure what change I need to make for this.  Thanks, Mike  EDIT: Looks like I posted this in the wrong section - not sure how to move it...")*

Alright, I decided to update after realizing that my customizations were fairly easy to repeat. That didn't work, however I figured out by accident what I needed to fix this - the first change that nicolas provided actually needed to be removed:

> So instead of
>
> Code:
>
> echo $this-&gt;popup-&gt;image($html, $img-&gt;origin_url, null, $attr);
>
>
>
> in the show\_block\_img view file, you would put Code:
>
> echo '&lt;a href="'.$img-&gt;origin_url.'" target="_blank"&gt;'.$html.'&lt;/a&gt;';

I did keep the second change I made for the thumbnails, and that seems to have worked. Thank you both for your help!

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg3Mjk5MS1zaG93LWFjdHVhbC1pbWFnZS1zaXplLWluLXBvcHVwP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop- Install &amp; Update- Product &amp; Category Display- Content Creation- Sales and Orders- - Orders management- - Reports &amp; Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import &amp; Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel &amp; Slider- - Mass Actions- - Filters &amp; Search- - Discount &amp; Coupon- - Feature Request- Integrations- Showcase- General Talk about HikaShop- Development- - HikaShop 3.0 Beta- Translation- Commercial Jobs HikaShop Components- HikaMarket- - Market: Feature requests- - Market: How to?- - Market: Bug Report- HikaSerial- - General talk about HikaSerial- - Serial: Bug Report- - Serial: How to?- - Support en Français de HikaSerial (French Support)- - HikaSubscription- HikaAuction- - Auction: Feature requests- - Auction: How to?- - Auction: Bug report Hikashop around the world- Support en Français (French Support)- Russian- - FAQ. Курс выживания с Hikashop. Частые вопросы и о- - Расширения Hikashop- - Наши сайты на Hikashop- 日本語版サポート(Japanese Support)- Thai- German Archives- Bug Report- How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.201 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)

[](#top)
