Loaded Commerce Community

Banner

View unanswered posts | View active topics


Board index » Loaded Commerce Support » Tips & Tricks

All times are UTC - 5 hours




Post new topic Reply to topic  Page 1 of 1
  [ 9 posts ] 
  Previous topic | Next topic 
Author Message
Andy Man
 Post subject: Install lightbox image pop-up 6.4
PostPosted: Tue Sep 01, 2009 10:31 pm 
Offline
CRE Newbie
User avatar

Joined: Sat Aug 29, 2009 10:31 am
Posts: 6
I searched the forums for how to install light box pop up and thought after I installed on my site I would put together a quick guide for those searching for this to. NOTE: This install was done on cre 6.4, CRE63_ats template, tabs enabled on product_info page.

Download the files you will need from here: http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm
There is also several examples of the effect given.

1.Download files and extract to desktop.
2. Copy/FTP files to root directory except the index.html.
3. Open the index.html on desktop and you will see code snipits for including the javascript in the header along with the css. You will need to place these in catalog/templates/content/main_page.tpl.php
4. Place these files above the </head>
Code:
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />


5. Next we need to change the code in this file: /public_html/templates/content/product_info_tabs.tpl.php
Find this code:
Code:
<?php
                  if ($product_info['products_image_med']!='') {
                    $new_image = $product_info['products_image_med'];
                    $image_width = MEDIUM_IMAGE_WIDTH;
                    $image_height = MEDIUM_IMAGE_HEIGHT;
                  } else {
                    $new_image = $product_info['products_image'];
                    $image_width = SMALL_IMAGE_WIDTH;
                    $image_height = SMALL_IMAGE_HEIGHT;
                  }
                  $popup_avail = tep_not_null($product_info['products_image_lrg']) ? true : false;
                  echo tep_javascript_image(DIR_WS_IMAGES . $new_image, 'product' . $product_info['products_id'], addslashes($product_info['products_name']), $image_width, $image_height, 'hspace="5" vspace="5"', $popup_avail);
                  if (isset($_SESSION['affiliate_id'])) {
                    echo '<br><br><a href="' . tep_href_link(FILENAME_AFFILIATE_BANNERS_BUILD, 'individual_banner_id=' . $product_info['products_id'] . '&' . $params) .'" target="_self">' . tep_template_image_button('button_affiliate_build_a_link.gif', LINK_ALT) . ' </a>';       
                  }
                  ?>


6. Replace with code below.

Code:
                    <?php if (tep_not_null($product_info['products_image_lrg'])) echo '<center><a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_lrg']) . '" rel="lightbox" title="' .$product_info['products_name']. '">' . tep_image(DIR_WS_IMAGES . $product_info['products_image'], $product_info['products_name'], LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . tep_template_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a></center>';
else echo tep_image(DIR_WS_IMAGES . $product_info['products_image']); ?>
                 
               


That's it. This will work for the main products image, and not with additional images.

Here is the fix for additional images. Note this works for me cre63_ats, version 6.4, tabs enabled.

1. File is here: /public_html/includes/modules/additional_images.php
2. If your using cre63_ats template then back up above file. Copy file below and replace. I have included the whole file below for simple copy/paste.

Here is the thread I got the info from:http://creloaded.org/forum/topic.html?f=32&t=22012&hilit=lightbox+additional+images

Simple and elegant!

Thanks to all who posted the information used to put this together. Hope it saves you some time!

Code:
<?php
//check to see if there is actually anything to be done here
if ( ($product_info['products_image_sm_1'] != '') || ($product_info['products_image_xl_1'] != '') ||
     ($product_info['products_image_sm_2'] != '') || ($product_info['products_image_xl_2'] != '') ||
     ($product_info['products_image_sm_3'] != '') || ($product_info['products_image_xl_3'] != '') ||
     ($product_info['products_image_sm_4'] != '') || ($product_info['products_image_xl_4'] != '') ||
     ($product_info['products_image_sm_5'] != '') || ($product_info['products_image_xl_5'] != '') ||
     ($product_info['products_image_sm_6'] != '') || ($product_info['products_image_xl_6'] != '') ) {
?>
<!-- // BOF MaxiDVD: Modified For Ultimate Images Pack! //-->
    <tr>
      <td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
    </tr>
    <tr>
      <td style="text-align:center;"><table cellpadding="3" cellspacing="3" border="0" align="center">
        <tr>
<?php
    if (($product_info['products_image_sm_1'] != '') && ($product_info['products_image_xl_1'] == '')) {
?>
          <td style="text-align:center;"><?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_sm_1'] != '')) {
?>
          <td style="text-align:center;">
          <?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_xl_1']) . '" rel="lightbox[product]" title="' .$product_info['products_name']. '">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_1'], $product_info['products_name'], $image_width, $image_height, 'hspace="5" vspace="5"') . '<br>' . tep_template_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a></center>'; ?>
          </td>
<?php
    } elseif ((isset($products_info['products_image_sm_1']) && $products_info['products_image_sm_1'] == '') && ($product_info['products_image_xl_1'] != '')) {
?>
          <td style="text-align:center;">
            <?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 {
?>
          <td>&nbsp;</td>
<?php
    }

    if (($product_info['products_image_sm_2'] != '') && ($product_info['products_image_xl_2'] == '')) {
?>
          <td style="text-align:center;">
            <?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_sm_2'] != '')) {
?>
          <td style="text-align:center;">
        <?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_xl_2']) . '" rel="lightbox[product]" title="' .$product_info['products_name']. '">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_2'], $product_info['products_name'], $image_width, $image_height, 'hspace="5" vspace="5"') . '<br>' . tep_template_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a></center>'; ?>
<?php
    } elseif ((isset($products_info['products_image_sm_2']) && $products_info['products_image_sm_2'] == '') && ($product_info['products_image_xl_2'] != '')) {
?>
          <td style="text-align:center;">
            <?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 {
?>
          <td>&nbsp;</td>
<?php
    }

    if (($product_info['products_image_sm_3'] != '') && ($product_info['products_image_xl_3'] == '')) {
?>
          <td style="text-align:center;">
            <?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_sm_3'] != '')) {
?>
          <td style="text-align:center;">
     <?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_xl_3']) . '" rel="lightbox[product]" title="' .$product_info['products_name']. '">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_3'], $product_info['products_name'], $image_width, $image_height, 'hspace="5" vspace="5"') . '<br>' . tep_template_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a></center>'; ?>
          </td>
<?php
    } elseif ((isset($products_info['products_image_sm_3']) && $products_info['products_image_sm_3'] == '') && ($product_info['products_image_xl_3'] != '')) {
?>
          <td style="text-align:center;">
            <?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 {
?>
          <td>&nbsp;</td>
<?php
    }
?>
        </tr>
        <tr>
<?php
    if (($product_info['products_image_sm_4'] != '') && ($product_info['products_image_xl_4'] == '')) {
?>
          <td style="text-align:center;">
            <?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_sm_4'] != '')) {
?>
          <td style="text-align:center;">
            <?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_xl_4']) . '" rel="lightbox[product]" title="' .$product_info['products_name']. '">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_4'], $product_info['products_name'], $image_width, $image_height, 'hspace="5" vspace="5"') . '<br>' . tep_template_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a></center>'; ?>
          </td>
<?php
    } elseif ((isset($products_info['products_image_sm_4']) && $products_info['products_image_sm_4'] == '') && ($product_info['products_image_xl_4'] != '')) {
?>
          <td style="text-align:center;">
            <?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 {
?>
          <td>&nbsp;</td>
<?php
    }

    if (($product_info['products_image_sm_5'] != '') && ($product_info['products_image_xl_5'] == '')) {
?>
          <td style="text-align:center;">
            <?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_sm_5'] != '')) {
?>
          <td style="text-align:center;">
       <?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_xl_5']) . '" rel="lightbox[product]" title="' .$product_info['products_name']. '">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_5'], $product_info['products_name'], $image_width, $image_height, 'hspace="5" vspace="5"') . '<br>' . tep_template_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a></center>'; ?>
          </td>
<?php
    } elseif ((isset($products_info['products_image_sm_5']) && $products_info['products_image_sm_5'] == '') && ($product_info['products_image_xl_5'] != '')) {
?>
          <td style="text-align:center;">
            <?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 {
?>
          <td>&nbsp;</td>
<?php
    }

    if (($product_info['products_image_sm_6'] != '') && ($product_info['products_image_xl_6'] == '')) {
?>
          <td style="text-align:center;">
            <?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_sm_6'] != '')) {
?>
          <td style="text-align:center;">
            <?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_xl_6']) . '" rel="lightbox[product]" title="' .$product_info['products_name']. '">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_6'], $product_info['products_name'], $image_width, $image_height, 'hspace="5" vspace="5"') . '<br>' . tep_template_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a></center>'; ?>
          </td>
<?php
    } elseif ((isset($products_info['products_image_sm_6']) && $products_info['products_image_sm_6'] == '') && ($product_info['products_image_xl_6'] != '')) {
?>
          <td style="text-align:center;">
            <?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 {
?>
          <td>&nbsp;</td>
<?php
    }
?>
        </tr>
      </table></td>
    </tr>
<!-- // EOF MaxiDVD: Modified For Ultimate Images Pack! //-->
<?php
} // end of initial IF
?>
Top
 Profile  
 
OKCRandy
 Post subject: Re: Install lightbox image pop-up 6.4
PostPosted: Mon Feb 01, 2010 7:04 pm 
Offline
CRE Freak
User avatar

Joined: Tue Mar 13, 2007 12:00 am
Posts: 95
Location: NE of OKC
I did the edit for main product image, now the 200 x 200 thumbnail is being scaled up to 600 x 600. Seems to be something missing here.

Do I need to add the code:
Code:
                  } else {
                    $new_image = $product_info['products_image'];
                    $image_width = SMALL_IMAGE_WIDTH;
                    $image_height = SMALL_IMAGE_HEIGHT;
                  }


into the edit some place?

Thanks for posting this info.

_________________
PurOKC-Creations.net
3d Content

Top
 Profile  
 
kimbo6365
 Post subject: Re: Install lightbox image pop-up 6.4
PostPosted: Thu Mar 04, 2010 12:27 am 
Offline
CRE Newbie

Joined: Thu Mar 04, 2010 12:18 am
Posts: 1
This is a very helpful thread!!

There were a couple of problems with the code when I used it. Mainly, for both the main image and additional images, just copying & pasting this code made my thumbnail images too large.

Here's my fix:

In the templates/content/product_info_tabs.tpl.php file, place this code:

Code:
<?php
                   if (tep_not_null($product_info['products_image_med'])) echo '<center><a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_med']) . '" rel="lightbox" title="' .$product_info['products_name']. '">' . tep_image(DIR_WS_IMAGES . $product_info['products_image'], $product_info['products_name'], MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . tep_template_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a></center>';
else echo tep_image(DIR_WS_IMAGES . $product_info['products_image']);
?>


Basically, replacing "large" with "medium." It worked for my site, at least.

Also, in additional_images.php, I had a few problems. First of all, there were several instances of this file. I put it in the includes/modules folder, and it worked. Again, the images were too large with the code given, and I had to find each instance of $image_width & $image_height and replace with ULT_THUMB_IMAGE_WIDTH & ULT_THUMB_IMAGE_HEIGHT. Fixed my site, and now lightbox is working beautifully!

Here's the code for the whole additional_images.php file for the lazy and technically confused:
Code:
<?php
//check to see if there is actually anything to be done here
if ( ($product_info['products_image_sm_1'] != '') || ($product_info['products_image_xl_1'] != '') ||
     ($product_info['products_image_sm_2'] != '') || ($product_info['products_image_xl_2'] != '') ||
     ($product_info['products_image_sm_3'] != '') || ($product_info['products_image_xl_3'] != '') ||
     ($product_info['products_image_sm_4'] != '') || ($product_info['products_image_xl_4'] != '') ||
     ($product_info['products_image_sm_5'] != '') || ($product_info['products_image_xl_5'] != '') ||
     ($product_info['products_image_sm_6'] != '') || ($product_info['products_image_xl_6'] != '') ) {
?>
<!-- // BOF MaxiDVD: Modified For Ultimate Images Pack! //-->
    <tr>
      <td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
    </tr>
    <tr>
      <td style="text-align:center;"><table cellpadding="3" cellspacing="3" border="0" align="center">
        <tr>
<?php
    if (($product_info['products_image_sm_1'] != '') && ($product_info['products_image_xl_1'] == '')) {
?>
          <td style="text-align:center;"><?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_sm_1'] != '')) {
?>
          <td style="text-align:center;">
          <?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_xl_1']) . '" rel="lightbox[product]" title="' .$product_info['products_name']. '">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_1'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . tep_template_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a></center>'; ?>
          </td>
<?php
    } elseif ((isset($products_info['products_image_sm_1']) && $products_info['products_image_sm_1'] == '') && ($product_info['products_image_xl_1'] != '')) {
?>
          <td style="text-align:center;">
            <?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 {
?>
          <td>&nbsp;</td>
<?php
    }

    if (($product_info['products_image_sm_2'] != '') && ($product_info['products_image_xl_2'] == '')) {
?>
          <td style="text-align:center;">
            <?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_sm_2'] != '')) {
?>
          <td style="text-align:center;">
        <?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_xl_2']) . '" rel="lightbox[product]" title="' .$product_info['products_name']. '">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_2'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . tep_template_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a></center>'; ?>
<?php
    } elseif ((isset($products_info['products_image_sm_2']) && $products_info['products_image_sm_2'] == '') && ($product_info['products_image_xl_2'] != '')) {
?>
          <td style="text-align:center;">
            <?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 {
?>
          <td>&nbsp;</td>
<?php
    }

    if (($product_info['products_image_sm_3'] != '') && ($product_info['products_image_xl_3'] == '')) {
?>
          <td style="text-align:center;">
            <?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_sm_3'] != '')) {
?>
          <td style="text-align:center;">
     <?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_xl_3']) . '" rel="lightbox[product]" title="' .$product_info['products_name']. '">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_3'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . tep_template_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a></center>'; ?>
          </td>
<?php
    } elseif ((isset($products_info['products_image_sm_3']) && $products_info['products_image_sm_3'] == '') && ($product_info['products_image_xl_3'] != '')) {
?>
          <td style="text-align:center;">
            <?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 {
?>
          <td>&nbsp;</td>
<?php
    }
?>
        </tr>
        <tr>
<?php
    if (($product_info['products_image_sm_4'] != '') && ($product_info['products_image_xl_4'] == '')) {
?>
          <td style="text-align:center;">
            <?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_sm_4'] != '')) {
?>
          <td style="text-align:center;">
            <?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_xl_4']) . '" rel="lightbox[product]" title="' .$product_info['products_name']. '">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_4'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . tep_template_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a></center>'; ?>
          </td>
<?php
    } elseif ((isset($products_info['products_image_sm_4']) && $products_info['products_image_sm_4'] == '') && ($product_info['products_image_xl_4'] != '')) {
?>
          <td style="text-align:center;">
            <?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 {
?>
          <td>&nbsp;</td>
<?php
    }

    if (($product_info['products_image_sm_5'] != '') && ($product_info['products_image_xl_5'] == '')) {
?>
          <td style="text-align:center;">
            <?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_sm_5'] != '')) {
?>
          <td style="text-align:center;">
       <?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_xl_5']) . '" rel="lightbox[product]" title="' .$product_info['products_name']. '">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_5'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . tep_template_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a></center>'; ?>
          </td>
<?php
    } elseif ((isset($products_info['products_image_sm_5']) && $products_info['products_image_sm_5'] == '') && ($product_info['products_image_xl_5'] != '')) {
?>
          <td style="text-align:center;">
            <?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 {
?>
          <td>&nbsp;</td>
<?php
    }

    if (($product_info['products_image_sm_6'] != '') && ($product_info['products_image_xl_6'] == '')) {
?>
          <td style="text-align:center;">
            <?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_sm_6'] != '')) {
?>
          <td style="text-align:center;">
            <?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_xl_6']) . '" rel="lightbox[product]" title="' .$product_info['products_name']. '">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_6'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . tep_template_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a></center>'; ?>
          </td>
<?php
    } elseif ((isset($products_info['products_image_sm_6']) && $products_info['products_image_sm_6'] == '') && ($product_info['products_image_xl_6'] != '')) {
?>
          <td style="text-align:center;">
            <?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 {
?>
          <td>&nbsp;</td>
<?php
    }
?>
        </tr>
      </table></td>
    </tr>
<!-- // EOF MaxiDVD: Modified For Ultimate Images Pack! //-->
<?php
} // end of initial IF
?>
Top
 Profile  
 
michaeljm
 Post subject: Re: Install lightbox image pop-up 6.4
PostPosted: Wed May 05, 2010 5:00 pm 
Offline
CRE Newbie

Joined: Wed May 05, 2010 6:23 am
Posts: 7
Im running CRE 6.4.1 and I cant find the files to edit:
/catalog/templates/content/main_page.tpl.php
/public_html/templates/content/product_info_tabs.tpl.php

Which files do I edit in CRE 6.4.1? Is it the same code?

I’m not so good at programming, so please explain well :)

Thanks,
Top
 Profile  
 
TrippinBimmer
 Post subject: Re: Install lightbox image pop-up 6.4
PostPosted: Wed May 26, 2010 1:35 am 
Offline
CRE Newbie

Joined: Wed May 26, 2010 1:34 am
Posts: 1
Will this work with 6.2 CRE B2B?

-TrippinBimmer
Top
 Profile  
 
Peaces
 Post subject: Re: Install lightbox image pop-up 6.4
PostPosted: Fri Jul 02, 2010 8:25 am 
Offline
CRE Freak
User avatar

Joined: Wed Nov 18, 2009 10:24 am
Posts: 97
Hi Guys,

This mod works great however I have one problem that I cannot seem to solve.

I use some AlgoZone templates that use an animebox for the shopping cart drop down in the header (top right). The finctionality requires the following scripts that reside above the </head> as well.

Code:
<script type="text/javascript">
   var   image_width       = '<?php echo CART_IMAGE_WIDTH; ?>';
   var   image_height       = '<?php echo CART_IMAGE_HEIGHT; ?>';
   var   text_cart_quantity    = '<?php echo TEXT_CART_QUANTITY; ?>';
   var   text_cart_subtotal   = '<?php echo TEXT_CART_SUBTOTAL; ?>';
   var   text_cart_empty      = '<?php echo TEXT_CART_EMPTY; ?>';
   var   cart_text      = '<?php echo TEXT_CART_LINK; ?>';
   var   cart_link      = '<?php echo tep_href_link(FILENAME_SHOPPING_CART); ?>';
   var session_id      = '<?php echo $SID; ?>';
</script>
<script type="text/javascript" src="<?php echo DIR_WS_TEMPLATE_JS;?>jquery.js"></script>
<script type="text/javascript" src="<?php echo DIR_WS_TEMPLATE_JS;?>animebox.js"></script>


When I add the LightBox script lines to the main_page.tpl.php, the lightbox works in the site but the animebox no longer works. Also when browsing in IE there is an error listed at the bottom of the browser that says...

Message: 'Element' is undefined
Line: 27
Char: 1
Code: 0
URI: http://electronicpeaces.com/js/effects.js


Message: 'null' is null or not an object
Line: 22
Char: 4
Code: 0
URI: http://electronicpeaces.com/templates/O ... nimebox.js

Any thoughts on what I can do to make these two functions play in the same sandbox?
Top
 Profile  
 
P5TEY
 Post subject: Re: Install lightbox image pop-up 6.4
PostPosted: Thu May 26, 2011 8:00 am 
Offline
CRE Newbie

Joined: Sat Jul 31, 2010 4:51 pm
Posts: 30
Hi guys,

I've been having some problems trying to get this to work.

I have followed the instructions form Andy, and used the code from Kimbo for the fix.

All I get when I click the main image or from the additional images tab is the image being shown in the browser window by itself, as its directly viewing the image path.

I have the Nivo slider on my site that uses jQuery, and I read that it can cause conflicts to I commented out the Nivo slider but the problem for lightbox continued...

Anyway the Nivo code is in index_default.php and shouldn't affect the lightbox?

I thought maybe it wasn't working because the paths were wrong, but i've checked a few times and everything is in place...

Any help would be much appreciated!

Thanks

Pete
Top
 Profile  
 
rlmtech
 Post subject: Re: Install lightbox image pop-up 6.4
PostPosted: Thu Jun 16, 2011 7:06 pm 
Offline
CRE Newbie
User avatar

Joined: Mon Nov 10, 2008 9:05 pm
Posts: 24
need some assistance with this.

i had lightbox working on my 6.2b2b template where you click the main product image and you can click through all the additional images at once.

since i upgraded to 6.4.1
now when you click the main image you no longer have the option to click through the rest of images.
you have to close that lightbox and go the the tabs page and click one one of the additional images to see those.

even if i disable tabs its the same thing you need to close the first lightbox and click on one of the additional images
Top
 Profile  
 
rlmtech
 Post subject: Re: Install lightbox image pop-up 6.4
PostPosted: Sat Jun 18, 2011 2:49 pm 
Offline
CRE Newbie
User avatar

Joined: Mon Nov 10, 2008 9:05 pm
Posts: 24
what version of 6.4 are you guys using?
pro or b2b?

i am having the weirdest problem
(besides the one i mentioned above)
for some reason now when seo url's are enabled lightbox doesn't work.
when i disable seo lightbox works...
Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  Page 1 of 1
  [ 9 posts ] 

Board index » Loaded Commerce Support » Tips & Tricks

All times are UTC - 5 hours


Who is online

Users browsing this forum: No registered users and 1 guest

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron
It is currently Wed May 23, 2012 7:06 pm
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group

Main Menu

Login

Forums Latest Activity

Top Listing

1. Cart2Cart - Shopping...
    Category: Shopping Cart Database Conversion Scripts
    
2. Points & Rewards PLUS!...
    Category: Add-Ons
    
3. Configuration Server...
    Category: Fixes
    
4. Credit Card with CCV
    Category: Payment Modules
    
5. CC7333_ATS
    Category: Templates
    
Show more...

© CRE Loaded is a product of Chain Reaction Ecommerce, Inc. Usage & Privacy Policy