Cherry Zen Template Support Thread

[toshpotties]

thanks countrycharm for trying to help with my 'tpl_search_header' issue, but I'm still unable to display the top-left search box.
Could anyone please tell me which directories I should have 'tpl_search_header.php' - currently it is in: (WHERE cherry_zen is CUSTOM folder)

includes/templates/cherry_zen/sideboxes/
includes/templates/template_default/sideboxes/

[720moto]

Hi Jet,

I downloaded and use your template and installed the Apple Zen flyout menus and it works awesome. I am very happy with it. My site is in the final stages before it goes live. Can you help me out with some minor changes before it goes live?

http://www.720moto.com/Store/

A couple of things I need to clean up my site.

1. I turned off EZ-Pages for the header but it still shows up.
2. On the upper right corner of my webpage is a HOME|LOGIN links. I would like to change them to a red color so they don't blend in with the header.
3. When you hover your mouse on the categories the color turns green. Can the color be changed and if so how do I make the change?

I would like your opinion on my site so far and if there are any suggestions or tweaks that will make it better.

Thanks

[MeltDown]

This is still because of productMainImage instead of productImage. Be sure to reload the original cherry_zen includes/templates/cherry_zen/templates/tpl_modules_main_product_image.php. You can see on my test site that this is not an issue, there is something wrong with that file on your site.

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!

[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>

[MeltDown]

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>

Beautiful! Thanks Jade. In IE the larger image text is altered with mouse-over but is not an active link. However, the main image is. In FF both are active.

Thanks for taking care of that - I know that there are quite a few Cherry Zen/Slimbox users out there who will appreciate the effort.

[jettrue]

Beautiful! Thanks Jade. In IE the larger image text is altered with mouse-over but is not an active link. However, the main image is. In FF both are active.

Thanks for taking care of that - I know that there are quite a few Cherry Zen/Slimbox users out there who will appreciate the effort.

Did you change what I pasted at all? There's now a </a> where there shouldn't be one.

[MeltDown]

Did you change what I pasted at all? There's now a </a> where there shouldn't be one.

?? No, Copy - Pasted - Posted, as-is.

I've now followed those same steps again - Is there still an </a>?

[jettrue]

?? No, Copy - Pasted - Posted, as-is.

I've now followed those same steps again - Is there still an </a>?

Does the IE larger image link work on my test site?

http://www.cherryzen.jadetrue.com

[MeltDown]

Does the IE larger image link work on my test site?

http://www.cherryzen.jadetrue.com

No, it does not. It flashes on mouse-over in exactly the same fashion as mine but does not link.

[Shelia]

I've tried to weave my way through this thread looking for the answer but....... I haven't had any luck getting rid of the default search button in my sidebox. I want to use a custom search button. Can anyone point me in the right direction? BTW - my custom search button shows up in the default template.