Larger image on the product page?

Hi,

I think that you solved you problem, because on the given link I don't see any margin and the characteristics are not over the thumbnail.

Hello,

Are you please able to guide me in right direction. I'm using the latest version ( HikaShop Starter: 2.3.3 )

Where can I find the option to make my product images display bit bigger on the product page.

Thanks in advance : )

Hi,

You will the options for the image in the HikaShop configuration :
www.hikashop.com/support/support/documen...fig.html#main_images

Regards,

Please check out the following link
The first picture looks strange, the value for the widht doesn`t work.
Please give me some tips what to do?

You added custom CSS on your website to force the size of the main image to be bigger. As a result, the browser is increasing the size of the small image and because of that it becomes blurry.
Instead of increasing the size of the image with CSS, you should simply use the options "image width/height on product page" of the Images section of the HikaShop configuration in order to increase the size of the image. That way, you won't loose the quality of the image.

I just followed the way to make the main picture bigger than the thumbnails, i read about earlier in this post.
What is the correct CSS way to only increase the size of the thumbnails then?

The CSS to change for that is explained on this page of the documentation:
www.hikashop.com/support/support/documen...ling.html#thumbnails

I have tried this, but it doesn`t help.
In the documentation it says you need to change this, but I cannot find this line anywhere in the frontend_custom.css
Therefore I have added it.
What am I missing here?

You still have the code to force the main image to be big:
.hikashop_product_main_image_thumb img {
height: 250px !important;
width: 250px !important;
}

It's that code that you added which blur the main image. As I said in my first answer to you, instead of adding that CSS, you should use the "image width/height on product page" option of the configuration to configure the size you want for the main image. That way, the main image won't be blurry.

I still have this code and the new you suggested, look at the bootom lines on the css file:


Take a look at the configuration for images in Hikashop:

As I said in my previous messages, you need to remove that CSS. It's normal that you don't get what you want if keep it.

When I added the !important property to CSS code you provided it worked, but you didn`t tell me to do that.

But anyway, finaly it works like a charm :woohoo: