Cherry Zen Template Support Thread

I've installed cherry zen
It looks very good.
But i have a problem.

De leftboxes width isn't correct.

De header of the leftboxes is wider than the background of the boxes.

Also see attachment

Can anyone help me please?

Mark

Quote:

---

Originally Posted by MBijker

...... De leftboxes width isn't correct.

De header of the leftboxes is wider than the background of the boxes.

Mark

---

Admin > Configuration > Layout Settings

Column Width - Left Boxes and Column Width - Left adjust according to your needs

Hi I am completing the cherry zen template installation on 1.3.8 and everythingsd going well except the columns are all messed up in the shopping cart. I've pulled out all my hair allready trying to figure out what is causing it so I'm hoping someone else has an idea.
Here's a link to the page: http://www.bedsideplaythings.com/index.php?main_page=shopping_cart


Thanks in advance for the help

Quote:

---

Originally Posted by jjrmy1

Hi I am completing the cherry zen template installation on 1.3.8 and everythingsd going well except the columns are all messed up in the shopping cart. I've pulled out all my hair allready trying to figure out what is causing it so I'm hoping someone else has an idea.
Here's a link to the page: http://www.bedsideplaythings.com/ind...=shopping_cart


Thanks in advance for the help

---

I just installed it from scratch followings the readme.txt file and it went in fine.
What did you do after installing it. You obviously change the colors and the .gif files. Did you change the column width's because yours are wider than the standard install? Try to remember all that you did. What about the .css file, any changes there?

I've had a minor problem of the popup image not centering within the popup frame on the product page when 'larger image' was clicked. Part of the image was being 'cut off' at the bottom of the popup frame. In other words, the image wasn't centering within the frame - top, bottom, left and right. I don't believe it's an issue directly related to the Cherry Zen template as it appears to be a core ZC file that needs editing.

While I'm not, at all, a programmer and don't know PHP that well I did a little experimenting and believe I've solved this issue. For those who may have this problem with this template (or any other template that displays this), here's the fix:

Open 'includes/modules/pages/popup_image/jscript_main.php'.

To adjust the popup frame height:

Go to about line 13 and find this code. The 'i=xx' of the if/else statement sets the height of the frame for various browsers. Making this height adjustment will 'center' the image vertically within the top and bottom of the frame. As I tested I just watched for somewhat even spacing between the top of the frame and image and the bottom of the frame and image (both being somewhat even). It may take several tries for each browser setting to get it right.

Code:

---

var i=0;
function resize() {
  i=0;
//  if (navigator.appName == 'Netscape') i=20;
  if (window.navigator.userAgent.indexOf('MSIE 6.0') != -1 && window.navigator.userAgent.indexOf('SV1') != -1) {
      i=30; //This browser is Internet Explorer 6.x on Windows XP SP2
  } else if (window.navigator.userAgent.indexOf('MSIE 6.0') != -1) {
      i=0; //This browser is Internet Explorer 6.x
  } else if (window.navigator.userAgent.indexOf('Firefox') != -1 && window.navigator.userAgent.indexOf("Windows") != -1) {
      i=44; //This browser is Firefox on Windows
  } else if (window.navigator.userAgent.indexOf('Mozilla') != -1 && window.navigator.userAgent.indexOf("Windows") != -1) {
    i=45; //This browser is Mozilla on Windows
  } else {
      i=80; //This is all other browsers including Mozilla on Linux
  }

---

To set the width of the popup frame go to about line 33 and look for:

Code:

---

imgWidth = document.images[0].width+20;

---

Adjust the '20' to whatever frame width you'd like that gives even and equal spacing between the edges of the image and the frame, left and right.

Another setting to adjust is at line 32 but try the above-mentioned settings first to see if that centers the image:

Code:

---

imgHeight = document.images[0].height+85-i;

---

(The default to this setting is 40)

It's important to note that ALL of my images are the same size (125x125, 220x220 and 420x420). Having irregular-sized images will have you pulling your hair out as you test/check different product images. Example: if one image is 220 px's high and another is 190 px's high....

I tested using various browsers and setting each to look symetrically even for both width and height. This will probably work for any template having this problem.

Hope this helps a few folks...

Yea I changed the columns to 170ox from 150px. Changed them in both places in admin and in the css file. I also removed the centering from the logo and removed the tagline. That's about it. But I can't find why the columns would display differently in the cart but fine in the rest of the store.


Thanks for your help.

Quote:

---

Originally Posted by jjrmy1

Yea I changed the columns to 170ox from 150px. Changed them in both places in admin and in the css file. I also removed the centering from the logo and removed the tagline. That's about it. But I can't find why the columns would display differently in the cart but fine in the rest of the store.


Thanks for your help.

---

Did you just remove the text for the Tagline from the header.php file or did you do it some other way?

Ok but the problem is in the admin control panel. Once they were - the meta tags. (The icon is still) but does not open ... (Of categories for articles and fortunately they are!)

?

store

yup I just removed the text. here's the css for that.
#taglineWrapper {
width:75%;
float:left;
}

Here's the header:
<?php
/**
* @package languageDefines
* @copyright Copyright 2003-2006 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: header.php 2940 2006-02-02 04:29:05Z drbyte $
*/

// header text in includes/header.php
define('HEADER_TITLE_CREATE_ACCOUNT', 'Create Account');
define('HEADER_TITLE_MY_ACCOUNT', 'My Account');
define('HEADER_TITLE_CART_CONTENTS', 'Shopping Cart');
define('HEADER_TITLE_CHECKOUT', 'Checkout');
define('HEADER_TITLE_TOP', 'Top');
define('HEADER_TITLE_CATALOG', 'Home');
define('HEADER_TITLE_LOGOFF', 'Log Out');
define('HEADER_TITLE_LOGIN', 'Log In');

// added defines for header alt and text
define('HEADER_ALT_TEXT', 'Powered by Zen Cart :: The Art of E-Commerce');
define('HEADER_SALES_TEXT', '');
define('HEADER_LOGO_WIDTH', ' ');
define('HEADER_LOGO_HEIGHT', ' ');
define('HEADER_LOGO_IMAGE', 'logo.gif');

// header Search Button/Box Search Button
define('HEADER_SEARCH_BUTTON','Search');
define('HEADER_SEARCH_DEFAULT_TEXT', 'Search');

?>

Here's the logo css tag
#logo {
padding-left:15px;
text-align:center;

Thanks a bunch once again. This is killing me
Jeremy

I would like to add a Contact Us link to the navMain menu. However, the addition of another link forces the generation of a second line of text which then pushes the header down - Visually not so nice.

I reduced the font size of the navMain menu but the second line is generated nonetheless.

I could probably achieve the desired result by deactivating the search header but would prefer not to. The link to this customer site can be found here.

Thanks for any suggestions you may have.