How to put more than one photo on a product

[RuFuS]

Hi, would I be right in saying that your site is a template monster template?

Their templates do appear to have a few issues, of which this may be one.

Take a look in catalog\includes\templates\yourtemplate\templates\tpl_product_info_display.php and see if the following block exists. (I can see the place markers in the source code but that doesn't gaurantee their is anything between them)

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

[gjh42]

Good call! I bet it is something TM has messed up.

[tanik]

Hi, would I be right in saying that your site is a template monster template?

Their templates do appear to have a few issues, of which this may be one.

Take a look in catalog\includes\templates\yourtemplate\templates\tpl_product_info_display.php and see if the following block exists. (I can see the place markers in the source code but that doesn't gaurantee their is anything between them)

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

OK, I was reading and i got my page to show multiple images. But now the base image is on the left and the additional image is in the center. How do i get that additional image out of the center and next to the base image on the left? I check some of the codes on other pages but I dont see anything that would center that image. please help. thx

[tanik]

Ill put a link up to see what its showing. For some reason the pictures are scattered all over and not in like a good single location.

http://www.theoxicore.com/index.php?...&products_id=3

[RuFuS]

You just need to use css to style them the way you want to.

For example, if you wanted to move them under the main image you could do something like:

#productAdditionalImages {
clear:both;
} 

[tanik]

You just need to use css to style them the way you want to.

For example, if you wanted to move them under the main image you could do something like:

#productAdditionalImages {
clear:both;
} 

Do i just add that code in the css? or is there one that i have to change?

Because I did that it did go under but their is too much gap between each picture.

[gjh42]

Do you want the additional images in a column below the main image, with the text to the right? In that case, add this to the bottom of your stylesheet:

#productDescription {margin-left: 150px;}

.additionalImages {
    width: 150px !important;
    float: left;
    clear: both;
    text-align: left;
    padding: 5px;
    } 

.additionalImages+br.clearBoth {display: none;}

The .additionalImages+br.clearBoth is needed to turn off the <br class="clearBoth"> so the text can rise to the top.
Note that this will be ignored by IE6 and not function there, so the best fix is to remove the <br class="clearBoth"> from the bottom of the additional images code.

[gjh42]

If you want the images at the top, except closer to the main image, all you need is this:

.additionalImages {
    width: 130px !important; /*adjust to taste*/
    float: left;
    padding: 5px;
    }

You will also need to remove the <br class="clearBoth"> between main and additional images.

[mcpisik]

Take a look in catalog\includes\templates\yourtemplate\templates\tpl_product_info_display.php and see if the following block exists. (I can see the place markers in the source code but that doesn't gaurantee their is anything between them)

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

Hi,
I'm having same trouble, and my tp monster section is exactly how you have shown here. Which part is the block (newbie) and is your example with the block or is it correct to show additional images?
Thanks! :)

[gjh42]

The example shows the block of code that should correctly display the additional images. If you have that, your problem is elsewhere.

The require($template->get_template_dir('/tpl_modules_additional_images.php'...
line is what actually calls for the images.