Page 1 of 2 12 LastLast
Results 1 to 10 of 14
  1. #1
    Join Date
    Jan 2007
    Posts
    22
    Plugin Contributions
    2

    help question Text Wrapping Problems Next to Item Images

    After searching all over the boards, I can't figure out how to do this. I wanted to move my additional images to the right of my main image and got that done. However, I'm now having trouble with the product description. I want it to stay to the right of the images and then wrap to the next line rather than have the entire product description go below the images. The URL below shows what I am talking about.

    http://caroofikus.com/index.php?main...&products_id=3

    I have tried the steps in the following link trying to get this to work but have not had any luck. If anyone can make better sense of it for me, I would be greatly appreciative.

    http://www.zen-cart.com/forum/showthread.php?t=45208

    Thanks in advance for any input!

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

    Default Re: Text Wrapping Problems Next to Item Images

    The first thing tht you need to do to get this started is to remove or comment out the clear both in your tpl_product_info_display.php file that you will find just above the 'eof' for additional images here:
    Code:
    <br class="clearBoth" />
     
    </div>
    <!--eof Additional Product Images -->
    Removing this will allow the elements that follow to move up.

    Once this is done post back and the css can be adjusted to refine the display
    Zen-Venom Get Bitten

  3. #3
    Join Date
    Apr 2004
    Location
    UK
    Posts
    5,821
    Plugin Contributions
    2

    Default Re: Text Wrapping Problems Next to Item Images

    There are also several product layout mods which may suit you
    via http://www.zen-cart.com/index.php?ma...ort=20a&page=2

  4. #4
    Join Date
    Jan 2007
    Posts
    22
    Plugin Contributions
    2

    Default Re: Text Wrapping Problems Next to Item Images

    Unfortunately, that line of code is not in my product info display page. The code I have for images is as follows:

    <!--bof Main Product Image -->
    <?php
    if (zen_not_null($products_image)) {
    ?>
    <?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'); ?>
    <?php
    }
    ?>
    <!--eof Main Product Image-->
    <!--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 -->

    I also checked my css and couldn't find it there. Any other ideas of where to look?

  5. #5
    Join Date
    Jan 2007
    Posts
    22
    Plugin Contributions
    2

    Default Re: Text Wrapping Problems Next to Item Images

    Quote Originally Posted by misty View Post
    There are also several product layout mods which may suit you
    via http://www.zen-cart.com/index.php?ma...ort=20a&page=2
    The link you sent me took me to templates. I've also looked through the mods and couldn't quite find anything I thought would work. Was there one in particular you were leading me too?

  6. #6
    Join Date
    Apr 2004
    Location
    UK
    Posts
    5,821
    Plugin Contributions
    2

    Default Re: Text Wrapping Problems Next to Item Images

    Quote Originally Posted by Caroofikus View Post
    The link you sent me took me to templates. I've also looked through the mods and couldn't quite find anything I thought would work. Was there one in particular you were leading me too?
    Yes link is to templates section because included there are several mods for Product info display by Clyde Jones

  7. #7
    Join Date
    Jan 2007
    Posts
    22
    Plugin Contributions
    2

    Default Re: Text Wrapping Problems Next to Item Images

    Misty,

    Thanks for the help I overlooked those files earlier. They just about did the trick. I used one, which sent my additional images back to the bottom. However, a quick mod and it was back to the top. But now I can't figure out how to get it centered. I'm assuming it's in "tpl_modules_additional_images.php" since that is the only difference I can see between the functions that call the main image and the additional images. I am posting a copy of my additional images file if it may be of any help.

    <?php
    /**
    * Module Template:
    * Loaded by product-type template to display additional product images.
    *
    * @package templateSystem
    * @copyright Copyright 2003-2005 Zen Cart Development Team
    * @copyright Portions Copyright 2003 osCommerce
    * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
    * @version $Id: tpl_modules_additional_images.php 3215 2006-03-20 06:05:55Z birdbrain $
    */

    require(DIR_WS_MODULES . zen_get_module_directory('additional_images.php'));
    ?>
    <?php
    if ($flag_show_product_info_additional_images != 0 && $num_images > 0) {
    ?>
    <div id="productAdditionalImages">
    <?php
    require($template->get_template_dir('tpl_columnar_display.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_columnar_display.php'); ?>
    </div>
    <?php
    }
    ?>

    Thanks again!

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

    Default Re: Text Wrapping Problems Next to Item Images

    Find, Separate, and/or add this to affect the additional image others need similar styling:
    Code:
    .additionalImages {
            float: left;
            width: 170px;
            }
    Zen-Venom Get Bitten

  9. #9
    Join Date
    Jan 2007
    Posts
    22
    Plugin Contributions
    2

    Default Re: Text Wrapping Problems Next to Item Images

    Kobra,

    With a bit of editing on the pixel amount, that did the trick. However, I noticed a different problem as a result. On one of my pages, the additional image is now centered directly beneath the first, which is exactly what I wanted. However, on the second page, the main image now seems to be too far off to the left. The page that seems to be too far left also looks as if it is the only product image not centered in its column. If you can be of any help, links to the two pages are below. The first is what I want, and the second is what looks wrong. Thanks again for all your help!

    http://caroofikus.com/index.php?main...&products_id=1

    http://caroofikus.com/index.php?main...&products_id=3

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

    Default Re: Text Wrapping Problems Next to Item Images

    I would suggest that you standardize your image size in pixels wide & high to mediate this issue.

    The pages that you referenced the first the image is 120x120 and the second is 66x120 - and the issue
    Zen-Venom Get Bitten

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. v151 Is it possible to add images/text next to additional images?
    By pexter in forum General Questions
    Replies: 6
    Last Post: 21 May 2013, 09:47 PM
  2. Text is wrapping images on product display
    By latitudeit in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 30 Aug 2010, 11:19 PM
  3. Text wrapping aound images
    By darktowerhobbies in forum Templates, Stylesheets, Page Layout
    Replies: 9
    Last Post: 14 Feb 2008, 09:54 AM
  4. wrapping text around images
    By Karole in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 5 Mar 2007, 07:19 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
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR