adding multiple product images to product page

[malice95]

I am looking to add a bunch of product images to my product pages, pretty much exaclty like..

http://www.buy.com/prod/netgear-wndr...211504369.html

Does anyone have any advice on how to accomplish this?

Thanks,
Mike

[afo]

Read this tutorial https://www.zen-cart.com/tutorials/index.php?article=58 and check the additional threads listed at the bottom of this page.

[CabernetCat]

Thanks for that afo. I was working with that article and have gotten the 3 extra images to display.

What I need to do now is move the images from the bottom of the screen to the top with the main image. Any suggestions?

Site: http://dev.forestbotanicals.com.au/i...roducts_id=128

[idtags]

What I need to do now is move the images from the bottom of the screen to the top with the main image. Any suggestions?
[/url]

I have the same issue.

Would you be so kind to share resolution?

Thanks.

[RescoCCC]

Thanks for that afo. I was working with that article and have gotten the 3 extra images to display.

What I need to do now is move the images from the bottom of the screen to the top with the main image. Any suggestions?

Site: http://dev.forestbotanicals.com.au/i...roducts_id=128

To change the layout of the images you would edit includes/templates/YOUR_TEMPLATE/templates/tpl_product_info_display.php

[idtags]

Thank you for suggestion.

However I am not trained in the codes.
I will create more damage than solution.

If you have a moment and post samples of which lines have to move where in the file it would be a great help.

I was tring to find this suggestion, but nothing points exactly to needed manipulation.

[schoolboy]

Thank you for suggestion.

However I am not trained in the codes.
I will create more damage than solution.

If you have a moment and post samples of which lines have to move where in the file it would be a great help.

I was tring to find this suggestion, but nothing points exactly to needed manipulation.

First thing to do is to FTP a COPY of tpl_product_info_display.php to your HARD DRIVE.

Make sure it is the tpl_product_info_display.php that lives in:

includes/templates/YOUR_TEMPLATE/templates/ folder.

If there is NO file of that name in the path/folder I show above, then you go get the file from:

includes/templates/template_default/templates .

Now... you have a COPY of the file on your hard drive.

The CORE file on the server... the one that is in template_default/templates/ ... remains UN-TOUCHED! You do not edit CORE template files... only COPIES of them.

Now... the file you just brought to your hard drive is the one you open for editing.

You should open it for editing using a PLAIN TEXT EDITOR, such as CRIMSON EDITOR.

If you do not have CRIMSON EDITOR on your machine, go download it from the internet and install it on your machine. It is FREE SOFTWARE, and you will use it when you edit files in future.

When you have Crimson Editor use it to open tpl_product_info_display.php .

Look carefully at this file for a few minutes. You will see that the ELEMENTS that make upo the page are contained in sections that start with:

<!--- BOF xxxxxxx -->
Some code will appear here, and at the END of that block of code you will see:
<!--- EOF xxxxxxx -->

You need to find this element:

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

Then, you need to highlight that with your mouse pointer an <CTRL+X> "cut" it from the code.

Then, you scroll UP and find the place where you would like your additional images to appear. FOR EXAMPLE, if you want the additional images to appear ABOVE the "Product Description", you will then PASTE the blogk of code above the section:

<!--bof Product description -->
<?php if ($products_description != '') { ?>
<div id="productDescription" class="productGeneral biggerText"><?php echo stripslashes($products_description); ?></div>
<?php } ?>
<!--eof Product description -->

...


So you will get (for example)

<!--bof free ship icon -->
<?php if(zen_get_product_is_always_free_shipping($products_id_current) && $flag_show_product_info_free_shipping) { ?>
<div id="freeShippingIcon"><?php echo TEXT_PRODUCT_FREE_SHIPPING_ICON; ?></div>
<?php } ?>
<!--eof free ship icon -->

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

<!--bof Product description -->
<?php if ($products_description != '') { ?>
<div id="productDescription" class="productGeneral biggerText"><?php echo stripslashes($products_description); ?></div>
<?php } ?>
<!--eof Product description -->

You SAVE the file (on your hard drive).

THEN... you need to put this edited file in your custom template folder:

includes/templates/YOUR_TEMPLATE/templates/ folder.

(If there is ALREADY a file of that name in the folder, then you RE-NAME it to: tpl_product_info_display.BAK

(This effectively safeguards the original file - turning it into a BACKUP copy.)

Then you can FTP your file from the hard drive, up to your server.

Check the results in a web browser by navigating to a product that has additional images.

If things are to your liking, all well and good. If you have made some error, then REMOVE your file from the server (delet it), and RESTORE the backup from .BAK to .php

Try editing again, looking out for any mistakes.

[idtags]

schoolboy, Thank you very much for your time and detail explanation.
This can be understood even by me.

I will report my "progress"

Thanks again.