Multiple images showing under description...

[asim7183]

Hi all, first of all i would like to thank everyone at zen cart because of the amount of help i got from this site... so helpful that i never had to post a thread!

This is my first post as i can not find help to this anywhere...

after reading and reading... and reading still couldnt find anything on this...

I have a question...i have just started with zen and this is how far i got after with the help i got from site... i have got my multiple images working... started describing the product and updated to see how it would look... great! but my multiple images are being shown under my description... i would rather have it somewhere above the description near the main picture...is it possible, if so how?

for example... here is my page with main image, bit of description which is not yet finished and multiple images underneath http://motortowne.co.uk/mts0051-p-4.html

Thanks

Any reply is better than no reply.

Thanks

[pots]

Try this AJAX IMAGE Swapper, support thread http://www.zen-cart.com/forum/showthread.php?t=84145&page=12. There is a demo site here http://demosites.webextremecustomiser.com/ajax_image_swapper

[asim7183]

thanks - i will give it a go and let you guys know...

isnt there are normal way? such as editing some of the php files?

thanks

[asim7183]

iv managed to figure it out myself!

if anyone else wants the same here how to do it...

includes>templates>template_default>templates>tpl_product_info_display.php

<?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'); ?>

find the tag above and paste it under

<?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'); ?>


then from your admin>configuration>images>Product Info - Image Width & Product Info - Image Height, change this to however big you want the images to be..

and you will get it as good as this...

http://www.motortowne.co.uk/mts0051-p-4.html

im just trying to figure out how to centre the main image now! not far off but still...

[vivaraquel]

Did you work out how to center the image? If so, could you post the answer here?

I used your info above to center and chnage the order of my products name and price, I just need to centre the image. Trying the same as for the other 2 isn't working out.

Thank you.

[asim7183]

Hi, i really not had the time to centre the image but i presume you need to change the stylesheet to centre the product image...

includes>templates>your current template>css>stylesheet.css

you will need to play around with the bottom code... let me know if you get it work!

/*Image Display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
margin: 0em 1em 1em 0em ;
}

you may need to add a code to it or maybe you need to edit that code...

Thanks

p.s try changing it to:

{
margin: 1em 0em;
}

[vivaraquel]

I had already tried that except I broke it up like so instead. It dodn't work but then I am not sure if I am doing it right. I don't think chainging the code like u suggested would work eigther but thank you for your suggestion. This is what I tired:

From this:
/*Image Display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
margin: 0em 1em 1em 0em ;
}

To this;
/*Image Display*/
#productMainImage {
text-align=center
}

#reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
margin: 0em 1em 1em 0em ;
}

Of course I could be worng with the exact wording or placement but it works for other things so I thought I'd try it.

Thank you.