problem product display image and social

Hello,

Can you process a test with a default template?
We can see that there are lots of css command that come from your template, see my screenshot :

Hello,

Did you check your settings in HikaShop Configuration, in Main tab => Image part :

Hi,

1. The issue with the thumbnails on the product details page comes from CSS.
As your website CSS is compressed by JCH Optimize, I don't know what is missing where.
However, adding such CSS code should solve the problem:

.hikashop_product_page div.hikashop_small_image_div a img {

    width: auto;
}

Hello,

1. Please, provide these elements in order to better understand:
- Url link (one or several) to allow us to see the context
- Details what you want to achieve via precise description (annotated screenshot, scheme etc...)
=> Make 2 precise descriptions, one for the classic view and one for the mobile view

2. For your categories image, you have to use bigger image AND use wider settings (or not, depending on the case) in your relative Item Menu, see my screenshot :

Hello,

Please provide these elements, we will need to process some tests directly on your website :
- Url link to your backend (administrator)
- Backend user references (with maximum Acl)
Note : Use our Contact us form to provide these elements, and don't forget to add an Url link to this topic

Precise us if your website is in production phase or not, please.
Regards

Hi,

1. Regarding the size of the images on your listing:
I checked the situation there and it's normal it does this.
If you look at the URL of your images, you can see for example this:
/images/com_hikashop/upload/thumbnails/200x320/slidepviso.png
So the size of the thumbnails configured for the categories listing (under the "categories options" tab of your menu item settings page) is 200*320 pixels.
Also, The ratio of the original image doesn't respect the ratio you asked so that means that the thumbnail image generated will be smaller in height and thus you end up with an image measuring 124*320 pixels.
Also, you have activated the "height consistency" setting of your menu item. This means that the height of each category block on the listing will be stretched to use the biggest one.
And on that same listing, you also have the image:
images/com_hikashop/upload/thumbnails/200x320/slide_gift.png
This image is the only one with a different ratio that the others with 200*244 pixels.
So it's the only one using the full height you configured. And thus all the other category blocks have extra space to match with the category block of this image.
So either:
- rework on that image slide_gift.png so that it uses the same aspect ratio as the image of the other categories
- turn off the "height consistency" setting of your menu item so that different category blocks can have different heights, and each will adapt to the height of the image
- change the "Image scale mode" setting of the HikaShop configuration from "keep ratio" to "crop". In that case, all the thumbnails generated will have the exact ratio you configured by croping the images sides (you probably don't want to do this from what I understand).
- activate the "force size" setting of the HikaShop configuration. In that case, the images generated will also have th exact ratio you configured, but instead of croping the images, the system will add extra white stripes. So the images which don't match the ratio will get white stripes and thus the images will look centered both horizontally and vertically in their area in the category block.

2. Since different templates and different configurations of the same template and modules will allocate different spaces to the listings, to be on the safe side, HikaShop's CSS automatically switches from several columns to 1 column for mobile devices regardless of whether their could be enough space available for 2 columns as it is impossible to tell, from HikaShop's perspective.
And since this is done directly in the CSS, it's difficult to make it a setting which could be easily configured.
But that doesn't mean it's impossible. With either some view override modifications, or custom CSS code it is possible to do it. Several users have done it in the past, in order to fit their needs. However, it requires some programing skills. You can read more about all this on this thread:
www.hikashop.com/forum/product-category-...-reponsive-view.html