Results 1 to 10 of 20

Hybrid View

  1. #1
    Join Date
    May 2011
    Posts
    42
    Plugin Contributions
    0

    Default Additional images - how to place / move them as wished?

    I'm using Zencart version 1.3.9b

    I did change the order on my product page using the FAQ but I have a few issues.

    1. Additional images
    Here:
    http://www.petitplat.fr/zencart/inde...roducts_id=214

    The additional images show up as a column, and I'd like to have them in a grid way.

    Which weirdly is the case here:
    http://www.petitplat.fr/zencart/inde...roducts_id=251

    But if possible with less "space" between the pictures.
    Ideal would be a grid of 6 pictures (3 columns, 2 rows)

    2. Add to Cart button emplacement

    When I have attributes, it looks good:
    http://www.petitplat.fr/zencart/inde...roducts_id=251

    But when I don't, the add to cart button is beneath the "review" and "tell a friend". which is a little odd:
    http://www.petitplat.fr/zencart/inde...roducts_id=247

    (if it's too complicated I can indeed add a text attribute which will solve the problem)

    Thanks in advance!

  2. #2
    Join Date
    Apr 2006
    Location
    Texas
    Posts
    6,196
    Plugin Contributions
    0

    Default Re: Additional images - how to place / move them as wished?

    One thing I notice is look at the size of the images...
    The one you like: 650px × 606px (scaled to 215px × 200px)

    One that is messed up.. 650px × 486px (scaled to 267px × 200px)

  3. #3
    Join Date
    May 2011
    Posts
    42
    Plugin Contributions
    0

    Default Re: Additional images - how to place / move them as wished?

    Quote Originally Posted by haredo View Post
    One thing I notice is look at the size of the images...
    So the reason would be that the image is too large? It would just work fine with a square image? (just making sure I understood you right. English is not my language)

  4. #4
    Join Date
    Apr 2006
    Location
    Texas
    Posts
    6,196
    Plugin Contributions
    0

    Default Re: Additional images - how to place / move them as wished?

    I use Firefox with a add on called Firebug which allow me to dig into the html and view images and make changes to images, classes and Id's..

    When i change your image to scaled to 215px × 200px), yes, now i get 2 additional images to the right of the picture, but the 4th and 5th image wraps under the main image... Not good...

  5. #5
    Join Date
    May 2011
    Posts
    42
    Plugin Contributions
    0

    Default Re: Additional images - how to place / move them as wished?

    Oh weird.

    I always see 2 images on the right and the rest just under the main image.

    Except here http://www.petitplat.fr/zencart/inde...roducts_id=251
    where the 3 images are on the right of the main image.

    And I use firefox as well (latest version)

  6. #6
    Join Date
    Apr 2006
    Location
    Texas
    Posts
    6,196
    Plugin Contributions
    0

    Default Re: Additional images - how to place / move them as wished?

    Use firebug and duplicate this on the left pane..
    <div id="productMainImage" class="centeredContent back"><img role="presentation" class="twisty "><script type="text/javascript" language="javascript">

    <img role="presentation" class="twisty "><a title="Monochrome - Post Earrings" rel="lightbox-g" href="images/bijoux_bo/BO_Donuts_St_RainbowMonochrome.jpg">
    <img height="200" width="267" title=" Monochrome - Post Earrings " alt="Monochrome - Post Earrings" src="images/bijoux_bo/BO_Donuts_St_RainbowMonochrome.jpg">

    <br>

    <span class="imgLink">larger image</span>


    </a>
    change the 267 to 215, and you will see what i see..

 

 

Similar Threads

  1. v150 How to move Additional Images on Product Info page?
    By castigliajj in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 19 May 2012, 02:17 PM
  2. Additional Images Vertical but i want them horizontal
    By Checooper in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 17 Aug 2010, 03:56 PM
  3. how to move up add to cart button and additional images?
    By ztotheetothen in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 14 Aug 2010, 10:54 PM
  4. Multiple size boxes - How to keep them in one place?
    By jas99villa in forum Basic Configuration
    Replies: 2
    Last Post: 21 Feb 2007, 02:36 PM
  5. How to move additional images to the right of main product image
    By davale in forum Templates, Stylesheets, Page Layout
    Replies: 12
    Last Post: 20 Sep 2006, 02:27 PM

Posting Permissions

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