Too much space

  • Posts: 30
  • Thank you received: 1
10 years 5 months ago #159310

-- url of the page with the problem -- : www.dadatecnologia.com/categorias/Productos/170-dvr-s-de-red
-- HikaShop version -- : HikaShop Starter 2.3.0
-- Joomla version -- : 3.3.0
-- PHP version -- : 5.3.28
-- Browser(s) name and version -- : Google Chrome Versión 35.0.1916.114 m
-- Error-message(debug-mod must be tuned on) -- : No error

Hi, I got an issue in product display.
It is possible to do something to fit the product picture in the space?, right now if the image has too much space up and down.
Also thumbnails are too small.

I would appreciate your help with this.

With my best regards

Attachments:

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

  • Posts: 82910
  • Thank you received: 13379
  • MODERATOR
10 years 5 months ago #159330

Hi,

You probably want to turn off the "force size" option of the configuration of HikaShop and add such CSS:

.hikashop_product_main_image_thumb, .hikashop_product_main_image{ height: auto !important; }

img.hikashop_child_image {
height: 120px !important;
}
www.hikashop.com/support/support/documen...ize-the-display.html

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

  • Posts: 30
  • Thank you received: 1
10 years 5 months ago #159364

Hi
With the CSS you gave me, some thumbnail products look fine, but others don't, please take a look:

  • Image1.jpg: The thumbnails are below the main image and they are too big.
  • Image2.jpg. The image went to the top
  • Image3.jpg This one looks fine

What can I do?

Thanks in advance

Attachments:

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

  • Posts: 82910
  • Thank you received: 13379
  • MODERATOR
10 years 5 months ago #159399

Hi,

1. They are not too big on my end: take.ms/SDMVC
Maybe you need to refresh your CSS or something ?

2. That's because of the "force size" option. It adds white borders when the image doesn't have the required height so that it is properly centered vertically as it can't be done easily and dynamically in CSS. But then if the image is really wide, you have big "gaps" on the product page that can't be mitigated with CSS. Unfortunately, I don't have a magic bullet here to solve both issues at the same time.

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

Time to create page: 0.055 seconds
Powered by Kunena Forum