Skip to main content

Remove 'blank' space on product display page

14 years 2 weeks ago - 14 years 2 weeks ago #71027 by SteveO
Hi,

I am developing a site for an artist to sell my client's paintings. The paintings vary in format from landscape to portrait to square.

On the product display page I have the "Product page image width & height" set to 400 & 400px (to give an adequately sized image).

On page displaying images that are in landscape orientation there is a large blank space under the image - see attachment - which I'm guessing is there because the image being displayed is 400 x 200 and the blank space/gap represents the additional 200px?

My question is: how do I get the page to display "hide" this blank space when displaying images in landscape orientation?

Thanks,
Steve


Additional info:

I've established that I need to change this line
Code:
<div class="hikashop_product_main_image" style="height:420px;text-align:center;clear:both;">
to this
Code:
<div class="hikashop_product_main_image" style="height:auto;text-align:center;clear:both;">

but I'm guessing that the dimension "420px" is generated by PHP and I've not been able to find where that code is written.

Any help gratefully received.
Last edit: 14 years 2 weeks ago by SteveO. Reason: Additional information

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

14 years 2 weeks ago #71341 by Xavier
Hi,

And if you try to add a negative margin on the class: ".hikashop_product_description_main{}".

Or try to set your height with the property: "height: auto !important;"

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

14 years 2 weeks ago #71351 by SteveO
Hi,

That class is not found in the style sheet (I'm using com_hikashop_business_1.6.0_2012-10-22) and if I add it then it has no effect.

Steve

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

14 years 2 weeks ago #71417 by Xavier
Could you give me a link to your product page ?

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

14 years 2 weeks ago #71422 by SteveO
Access is password controlled at the moment, I will pm you details.

Thanks,
Steve

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

14 years 2 weeks ago #71426 by Xavier
Try to remove the code:
Code:
<?php echo $style;?>
In HikaShop > Display > Views, the view "product / show_block_img".

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

14 years 2 weeks ago - 14 years 2 weeks ago #71469 by SteveO
Hmm, did not work.

But in same file (show_block_img.php), on the next line in fact, I changed
Code:
<div style="height:<?php echo $divHeight+20;?>px;

to
Code:
<div style="height:auto;

and this works.

Steve
Last edit: 14 years 2 weeks ago by SteveO.

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

Time to create page: 0.095 seconds
Powered by Kunena Forum