Larger image on the product page?

  • Posts: 13201
  • Thank you received: 2322
11 years 2 months ago #87915

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.

Please Log in or Create an account to join the conversation.

  • Posts: 6
  • Thank you received: 0
9 years 6 months ago #174130

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 : )

Please Log in or Create an account to join the conversation.

  • Posts: 26007
  • Thank you received: 4004
  • MODERATOR
9 years 6 months ago #174132

Hi,

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

Regards,


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

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.
The following user(s) said Thank You: agosai

Please Log in or Create an account to join the conversation.

  • Posts: 5
  • Thank you received: 0
9 years 6 months ago #176889

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?

Please Log in or Create an account to join the conversation.

  • Posts: 81540
  • Thank you received: 13069
  • MODERATOR
9 years 6 months ago #176915

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.

Please Log in or Create an account to join the conversation.

  • Posts: 5
  • Thank you received: 0
9 years 6 months ago #176940

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?

Please Log in or Create an account to join the conversation.

  • Posts: 81540
  • Thank you received: 13069
  • MODERATOR
9 years 5 months ago #176954

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

Please Log in or Create an account to join the conversation.

  • Posts: 5
  • Thank you received: 0
9 years 5 months ago #177005

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?

Please Log in or Create an account to join the conversation.

  • Posts: 81540
  • Thank you received: 13069
  • MODERATOR
9 years 5 months ago #177049

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.

Please Log in or Create an account to join the conversation.

  • Posts: 5
  • Thank you received: 0
9 years 5 months ago #177095

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:

Please Log in or Create an account to join the conversation.

  • Posts: 81540
  • Thank you received: 13069
  • MODERATOR
9 years 5 months ago #177111

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.

Please Log in or Create an account to join the conversation.

  • Posts: 5
  • Thank you received: 0
9 years 5 months ago #177138

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:

Please Log in or Create an account to join the conversation.

Time to create page: 0.098 seconds
Powered by Kunena Forum