Site maintenance: Sun 15 Nov, from 12:00 UTC, about 4–6 hours. Details

This cutover relies on some testing that is still incomplete so may be cancelled at short notice

Forums / Templates, Stylesheets, Page Layout / Location of multiple images

Location of multiple images

Locked

Started by john_zwikstra on 20 May 2010, 9:55 PM · Views: 817

Results 1 to 7 of 7
This thread is locked. New replies are disabled.
20 May 2010, 9:55 PM
#1
john_zwikstra avatar

john_zwikstra

New Zenner

Join Date:
Jun 2008
Posts:
40
Plugin Contributions:
0

Location of multiple images

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

21 May 2010, 9:49 AM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Location of multiple images

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

21 May 2010, 12:24 PM
#3
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: Location of multiple images

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.

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

20 years a Zencart User

21 May 2010, 4:16 PM
#4
john_zwikstra avatar

john_zwikstra

New Zenner

Join Date:
Jun 2008
Posts:
40
Plugin Contributions:
0

Re: Location of multiple images

The site is https://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.

21 May 2010, 4:25 PM
#5
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Location of multiple images

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.

17 Oct 2010, 7:05 PM
#6
bwood5 avatar

bwood5

New Zenner

Join Date:
Oct 2010
Posts:
10
Plugin Contributions:
0

Re: Location of multiple images

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.

17 Oct 2010, 7:09 PM
#7
bwood5 avatar

bwood5

New Zenner

Join Date:
Oct 2010
Posts:
10
Plugin Contributions:
0

Re: Location of multiple images

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