Product Image - Not Resizing. Please Help.

Site page: juil.com/mobile/juil-womens-selections/holland .
So excited that Hikashop was going to be responsive, I have upgraded to the latest version of Hikashop found that it is not responsive with 2.5, tried 3.1 and unfortunately that is not ready for prime time either. I am attempting to make the entire site mobile friendly. I am using a Yootheme, responsive template and the global image resizing feature in Yootheme does not apply to the main product cart image. I am doomed if I can't get this site mobile! I have battled with this for days, and unfortunately as a designer, not a programmer cannot find a way to make it work. Can someone please help me? Thanks!

Hi,

In Config > Display > Main, have you enable the option "Use bootstrap design" ?

Yes. Everything BUT the product image on the product page works. ANY possible help is welcome. I currently have 2 clients with full business license and 1 pending until this can get cleared up. PLEASE.....

Hi there,

The problem is easy to spot, your image is in a div with a given width of 900px.
So you can ether change this width directly in the code (show_block_image.php in Component/Hikashop/views/product/tmpl) in this line:

<div style="position:relative;text-align:center;clear:both;<?php if(!empty($divWidth)){ echo 'width:'.$divWidth.'px;'; } ?>margin: auto;" class="hikashop_product_main_image_subdiv">

.hikashop_product_main_image{
  width:auto;
}

I put in both, didn't work. So I went to configuration and set all sizes to "0" and turned off thumbnails, Et voilà! Thank you so much for setting me on the right path! I think my basic problem is not fully understanding how Hika names and uses images. Hopefully by my 4th full install and configuration, I will get the hang of it.

PS, if I knew WHERE to Thank You and WHERE to mark solved, I would do that.