Lightbox position

[mwck]

As a new user can anyone give me a location to change the position of the lightbox popup as my images are showing at the bottom of my page with roughly a third of the image missing.

[rocky]

I don't understand what you mean about the position of the image being wrong, but the file you'll need to edit is css/thickbox.css from the root directory of Prestashop.

[mwck]

Hi what I am trying to explain is that when 'View Full Image' is clicked on the product detail page the popup image is cut off at the bottom of the page with only 2/3 of the product picture in view. I would like the complete image to show.

[rocky]

You could reduce the size of the thickbox image by going to Preferences > Image, editing the 'thickbox' size, and reducing the width and height so that image is small enough to be shown completely, then click Save, then "Regenerate thumbnails".

[chineseboy]

Hey guys. I have the same problem. My thickbox is showing at the bottom of the page and a lot of the image is missing. Anyone else have any ideas?

[rocky]

It is caused by a mistake in your theme. You should change lines 17-21 of header.tpl from:

{if isset($css_files)}
   {foreach from=$css_files key=css_uri item=media}
   <link href="{$content_dir}themes/kinkymio/css/global.css" rel="stylesheet" type="text/css" media="{$media}" />
   {/foreach}
{/if}

to:

{if isset($css_files)}
   {foreach from=$css_files key=css_uri item=media}
   <link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />
   {/foreach}
{/if}

[chineseboy]

Rocky you are a genius! Thanks so much for your help. I wouldn't have thought of that as the problem.

[FutureLED]

It is caused by a mistake in your theme. You should change lines 17-21 of header.tpl from:

{if isset($css_files)}
   {foreach from=$css_files key=css_uri item=media}
   <link href="{$content_dir}themes/kinkymio/css/global.css" rel="stylesheet" type="text/css" media="{$media}" />
   {/foreach}
{/if}

to:

{if isset($css_files)}
   {foreach from=$css_files key=css_uri item=media}
   <link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />
   {/foreach}
{/if}

Hi Rocky, this didn't work for me, image is still well hidden on the page, see image..any ideas?

[Sem Tam]

This is problem with IE, solution is here:
http://jamiethompson.co.uk/web/2008/03/17/thickbox-31-ie7-positioning-bug

[FutureLED]

Thanks semtam, was using IE8 with same problem, I found the CSS file and moved the thickbox image nearer to the top of the page, that seems to have done the trick.
For anyone else having this issue, go to /css/thickbox.css and edit

#TB_window {
position: fixed;
background: #ffffff;
z-index: 102;
color:#000000;
display:none;
border: 4px solid #525252;
text-align:left;
top:50%;
left:50%;

To

#TB_window {
position: fixed;
background: #ffffff;
z-index: 102;
color:#000000;
display:none;
border: 4px solid #525252;
text-align:left;
top:3%;
left:50%;