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

#   responsive images for mobiles

##

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

Less More

- Posts: 22
- Thank you received: 2
-
-

5 years 4 months ago [\#333556](#333556) by [kaito](/forum/user/61402-kaito "View kaito's Profile")  *[responsive images for mobiles](/forum/26-product-category-display/902787-responsive-images-for-mobiles#333556 "-- HikaShop version -- : HikaShop Starter 4.4.2 -- Joomla version -- : 3.9.27 -- PHP version -- : 7.4.3 -- Browser(s) name and version -- : Chrome Versión 90.0.4430.212 (Build oficial) (64 bits)  Hi: I have products with variants and when I click on variants thumbnail in desktop view it show me the correct image wiew (see image 1), but if i use mobile resolution, images do not resize to width screen , they seem to resize to height screen (see image 2). How can I solve it? Thanks in advance, Ricardo")* was created by *[kaito](/forum/user/61402-kaito "View kaito's Profile")*

-- HikaShop version -- : HikaShop Starter 4.4.2
-- Joomla version -- : 3.9.27
-- PHP version -- : 7.4.3
-- Browser(s) name and version -- : Chrome Versión 90.0.4430.212 (Build oficial) (64 bits)

Hi:
I have products with variants and when I click on variants thumbnail in desktop view it show me the correct image wiew (see image 1), but if i use mobile resolution, images do not resize to width screen , they seem to resize to height screen (see image 2). How can I solve it?
Thanks in advance,
Ricardo

- [ ![image&#95;2.JPG](/forum/attachment/53006) ](/forum/attachment/53006 "image&#95;2.JPG") [ ](/forum/attachment/53006?download=1 "image&#95;2.JPG")
- [ ![image&#95;1.JPG](/forum/attachment/53007) ](/forum/attachment/53007 "image&#95;1.JPG") [ ](/forum/attachment/53007?download=1 "image&#95;1.JPG")

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

- **[Philip](/forum/user/34318-philip "View Philip's Profile")**
- [![Philip's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar34318_2015-11-18-2.png)](/forum/user/34318-philip "View Philip's Profile")
- [ Offline](/forum/user/34318-philip)

Less More

- Posts: 4820
- Thank you received: 654
-
-

5 years 4 months ago [\#333558](#333558) by [Philip](/forum/user/34318-philip "View Philip's Profile")  Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[responsive images for mobiles](/forum/26-product-category-display/902787-responsive-images-for-mobiles#333558 "-- HikaShop version -- : HikaShop Starter 4.4.2 -- Joomla version -- : 3.9.27 -- PHP version -- : 7.4.3 -- Browser(s) name and version -- : Chrome Versión 90.0.4430.212 (Build oficial) (64 bits)  Hi: I have products with variants and when I click on variants thumbnail in desktop view it show me the correct image wiew (see image 1), but if i use mobile resolution, images do not resize to width screen , they seem to resize to height screen (see image 2). How can I solve it? Thanks in advance, Ricardo")*

Hello,

can you provide an Url link in order to allow us to investigate on your Css issue, and better answer you.
Awaiting your elements to be able to progress on your subject.

Regards

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

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

Less More

- Posts: 22
- Thank you received: 2
-
-

5 years 4 months ago [\#333585](#333585) by [kaito](/forum/user/61402-kaito "View kaito's Profile")  Replied by *[kaito](/forum/user/61402-kaito "View kaito's Profile")* on topic *[responsive images for mobiles](/forum/26-product-category-display/902787-responsive-images-for-mobiles#333585 "-- HikaShop version -- : HikaShop Starter 4.4.2 -- Joomla version -- : 3.9.27 -- PHP version -- : 7.4.3 -- Browser(s) name and version -- : Chrome Versión 90.0.4430.212 (Build oficial) (64 bits)  Hi: I have products with variants and when I click on variants thumbnail in desktop view it show me the correct image wiew (see image 1), but if i use mobile resolution, images do not resize to width screen , they seem to resize to height screen (see image 2). How can I solve it? Thanks in advance, Ricardo")*

Hi Philip:
I have upload web from my localhost to online (it is still in development), url: [ bodegasanmiguel.es/index.php/es/tienda-d...polosa-rosado-joven#](https://bodegasanmiguel.es/index.php/es/tienda-d-2/a-3/product/20-campolosa-rosado-joven#)
When you are in desktop resolution everuthing is ok, but when you change screen to mobile, then if you click in variants product thumnails they loose ratio and fit to heigh screen instead of fitting to width screen.
For mobile, if you click in product image decsription, then this thumnail fits correct to width screeen.
Regards
Ricardo

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

- **[Philip](/forum/user/34318-philip "View Philip's Profile")**
- [![Philip's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar34318_2015-11-18-2.png)](/forum/user/34318-philip "View Philip's Profile")
- [ Offline](/forum/user/34318-philip)

Less More

- Posts: 4820
- Thank you received: 654
-
-

5 years 4 months ago -  5 years 4 months ago [\#333587](#333587) by [Philip](/forum/user/34318-philip "View Philip's Profile")  Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[responsive images for mobiles](/forum/26-product-category-display/902787-responsive-images-for-mobiles#333587 "-- HikaShop version -- : HikaShop Starter 4.4.2 -- Joomla version -- : 3.9.27 -- PHP version -- : 7.4.3 -- Browser(s) name and version -- : Chrome Versión 90.0.4430.212 (Build oficial) (64 bits)  Hi: I have products with variants and when I click on variants thumbnail in desktop view it show me the correct image wiew (see image 1), but if i use mobile resolution, images do not resize to width screen , they seem to resize to height screen (see image 2). How can I solve it? Thanks in advance, Ricardo")*

Hello,

So far, it seems that the Shadowbox for a reason or another fail to define dynamically your popup size, see my screenshot :
[ ![alt](https://i.ibb.co/2Znnp92/shadowbox.png) ](https://i.ibb.co/2Znnp92/shadowbox.png "alt")

Can you try to use the Swipebox image popup (instead of shadow box) to see if that won't solve your issue ?
Hope this will help you to solve your current issue.

Regards

Last edit: 5 years 4 months ago by [Philip](/forum/user/34318-philip "View Philip's Profile").

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

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

Less More

- Posts: 22
- Thank you received: 2
-
-

5 years 4 months ago [\#333593](#333593) by [kaito](/forum/user/61402-kaito "View kaito's Profile")  Replied by *[kaito](/forum/user/61402-kaito "View kaito's Profile")* on topic *[responsive images for mobiles](/forum/26-product-category-display/902787-responsive-images-for-mobiles#333593 "-- HikaShop version -- : HikaShop Starter 4.4.2 -- Joomla version -- : 3.9.27 -- PHP version -- : 7.4.3 -- Browser(s) name and version -- : Chrome Versión 90.0.4430.212 (Build oficial) (64 bits)  Hi: I have products with variants and when I click on variants thumbnail in desktop view it show me the correct image wiew (see image 1), but if i use mobile resolution, images do not resize to width screen , they seem to resize to height screen (see image 2). How can I solve it? Thanks in advance, Ricardo")*

Hi Philip:

Where can I select Swipebox popup type? I don´t see it in my Display configuration (please, see image attached).

Kind regards,

Ricardo

- [ ![POPUP&#95;IMAGE&#95;CONFIGURATION.JPG](/forum/attachment/53019) ](/forum/attachment/53019 "...FIGURATION.JPG") [ ](/forum/attachment/53019?download=1 "...FIGURATION.JPG")

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

- **[Philip](/forum/user/34318-philip "View Philip's Profile")**
- [![Philip's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar34318_2015-11-18-2.png)](/forum/user/34318-philip "View Philip's Profile")
- [ Offline](/forum/user/34318-philip)

Less More

- Posts: 4820
- Thank you received: 654
-
-

5 years 4 months ago -  5 years 4 months ago [\#333594](#333594) by [Philip](/forum/user/34318-philip "View Philip's Profile")  Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[responsive images for mobiles](/forum/26-product-category-display/902787-responsive-images-for-mobiles#333594 "-- HikaShop version -- : HikaShop Starter 4.4.2 -- Joomla version -- : 3.9.27 -- PHP version -- : 7.4.3 -- Browser(s) name and version -- : Chrome Versión 90.0.4430.212 (Build oficial) (64 bits)  Hi: I have products with variants and when I click on variants thumbnail in desktop view it show me the correct image wiew (see image 1), but if i use mobile resolution, images do not resize to width screen , they seem to resize to height screen (see image 2). How can I solve it? Thanks in advance, Ricardo")*

Hello,

You will find this option, in **Main HikaShop** configuration page :
- Go to **Display** tab
- In **General display options** part
[ ![alt](https://i.ibb.co/31RR24D/popup-mode.png) ](https://i.ibb.co/31RR24D/popup-mode.png "alt")

Hope this will help you to solve your current issue.
Regards

Last edit: 5 years 4 months ago by [Philip](/forum/user/34318-philip "View Philip's Profile").

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

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

Less More

- Posts: 22
- Thank you received: 2
-
-

5 years 4 months ago [\#333620](#333620) by [kaito](/forum/user/61402-kaito "View kaito's Profile")  Replied by *[kaito](/forum/user/61402-kaito "View kaito's Profile")* on topic *[responsive images for mobiles](/forum/26-product-category-display/902787-responsive-images-for-mobiles#333620 "-- HikaShop version -- : HikaShop Starter 4.4.2 -- Joomla version -- : 3.9.27 -- PHP version -- : 7.4.3 -- Browser(s) name and version -- : Chrome Versión 90.0.4430.212 (Build oficial) (64 bits)  Hi: I have products with variants and when I click on variants thumbnail in desktop view it show me the correct image wiew (see image 1), but if i use mobile resolution, images do not resize to width screen , they seem to resize to height screen (see image 2). How can I solve it? Thanks in advance, Ricardo")*

Hi Philip:
There is no option swipebox or mootools in that menu (see image attached) in my Hikashop version Starter 4.4.2 and this is the latest Hikashop version available.
Is there any way to import swipebox and mootools options to check fitting performance for images in mobiles?
Thanks in advance,
Ricardo

- [ ![POPUP&#95;IMAGE&#95;CONFIGURATION&#95;2021-06-18.JPG](/forum/attachment/53031) ](/forum/attachment/53031 "...2021-06-18.JPG") [ ](/forum/attachment/53031?download=1 "...2021-06-18.JPG")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDI3ODctcmVzcG9uc2l2ZS1pbWFnZXMtZm9yLW1vYmlsZXM/dG1wbD1tYXJrZG93bg==) 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?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86316
- Thank you received: 14276
-
-

5 years 4 months ago [\#333634](#333634) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[responsive images for mobiles](/forum/26-product-category-display/902787-responsive-images-for-mobiles#333634 "-- HikaShop version -- : HikaShop Starter 4.4.2 -- Joomla version -- : 3.9.27 -- PHP version -- : 7.4.3 -- Browser(s) name and version -- : Chrome Versión 90.0.4430.212 (Build oficial) (64 bits)  Hi: I have products with variants and when I click on variants thumbnail in desktop view it show me the correct image wiew (see image 1), but if i use mobile resolution, images do not resize to width screen , they seem to resize to height screen (see image 2). How can I solve it? Thanks in advance, Ricardo")*

Hi,

Swipebox and other image popup mechanisms are availables only after installing and enabling this plugin from our marketplace:
[ www.hikashop.com/marketplace/product/117...pups-by-obsidev.html](https://www.hikashop.com/marketplace/product/117-integration-imagepopups-by-obsidev.html)

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

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

Less More

- Posts: 22
- Thank you received: 2
-
-

5 years 4 months ago [\#333646](#333646) by [kaito](/forum/user/61402-kaito "View kaito's Profile")  Replied by *[kaito](/forum/user/61402-kaito "View kaito's Profile")* on topic *[responsive images for mobiles](/forum/26-product-category-display/902787-responsive-images-for-mobiles#333646 "-- HikaShop version -- : HikaShop Starter 4.4.2 -- Joomla version -- : 3.9.27 -- PHP version -- : 7.4.3 -- Browser(s) name and version -- : Chrome Versión 90.0.4430.212 (Build oficial) (64 bits)  Hi: I have products with variants and when I click on variants thumbnail in desktop view it show me the correct image wiew (see image 1), but if i use mobile resolution, images do not resize to width screen , they seem to resize to height screen (see image 2). How can I solve it? Thanks in advance, Ricardo")*

Hi Nicolas:

following your suggestion, I have just bougth swipebox plugin from your marketplace, installed and published, selected as popup type in Hikashop display, but image thumbnails still don´t fit in mobile size.

Please, any help with this isssue?

Thanks in advance,

Ricardo

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDI3ODctcmVzcG9uc2l2ZS1pbWFnZXMtZm9yLW1vYmlsZXM/dG1wbD1tYXJrZG93bg==) 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?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86316
- Thank you received: 14276
-
-

5 years 4 months ago [\#333649](#333649) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[responsive images for mobiles](/forum/26-product-category-display/902787-responsive-images-for-mobiles#333649 "-- HikaShop version -- : HikaShop Starter 4.4.2 -- Joomla version -- : 3.9.27 -- PHP version -- : 7.4.3 -- Browser(s) name and version -- : Chrome Versión 90.0.4430.212 (Build oficial) (64 bits)  Hi: I have products with variants and when I click on variants thumbnail in desktop view it show me the correct image wiew (see image 1), but if i use mobile resolution, images do not resize to width screen , they seem to resize to height screen (see image 2). How can I solve it? Thanks in advance, Ricardo")*

Hi,

I've read the whole thread, and I can see Philippe had missed that you were talking about the variant thumbnails in "list" display mode in your first message.
I thought it was about the normal thumbnails display system on the product page.
So I checked the situation there and there is indeed a problem there.
Edit the file show_block_characteristic via the menu Display&gt;Views and change the line: Code:

echo $this-&gt;image-&gt;display($image-&gt;file_path, true, $image-&gt;file_name, 'style="margin-top:10px;margin-bottom:10px;display:inline-block;vertical-align:middle"', '', $width, $height);

by the code: Code:

if($this-&gt;image-&gt;override) { echo $this-&gt;image-&gt;display(@$image-&gt;file_path, true, @$image-&gt;file_name, 'style="margin-top:10px;margin-bottom:10px;display:inline-block;vertical-align:middle"','', $width, $height); } else { if(empty($this-&gt;popup)) $this-&gt;popup = hikashop_get('helper.popup'); $image_options = array('default' =&gt; true,'forcesize'=&gt;$this-&gt;config-&gt;get('image_force_size',true),'scale'=&gt;$this-&gt;config-&gt;get('image_scale_mode','inside')); $img = $this-&gt;image-&gt;getThumbnail(@$image-&gt;file_path, array('width' =&gt; $width, 'height' =&gt; $height), $image_options); if(@$img-&gt;success) { $attributes = 'style="margin-top:10px;margin-bottom:10px;display:inline-block;vertical-align:middle"'; if($img-&gt;external &amp;&amp; $img-&gt;req_width &amp;&amp; $img-&gt;req_height) $attributes .= ' width="'.$img-&gt;req_width.'" height="'.$img-&gt;req_height.'"'; $html = '&lt;img '.$attributes.' title="'.$this-&gt;escape(@$image-&gt;file_description).'" alt="'.$this-&gt;escape(@$image-&gt;file_name).'" src="'.$img-&gt;url.'"/&gt;'; if($this-&gt;config-&gt;get('add_webp_images', 1) &amp;&amp; function_exists('imagewebp') &amp;&amp; !empty($img-&gt;webpurl)) { $html = ' &lt;picture&gt; &lt;source srcset="'.$img-&gt;webpurl.'" type="image/webp"&gt; &lt;source srcset="'.$img-&gt;url.'" type="image/'.$img-&gt;ext.'"&gt; '.$html.' &lt;/picture&gt; '; } echo $this-&gt;popup-&gt;image($html, $img-&gt;origin_url, null, 'title="'.$this-&gt;escape(@$image-&gt;file_description).'"'); } }

Then, it will work. We'll add that change on our end for the next version of HikaShop.

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

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

Less More

- Posts: 22
- Thank you received: 2
-
-

5 years 4 months ago [\#333672](#333672) by [kaito](/forum/user/61402-kaito "View kaito's Profile")  Replied by *[kaito](/forum/user/61402-kaito "View kaito's Profile")* on topic *[responsive images for mobiles](/forum/26-product-category-display/902787-responsive-images-for-mobiles#333672 "-- HikaShop version -- : HikaShop Starter 4.4.2 -- Joomla version -- : 3.9.27 -- PHP version -- : 7.4.3 -- Browser(s) name and version -- : Chrome Versión 90.0.4430.212 (Build oficial) (64 bits)  Hi: I have products with variants and when I click on variants thumbnail in desktop view it show me the correct image wiew (see image 1), but if i use mobile resolution, images do not resize to width screen , they seem to resize to height screen (see image 2). How can I solve it? Thanks in advance, Ricardo")*

Hi Nicolas:

The line you want to modify in the file show_block_characteristic.php does not exist (I have attached the php file as txt).

I have Hika starter 4.4.3 version.

Waiting for yor indications.

Kind regards,

Ricardo  *This attachment is hidden for guests.
Please log in or register to see it.*

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDI3ODctcmVzcG9uc2l2ZS1pbWFnZXMtZm9yLW1vYmlsZXM/dG1wbD1tYXJrZG93bg==) 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?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86316
- Thank you received: 14276
-
-

5 years 4 months ago [\#333688](#333688) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[responsive images for mobiles](/forum/26-product-category-display/902787-responsive-images-for-mobiles#333688 "-- HikaShop version -- : HikaShop Starter 4.4.2 -- Joomla version -- : 3.9.27 -- PHP version -- : 7.4.3 -- Browser(s) name and version -- : Chrome Versión 90.0.4430.212 (Build oficial) (64 bits)  Hi: I have products with variants and when I click on variants thumbnail in desktop view it show me the correct image wiew (see image 1), but if i use mobile resolution, images do not resize to width screen , they seem to resize to height screen (see image 2). How can I solve it? Thanks in advance, Ricardo")*

Hi,

You say that the line does not exist there but I can see it in the file you attached in your message:
[ i.imgur.com/qLUktQZ.png](https://i.imgur.com/qLUktQZ.png)

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

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

Less More

- Posts: 22
- Thank you received: 2
-
-

5 years 4 months ago -  5 years 4 months ago [\#333703](#333703) by [kaito](/forum/user/61402-kaito "View kaito's Profile")  Replied by *[kaito](/forum/user/61402-kaito "View kaito's Profile")* on topic *[responsive images for mobiles](/forum/26-product-category-display/902787-responsive-images-for-mobiles#333703 "-- HikaShop version -- : HikaShop Starter 4.4.2 -- Joomla version -- : 3.9.27 -- PHP version -- : 7.4.3 -- Browser(s) name and version -- : Chrome Versión 90.0.4430.212 (Build oficial) (64 bits)  Hi: I have products with variants and when I click on variants thumbnail in desktop view it show me the correct image wiew (see image 1), but if i use mobile resolution, images do not resize to width screen , they seem to resize to height screen (see image 2). How can I solve it? Thanks in advance, Ricardo")*

Hi Nicolas:

Oh my God !!! I must be asleep!!!

Changed the code and it works !!

Thanks Nicolas.

Last edit: 5 years 4 months ago by [kaito](/forum/user/61402-kaito "View kaito's Profile").

The following user(s) said Thank You: [Philip](/forum/user/34318-philip "View Philip's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDI3ODctcmVzcG9uc2l2ZS1pbWFnZXMtZm9yLW1vYmlsZXM/dG1wbD1tYXJrZG93bg==) 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.237 seconds

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

[](#top)
