Location of multiple images

[John Zwikstra]

I was asked to post this elsewhere as was told not an Image Handler issue so here goes.


Quote:
Originally Posted by John Zwikstra View Post
Not sure if this is the correct place to ask this but here goes.

I have image handler 2 installed and have no difficulty adding additional images. My problem is the 1st image is at the top of the product page and the 2nd image is about 2/3 of the way down the page. I would like the images to be beside each other or immediately below each other.
I have been merging my 2 images so they appear as 1 but would like 2 images (eg. both sides of a coin as separate images)
Can anyone give me any assistance with this. Thank you in advance for your help
You will need to re-post your question elsewhere in the forum where you will get a better response to address your specific issue.. (I suggest the stylesheet section as the solution is most likely a stylesheet adjustment)

Not an IH2 support related question.. As I have indicated just a few days ago, IH2 does NOT have anything to do with the format or placement of images on the product details pages..

[stevesh]

Display issues are almost impossible to help with without a link to the site.

[schoolboy]

As steve says, giving SPECIFIC advice is not possible unless we can see a page, and use our firefox tools to "un-pick" it.

However...

POSITION and STYLING of elements in the PRODUCT INFO page is governed by:

1. swopping around the element components in tpl_product_info_display.php.

Here you will see how each element has been commented with <!---BOF--> and <!--EOF--> tags. You just clip an entire " <!---BOF--> and <!--EOF--> " section from where it is, and paste it above/below another <!---BOF--> and <!--EOF--> element.

2. Re-declaring the DIV ID's/Classes in the stylesheets.

[John Zwikstra]

The site is www.zwiggysgiftshop.com and it is under construction. I will take that off so you can look at the site.

Done, thank you for your assistance.

[stevesh]

You want to open tpl_product_info_display.php and look for bof Additional Product Images down to eof Additional Product Images

Cut that section and paste it where you want it to appear (probably after the main image section).

You may have to use margins and/or padding in the stylesheet to position it exactly.

[bwood5]

I am also have this issue. I was able to get as far as schoolboy's suggestion but my additional image is not displayed next to the product image. It is displayed on the next line in the center of the page. I am new and don't have much coding experience. I think the modules_additional_image.php referances tpl_columnar_display.php in the CSS dir of my template but don't know were to go from there.

[bwood5]

Here is my cut and paste.

<!--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-->
<!--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 -->