Page 3 of 5 FirstFirst 12345 LastLast
Results 21 to 30 of 46
  1. #21
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,013
    Plugin Contributions
    25

    Default 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.

  2. #22
    Join Date
    Dec 2007
    Posts
    55
    Plugin Contributions
    0

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

  3. #23
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,013
    Plugin Contributions
    25

    Default 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).

  4. #24
    Join Date
    Dec 2007
    Posts
    55
    Plugin Contributions
    0

    Default 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

  5. #25
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,013
    Plugin Contributions
    25

    Default Re: How to put more than one photo on a product

    Look at the Ajax Image Swapper support thread.

  6. #26
    Join Date
    Oct 2007
    Posts
    63
    Plugin Contributions
    0

    Default Re: How to put more than one photo on a product

    Quote Originally Posted by RuFuS View Post
    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.

  7. #27
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,013
    Plugin Contributions
    25

    Default 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.

  8. #28
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,013
    Plugin Contributions
    25

    Default 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.

  9. #29
    Join Date
    Oct 2007
    Posts
    63
    Plugin Contributions
    0

    Default Re: How to put more than one photo on a product

    Quote Originally Posted by gjh42 View Post
    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.

  10. #30
    Join Date
    Dec 2007
    Posts
    55
    Plugin Contributions
    0

    Default Re: How to put more than one photo on a product

    What's the link of your site?

 

 
Page 3 of 5 FirstFirst 12345 LastLast

Similar Threads

  1. qty boxes missing in product listing page - cannot add multiples to cart?
    By SarahL in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 1 Feb 2008, 01:32 PM
  2. How Do I put the Product Description below the Selected Product Image
    By yvez in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 4 Aug 2007, 11:11 AM
  3. Product Photo Upload Receiving Error
    By divaboutiques in forum Setting Up Categories, Products, Attributes
    Replies: 0
    Last Post: 15 May 2007, 05:51 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •