Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Thumbnail alignment in product_info.php / additional_images.php


freckles

Recommended Posts

Greetings,

I have J Query Lightbox with Ultra Pics installed and working fine. Adding one image, no problem. Adding two? Fine. Adding a third or more? All hell breaks loose. The first two images stack vertically just right, but when I add a third image, it comes up next to the second, not below it.

 

Any idea's how to get the images to list vertically?

 

here is the link to the problem...here

 

and here is the code for additional_images.php that I think needs to be edited. somehow.

 

<!-- // BOF MaxiDVD: Modified For Ultimate Images Pack! //-->
   <tr>
     <td>
      <table width="100%">

      <tr>
<?php
   if (($product_info['products_image_sm_1'] != '') && ($product_info['products_image_xl_1'] == '')) {
?>
    <td align="center" class="smallText">
          <?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_1'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
     </td>
<?php
   } elseif
      (($product_info['products_image_sm_1'] != '') && ($product_info['products_image_xl_1'] != '')) {
?>

    <td align="center" class="smallText">
          <?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_xl_1']) . '" rel="prettyOverlay[gallery]">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_1'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '<br>' . tep_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?>
     </td>
<?php
   } elseif
     (($products_info['products_image_sm_1'] == '') && ($product_info['products_image_xl_1'] != '')) {
?>
    <td align="center" class="smallText">
          <?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_xl_1'], $product_info['products_name'], LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
     </td>
<?php
   } else {echo '<td></td>';}
?>

<?php
   if (($product_info['products_image_sm_2'] != '') && ($product_info['products_image_xl_2'] == '')) {
?>
    <td align="center" class="smallText">
           <?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_2'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
     </td>
<?php
   } elseif
      (($product_info['products_image_sm_2'] != '') && ($product_info['products_image_xl_2'] != '')) {
?>
<td align="center" class="smallText">

          <?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_xl_2']) . '" rel="prettyOverlay[gallery]">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_2'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '<br>' . tep_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?>
     </td>
<?php
   } elseif
     (($products_info['products_image_sm_2'] == '') && ($product_info['products_image_xl_2'] != '')) {
?>
    <td align="center" class="smallText">
          <?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_xl_2'], $product_info['products_name'], LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
     </td>
<?php
   } else {echo '<td></td>';}
?>

<?php
   if (($product_info['products_image_sm_3'] != '') && ($product_info['products_image_xl_3'] == '')) {
?>
    <td align="center" class="smallText">
          <?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_3'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
     </td>
<?php
   } elseif
      (($product_info['products_image_sm_3'] != '') && ($product_info['products_image_xl_3'] != '')) {
?>
    <td align="center" class="smallText">
          <?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_xl_3']) . '" rel="prettyOverlay[gallery]">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_3'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '<br>' . tep_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?>
     </td>
<?php
   } elseif
     (($products_info['products_image_sm_3'] == '') && ($product_info['products_image_xl_3'] != '')) {
?>
    <td align="center" class="smallText">
          <?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_xl_3'], $product_info['products_name'], LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
     </td>
<?php
   } else {echo '<td></td>';}
?>
      </tr>
      <tr>
<?php
   if (($product_info['products_image_sm_4'] != '') && ($product_info['products_image_xl_4'] == '')) {
?>
    <td align="center" class="smallText">
          <?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_4'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
     </td>
<?php
   } elseif
      (($product_info['products_image_sm_4'] != '') && ($product_info['products_image_xl_4'] != '')) {
?>
    <td align="center" class="smallText">
          <?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_xl_4']) . '" rel="prettyOverlay[gallery]">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_4'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '<br>' . tep_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?>
     </td>
<?php
   } elseif
     (($products_info['products_image_sm_4'] == '') && ($product_info['products_image_xl_4'] != '')) {
?>
    <td align="center" class="smallText">
          <?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_xl_4'], $product_info['products_name'], LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
     </td>
<?php
   } else {echo '<td></td>';}
?>

<?php
   if (($product_info['products_image_sm_5'] != '') && ($product_info['products_image_xl_5'] == '')) {
?>
    <td align="center" class="smallText">
          <?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_5'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
     </td>
<?php
   } elseif
      (($product_info['products_image_sm_5'] != '') && ($product_info['products_image_xl_5'] != '')) {
?>
    <td align="center" class="smallText">
          <?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_xl_5']) . '" target="_blank" rel="prettyOverlay[gallery]">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_5'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '<br>' . tep_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?>
     </td>
<?php
   } elseif
     (($products_info['products_image_sm_5'] == '') && ($product_info['products_image_xl_5'] != '')) {
?>
    <td align="center" class="smallText">
          <?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_xl_5'], $product_info['products_name'], LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
     </td>
<?php
   } else {echo '<td></td>';}
?>

<?php
   if (($product_info['products_image_sm_6'] != '') && ($product_info['products_image_xl_6'] == '')) {
?>
    <td align="center" class="smallText">
          <?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_6'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
     </td>
<?php
   } elseif
      (($product_info['products_image_sm_6'] != '') && ($product_info['products_image_xl_6'] != '')) {
?>
    <td align="center" class="smallText">
          <?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_xl_6']) . '" target="_blank" rel="prettyOverlay[gallery]">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_6'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '<br>' . tep_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?>
     </td>
<?php
   } elseif
     (($products_info['products_image_sm_6'] == '') && ($product_info['products_image_xl_6'] != '')) {
?>
    <td align="center" class="smallText">
          <?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_xl_6'], $product_info['products_name'], LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
     </td>
<?php
   } else {echo '<td></td>';}
?>
      </tr>
      </table>
     </td>
   </tr>
<!-- // BOF MaxiDVD: Modified For Ultimate Images Pack! //-->

 

thank you for any help you can give.

Link to comment
Share on other sites

well after much fussing with additional_images.php, i ended up inserting this...

 

     <td align="right" class="smallText">
          <td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '20'); ?></td>
     	  <td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '20'); ?></td>
          <br><br>

 

and that got things aligned vertically. its not perfect, but its gonna have to do for now.

 

i could still really use someone's opinion who knows PHP better than I do (which is pretty much everyone).

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...