How to align product images to left?

Ver 1.3.8a

Currently my product 'secondary" images are under the ADD TO CART button. I looked throught image handler setting, Config/Images but did not notice a setting to change this. I would like to have the secondary images rifht inder the main image, left aligned under main image.

You are going to have to edit tpl_product_info_display.php to achieve this.

Thanks,
NOT being a programmer would you know which setting in file to adjust thsi to left , upper under mainimage?

https://www.cvtreasures.com

First, don't let all that weird PHP stuff in the file intimidate you :laugh:. Most Zencart PHP files, including that one, are well commented and each section is bracketed by bof [name of section] and eof [name of section]. b=beginning, e=end.

You'll need to find the section containing the code you want to move, and using your good text editor (I like Notepad++), cut that section and paste it where you want it. Save the file to your custom folder, and if it isn't right delete it and try again.

I'm intentionally not pointing out the exact sections you're looking for, since I think this is the kind of thing best learned by experience.

After you get the images where you want them, the alignment, etc. will be done in the stylesheet.

stevesh:

First, don't let all that weird PHP stuff in the file intimidate you :laugh:. Most Zencart PHP files, including that one, are well commented and each section is bracketed by bof [name of section] and eof [name of section]. b=beginning, e=end.

You'll need to find the section containing the code you want to move, and using your good text editor (I like Notepad++), cut that section and paste it where you want it. Save the file to your custom folder, and if it isn't right delete it and try again.

I'm intentionally not pointing out the exact sections you're looking for, since I think this is the kind of thing best learned by experience.

After you get the images where you want them, the alignment, etc. will be done in the stylesheet.

I said I was NOT a programmer, didn;t say I was totally illiterate.
Yes, edit PHP files all the time, but I have a 60 hr week job so was looking for help identifiying exact section code to change. But, I've emailed my developer so will wait for his response when he gets back to his country.

My, no need to bite the hand that feed you.

You were given the correct file and the sections to move is clearly marked. All you need to do is cut and paste where you need it.

The code that follows and place it anywhere you like!

In tpl_product_info_display.php find all this code:

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

And cut and paste it below this line:

<!--eof Main Product Image-->

Then, as Stevesh said you will have to do some work on the css file to get the page to look the way you want. As we do not know how you want it to look it is not possible to give you more advice about this without more information but, as always, if you give the information we need, then the forum will provide the answers.

I apologise for my original answer which obviously did not give you enough information. I am sure Stevesh might apologise for his answer which gave you too much information. We will brush up our psychic powers so that, in future, we are able to pitch our answers to your exact level of knowledge and not inconvenience you by trying to help.

You're very welcome. Best of luck with your site.

niccol:

In tpl_product_info_display.php find all this code:

> 
> And cut and paste it below this line:
> 
> ```
<!--eof Main Product Image-->

Then, as Stevesh said you will have to do some work on the css file to get the page to look the way you want. As we do not know how you want it to look it is not possible to give you more advice about this without more information but, as always, if you give the information we need, then the forum will provide the answers.

I apologise for my original answer which obviously did not give you enough information. I am sure Stevesh might apologise for his answer which gave you too much information. We will brush up our psychic powers so that, in future, we are able to pitch our answers to your exact level of knowledge and not inconvenience you by trying to help.

Thanks a million Niccol ! (and my apologies to all for being abrasive, two sick kids at once my nerves are shot).. . ..;}

Can I chip in and ask where and how on the stylesheet would I align the additional product images to right?
Rufusclc

Not sure exactly what you are trying to do but you could try:

.additionalImages{text-align:right;}

To find where to replace the existing rule search stylesheet.css for additionalImages

Come back if that isn't what you need.