Re: How to put more than one photo on a product
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.
Re: How to put more than one photo on a product
Do you know how I can make the original image switch when you click on the extra images, instead of a pop-up opening????
Thanks!
Re: How to put more than one photo on a product
There are mods for that kind of thing in Downloads (link at top of this page).
Re: How to put more than one photo on a product
Yeah, I wasn't able to find anything that would do that... Has anyone ever used something like that?
Cheers,
Albert
Re: How to put more than one photo on a product
Look at the Ajax Image Swapper support thread.
Re: How to put more than one photo on a product
Quote:
Originally Posted by
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:
PHP Code:
#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.
Re: How to put more than one photo on a product
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:
Code:
#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.
Re: How to put more than one photo on a product
If you want the images at the top, except closer to the main image, all you need is this:
Code:
.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.
Re: How to put more than one photo on a product
Quote:
Originally Posted by
gjh42
If you want the images at the top, except closer to the main image, all you need is this:
Code:
.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.
Thanks for trying to help me. But for some reason it still have the large gaps between each picture. And the column code works but i dont want it like that. I also adjusted the width but it doesnt shorten the gap.
Re: How to put more than one photo on a product
What's the link of your site?