Results 1 to 7 of 7
  1. #1
    Join Date
    Jun 2010
    Posts
    14
    Plugin Contributions
    0

    Default Additional Images Aligned Left

    Version 1.3.8

    I have been trying to get my additional images aligned left below my main product images. I was successful in moving them from below the "add to cart", but they are still floating in the middle of the page below the main product image. I have read and followed through with all the advice on the forums and then some, but to no avail. Posting for help is always my last resort; unfortunately, I have reached that point.

    Basically, I've tried changing the css six ways to sundown and nothing moves. Last attempt was
    .additionalImages{
    text-align: left;
    }
    With that I even went so far as to delete .additionalImages out of the block it was originally included in and set it off by itself. Still nothing.

    As I said, I just want the one additional image to be below the main product image and the product pricing and text to be to the right of all this. Seems like my css changes sometimes work, sometimes don't - as of late. Is that where my problem lies or could it be something more. I still consider myself a novice at this. Any help is appreciated. My site isn't published yet; hope that isn't a hinderance.

  2. #2
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,761
    Plugin Contributions
    9

    Default Re: Additional Images Aligned Left

    Where is your site??

    What customizations to tpl_product_info_display.php are currently being used?
    Zen-Venom Get Bitten

  3. #3
    Join Date
    Jun 2010
    Posts
    14
    Plugin Contributions
    0

    Default Re: Additional Images Aligned Left

    No customizations. My site is down at the moment. Do you need me to open it?

  4. #4
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,761
    Plugin Contributions
    9

    Default Re: Additional Images Aligned Left

    I was successful in moving them from below the "add to cart", but they are still floating in the middle of the page below the main product image.

    No customizations
    How did you effect the successful move?
    Zen-Venom Get Bitten

  5. #5
    Join Date
    Dec 2007
    Location
    Payson, AZ
    Posts
    1,076
    Plugin Contributions
    15

    Default Re: Additional Images Aligned Left

    Search the addons for 'Additional images relocated with CSS'

    Aligns images to the left.... I did the same by placing the additional images code under the main image and wrapping it up in one class...

    Code:
    #productImageWrapper {
    float: left;
    width: 130px;
    vertical-align: top;
    }
    Width is 10px wider then my thumbnails, I've also used a container to hold all the product elements together.
    Dave
    Always forward thinking... Lost my mind!

  6. #6
    Join Date
    Jun 2010
    Posts
    14
    Plugin Contributions
    0

    Default Re: Additional Images Aligned Left

    To Kobra - To make the move I did the following:

    On:
    tpl_product_info_display.php

    I moved:
    <!--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 -->


    Below:
    <!--eof Main Product Image-->

    As for the images not aligning, I just went with it - added more images and it looks fine. Now I am going to search how to add captions beneath my additional images. Wish me luck!

    Thanks for the help!

    To davewest - I will keep your notes for future reference. Thank you!

  7. #7
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,761
    Plugin Contributions
    9

    Default Re: Additional Images Aligned Left

    To make the move I did the following
    First - Do you want them below or nest to the main image?
    If next to - is there a clear after the main image?
    If yes delete it
    Zen-Venom Get Bitten

 

 

Similar Threads

  1. v150 Remove space from vertically aligned additional images
    By spiggles87 in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 2 Mar 2013, 12:25 PM
  2. Text in FIREFOX aligned to the left, Text in IE aligned to the right
    By iiinycboi in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 25 Jul 2009, 10:25 AM
  3. Additional images to align left
    By Shelleym in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 17 Jan 2009, 01:42 AM
  4. product listing left aligned
    By janjansssen in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 13 Feb 2008, 02:37 PM
  5. Additional images left aligned under MAIN Image
    By caspar in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 7 Mar 2007, 07:13 AM

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
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR