Additional Product Images - Layout Question

[first trading]

No problem, there were no ad-ons installed for this (except the lightbox), you can manipulate the code and add a div or two. I'll post back in a little while.

[first trading]

Sent you a PM with what you need to do. If you want further or detailed help then post up and i'll copy and paste what you should have in your tpl_product_info_display.php file.

[SammyD]

Sent you a PM with what you need to do. If you want further or detailed help then post up and i'll copy and paste what you should have in your tpl_product_info_display.php file.

Hi first trading,

I Would love to have the thumbnail size below the the main image, this is a much better look I think. Please could you PM me as well or post the code.

Thanks in advance :)

[first trading]

Hi first trading,

I Would love to have the thumbnail size below the the main image, this is a much better look I think. Please could you PM me as well or post the code.

Thanks in advance :)

Hi, i've sent you a PM with how to do this.

If you need any further help then simply ask. Anyone else who wanted to do this................

[first trading]

In your tpl_product_info_display.php, you need to add a div. But first move the block of code for the additional images to just under the main product image, like this.

<div id="newdiv">

<div id="mymainproductimage">
<!--bof Main Product Image -->
<?php
if (zen_not_null($products_image)) {
?>
<?php
/**
* display the main product image
*/
require($template->get_template_dir('/tpl_modules_main_product_image.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_main_product_image.php'); ?>
<?php
}
?>
<!--eof Main Product Image-->
</div>

<div id="additionalimages">
<!--bof Additional Product Images -->
<?php
/**
* display the products additional images
*/
require($template->get_template_dir('/tpl_modules_additional_images.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_additional_images.php'); ?>
<!--eof Additional Product Images -->
</div>

In this example you have a new div above the main product image and its closed after the additional product images. You need to add these in.

This new div can now be styled in your stylsheet, i.e.

#newdiv {
YOUR_STYLING
}

In addition i also have seperate div's for the main image and additional images, if you don't want those then simply delete the relevant code.

[cchan]

Hi, I was just wondering, how can I style this in my stylesheet? Also, for the "YOUR_STYLING" does that mean I have to change the div id? or could I name that anything?

Thank you!

[first trading]

Where i put:

YOUR_STYLING

What i mean is, replace that with the lines of styling code. For example:

#newdiv {
border:1px solid #ff0000;
padding:5px;
}

The above is how you would style it in the stylesheet.