Cherry Zen Template Support Thread

[jettrue]

I'm not able to proceed with the original includes/templates/cherry_zen/templates/tpl_modules_main_product_image.php because it needed to be modified for Faul Slimbox, which is what started my issues in the first place as I kept modifying and remodifying to the point where the site broke. I have attempted numerous merges of the Cherry Zen & Slimbox tpl_modules_main_product_image.php but with zero success.

My problem is the larger image link beneath the main image on the product page and the box that contains the main image itself. If you look at mine, you'll see that it is just a tad too far south and the box sides are too wide. I'm hoping that other folks who have Slimbox installed along with Cherry Zen will share with me their modified tpl_modules_main_product_image.php or other solutions to this problem.

Thanks!

Here's my attempt at a merge. Since I'm not using slimbox, I can't test. Please upload this one, and if you still have issues, leave it up, and let me view the page with this file in action.

<?php
/**
 * Module Template
 *
 * @package templateSystem
 * @copyright Copyright 2007 FUAL
 * @copyright Portions 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_main_product_image.php 2007-12-04 btyler $
 */
?>
<?php require(DIR_WS_MODULES . zen_get_module_directory(FILENAME_MAIN_PRODUCT_IMAGE)); ?> 
<div id="productImage" class="centeredContent back">
<!-- bof Zen Slimbox v0.1 btyler 2007-12-04 merged for CherryZen by jettrue 2008-07-12 -->
<?php
if( FUAL_SLIMBOX == 'true' || ZEN_LIGHTBOX_STATUS == 'true' ) {
    // Set the title
    if ( $current_page_base == 'product_reviews' ) {
        $fual_slimbox_title = htmlentities($review->fields['products_name'],ENT_QUOTES);
    } else {
        $fual_slimbox_title = htmlentities($products_name,ENT_QUOTES);
    }
    // Get the href for the large image
    $fual_slimbox_href = zen_lightbox($products_image_large, $fual_slimbox_title, LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT);
    $fual_slimbox_a = '<a href="' . $fual_slimbox_href . '" rel="lightbox[gallery]" title="' . $fual_slimbox_title . '">';
    // Get the img element for this product.
    $fual_slimbox_image = zen_image($products_image_medium, $fual_slimbox_title, MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT); 

    // Test remote images to simulate slow loading for local development
    //$fual_slimbox_image = '<img src="http://demos.mootools.net/demos/DomReadyVS.Load/moo.png" width="150px" height="150px;" alt="test" />'; 
    
    // Note if you want to test a slow DOM load, then in /index.php add sleep(5); (in php brackets) just before the final </html>
    // This will make the DOM take an extra 5 seconds to load, which simulates dialup (what a cool feature)
    
    $fualSlimboxContent = "";
    if( ZEN_LIGHTBOX_STATUS == 'true' ) {
        $fualNervousSwitch = 0;
    } else {
        $fualNervousSwitch = FUAL_SLIMBOX_NERVOUS;
    }
    switch( $fualNervousSwitch ) {
        case 2:
            $fualSlimboxContent .= '<div id="productMainImage">';
            break;
        case 1:
            $fualSlimboxContent .=  '<div id="productMainImage">';
            break;
        case 0:
        default:
            $fualSlimboxContent .= '<div id="productMainImage">';
    }
    $fualSlimboxContent .=  $fual_slimbox_a . $fual_slimbox_image . '</div>'; 
    // Putting the text link together with the image is nasty!
    $fualSlimboxContent .=  '<br class="clearBoth" />';
    $fualSlimboxContent .=  '<span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>';
?>
    <script language="javascript" type="text/javascript"><!--
    document.write('<?php echo $fualSlimboxContent; ?>' );
    //--></script>
    <noscript>
    <?php
    // If they can't be bothered to get a decent browser or turn js on then they only deserve the default behaviour.
    echo '<a href="' . zen_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $_GET['products_id']) . '" target="_blank">' . zen_image($products_image_medium, $products_name, MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>';
?>
    </noscript>
<?php         
} else {
?>
<!-- bof Zen Slimbox v0.1 btyler 2007-12-04 -->
    <script language="javascript" type="text/javascript"><!--
    document.write('<?php echo '<a href="javascript:popupWindow(\\\'' . zen_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $_GET['products_id']) . '\\\')">' . zen_image($products_image_medium, addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>'; ?>');
    //--></script>
    <noscript>
    <?php
    echo '<a href="' . zen_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $_GET['products_id']) . '" target="_blank">' . zen_image($products_image_medium, $products_name, MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>';
    ?>
    </noscript>
<?php } ?>
</div>