Cherry Zen Template Support Thread

[skipper_2]

Open up includes/templates/YOUR_TEMPLATE/templates/tpl_product_info_display.php and find the product description section (that whole file is nicely blocked off into sections), and cut and paste the description section where you'd like it. (after product name, after product details, after product attributes, wherever you'd like it)

Thanks for the advice , before you replied I had been messing with the css and managed to get the text where I wanted by doing this:

#productDescription {
border:1px solid #bfbfbf;
margin-top:-225px;
margin-left:215px;
margin-right:30px;
clear:both;
}

Is it ok to leave it like this as it looks just like I wanted or have I done something that is not wise in the css perhaps?

[jettrue]

Thanks for the advice , before you replied I had been messing with the css and managed to get the text where I wanted by doing this:

#productDescription {
border:1px solid #bfbfbf;
margin-top:-225px;
margin-left:215px;
margin-right:30px;
clear:both;
}

Is it ok to leave it like this as it looks just like I wanted or have I done something that is not wise in the css perhaps?

I personally wouldn't do it that way. Depending on whether the product has options, etc. it won't alway be -225px away. But if it works on your site, and all of your products look the same, I guess it works :-)

[speeds5]

Love the Cherry Zen template. Thanks for making it available.

I have uploaded the template, made a few changes, but I'm stuck on the below point. I have read the FAQs in detail, but this is not working out for me for some reason.

*** I can not get rid of the "Congratulations! You have installed the ZenCart...." text though the over ride (cherry_zen). I copied the languages/english/index.php to languages/english/cherry_zen/index.php, made the change to the text, but it didn't work. Seems like when the website loads, it still looks at the language/english/index.php Can someone tell me what I'm doing wrong? Here's the website... http://alboperformance.com/catalog

Here's how it looks in the english/cherry_zen/index.php file

{ // This section deals with the "home" page at the top level with no options/products selected /*Replace this text with the headline you would like for your shop. For example: 'Welcome to My SHOP!'*/ define('HEADING_TITLE', 'Albo Performance'); } elseif ($category_depth == 'nested') { // This section deals with displaying a subcategory /*Replace this line with the headline you would like for your shop. For example: 'Welcome to My SHOP!'*/ define('HEADING_TITLE', 'Albo Performance'); } ?>

Last time I tried to make the change directly in the english/index.php while having the template on it ruined everything and I had to re-install the Zen Cart from the beginning. I'm not doing that again. Anyone has any idea?

[jettrue]

Love the Cherry Zen template. Thanks for making it available.

I have uploaded the template, made a few changes, but I'm stuck on the below point. I have read the FAQs in detail, but this is not working out for me for some reason.

*** I can not get rid of the "Congratulations! You have installed the ZenCart...." text though the over ride (cherry_zen). I copied the languages/english/index.php to languages/english/cherry_zen/index.php, made the change to the text, but it didn't work. Seems like when the website loads, it still looks at the language/english/index.php Can someone tell me what I'm doing wrong? Here's the website... http://alboperformance.com/catalog

Here's how it looks in the english/cherry_zen/index.php file

Last time I tried to make the change directly in the english/index.php while having the template on it ruined everything and I had to re-install the Zen Cart from the beginning. I'm not doing that again. Anyone has any idea?

If you've actually uploaded the changed file to includes/languages/english/cherry_zen/index.php that should work just fine.

Check and double and triple check that it is in the EXACT spot, that you didn't capitalize cherry_zen or mispell it, etc.

Also, what are you using to edit your files? When I copied your text above and pasted it in to my index.php it was ALL on one line, and I think that may be your problem. It should look like this:

{
// This section deals with the "home" page at the top level with no options/products selected
/*Replace this text with the headline you would like for your shop. For example: 'Welcome to My SHOP!'*/
define('HEADING_TITLE', 'Albo Performance');
} elseif ($category_depth == 'nested') {
// This section deals with displaying a subcategory
/*Replace this line with the headline you would like for your shop. For example: 'Welcome to My SHOP!'*/
define('HEADING_TITLE', 'Albo Performance');
} ?>

Also, you pasted > instead of > so somethings telling me your site messed up before because you're using something you shouldn't to edit your files.

[iajdani]

Why the layout get distorted in the right boxex. the background and boxes does not match. The same I get for test site and my installation. I am testing with IE 6 and IE 7. Also the hover effect I dont get it in my installation. How can I activate this..


I am attaching the main page header source here.. As i dont see the
style_imagehover.css is included in this page for some reason.. Am I missing anything?????????



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en">
<head>
<title>Zen Cart!, The Art of E-commerce</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="Hardware Software DVD Movies Gift Certificates Big Linked Test Examples Free Call Stuff Test 10% by Attrib Test 10% A Top Level Cat Sale Percentage Sale Deduction Sale New Price Big Unlinked New v1.2 Music Documents Mixed Product Types ecommerce, open source, shop, online shopping Congratulations! You have successfully installed your Zen Cart&trade; E-Commerce Solution." />
<meta name="description" content="Zen Cart! : Congratulations! You have successfully installed your Zen Cart&trade; E-Commerce Solution. - Hardware Software DVD Movies Gift Certificates Big Linked Test Examples Free Call Stuff Test 10% by Attrib Test 10% A Top Level Cat Sale Percentage Sale Deduction Sale New Price Big Unlinked New v1.2 Music Documents Mixed Product Types ecommerce, open source, shop, online shopping" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="author" content="The Zen Cart&trade; Team and others" />
<meta name="generator" content="shopping cart program by Zen Cart&trade;, http://www.zen-cart.com" />
<base href="http://10.10.10.12/zen/" />

<link rel="stylesheet" type="text/css" href="includes/templates/cherry_zen/css/stylesheet.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/cherry_zen/css/stylesheet_dotline.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/cherry_zen/css/stylesheet_dropshadow.css" />
<script type="text/javascript" src="includes/templates/template_default/jscript/jscript_imagehover.js"></script>
</head>

[jettrue]

Why the layout get distorted in the right boxex. the background and boxes does not match. The same I get for test site and my installation. I am testing with IE 6 and IE 7. Also the hover effect I dont get it in my installation. How can I activate this..


I am attaching the main page header source here.. As i dont see the
style_imagehover.css is included in this page for some reason.. Am I missing anything?????????



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en">
<head>
<title>Zen Cart!, The Art of E-commerce</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="Hardware Software DVD Movies Gift Certificates Big Linked Test Examples Free Call Stuff Test 10% by Attrib Test 10% A Top Level Cat Sale Percentage Sale Deduction Sale New Price Big Unlinked New v1.2 Music Documents Mixed Product Types ecommerce, open source, shop, online shopping Congratulations! You have successfully installed your Zen Cart&trade; E-Commerce Solution." />
<meta name="description" content="Zen Cart! : Congratulations! You have successfully installed your Zen Cart&trade; E-Commerce Solution. - Hardware Software DVD Movies Gift Certificates Big Linked Test Examples Free Call Stuff Test 10% by Attrib Test 10% A Top Level Cat Sale Percentage Sale Deduction Sale New Price Big Unlinked New v1.2 Music Documents Mixed Product Types ecommerce, open source, shop, online shopping" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="author" content="The Zen Cart&trade; Team and others" />
<meta name="generator" content="shopping cart program by Zen Cart&trade;, http://www.zen-cart.com" />
<base href="http://10.10.10.12/zen/" />

<link rel="stylesheet" type="text/css" href="includes/templates/cherry_zen/css/stylesheet.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/cherry_zen/css/stylesheet_dotline.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/cherry_zen/css/stylesheet_dropshadow.css" />
<script type="text/javascript" src="includes/templates/template_default/jscript/jscript_imagehover.js"></script>
</head>

Without seeing a site, I wouldn't know. Make sure all images are uploaded... if you're using "red" make sure all images inside the red folder are uploaded. I have tested this site in IE6 and 7 and can't replicate the issue. You don't see the same issue at www.cherryzen.jadetrue.com, do you? As far as the "distortion" I'll need more specifics, or would need to see a screenshot.

[skipper_2]

Hi again Jade,

Open up includes/templates/YOUR_TEMPLATE/templates/tpl_product_info_display.php and find the product description section (that whole file is nicely blocked off into sections), and cut and paste the description section where you'd like it. (after product name, after product details, after product attributes, wherever you'd like it)

Thanks for the advice , before you replied I had been messing with the css and managed to get the text where I wanted by doing this:

#productDescription {
border:1px solid #bfbfbf;
margin-top:-225px;
margin-left:215px;
margin-right:30px;
clear:both;
}

Is it ok to leave it like this as it looks just like I wanted or have I done something that is not wise in the css perhaps?

I personally wouldn't do it that way. Depending on whether the product has options, etc. it won't alway be -225px away. But if it works on your site, and all of your products look the same, I guess it works :-)

I have tried to cut and paste the description in the includes/templates/YOUR_TEMPLATE/templates/tpl_product_info_display.php It moves the position of the text up or down depending where I put it but it wont stay over the right hand side of the product image, it stays either above or below it. I would much rather do it the way you recommended as I am not very knowledgable with this stuff and am sure the way I did it will eventually cause me problems. Could you poossibly advise me how to get it to the right of the image?

[speeds5]

Hi Jade,

It seems like you're right. I am using my web hosting standard editor. This is dot5hosting.com and they use interactivetools HTML Area 3.0 [rev beta] editor. If that's not good, how should I approach this?

Thank you!

If you've actually uploaded the changed file to includes/languages/english/cherry_zen/index.php that should work just fine.

Check and double and triple check that it is in the EXACT spot, that you didn't capitalize cherry_zen or mispell it, etc.

Also, what are you using to edit your files? When I copied your text above and pasted it in to my index.php it was ALL on one line, and I think that may be your problem. It should look like this:

{
// This section deals with the "home" page at the top level with no options/products selected
/*Replace this text with the headline you would like for your shop. For example: 'Welcome to My SHOP!'*/
define('HEADING_TITLE', 'Albo Performance');
} elseif ($category_depth == 'nested') {
// This section deals with displaying a subcategory
/*Replace this line with the headline you would like for your shop. For example: 'Welcome to My SHOP!'*/
define('HEADING_TITLE', 'Albo Performance');
} ?>

Also, you pasted &gt; instead of > so somethings telling me your site messed up before because you're using something you shouldn't to edit your files.

[spidersilk]

I've installed Cherry Zen on a site I'm working on, including the Column Layout Grid for Product Listing mod. Initially the column layout mod seemed to work fine once I set my product listing layout to columns.

But then I made a couple of changes to the header -- basically just a larger logo, removing the sales text, and altering the tagline CSS a bit so that it appears on a separate line under the logo instead of next to it (basically I just added clear: both to it, plus a border above and below).

And now my column layout is exactly like the row layout, except with dotted lines in between the different parts. I could have sworn that before I edited the header, I had each product in a little box of its own, three to a row. But not now. I tried to check out the CSS with Firebug, and I can't see how my one little CSS tweak could have done this. It looks like the table structure is completely different. Now I'm almost wondering if I hallucinated the way it appeared to be laid out at first?

I did search through this thread before posting, but didn't find much that seemed relevant to this issue. I did see a reference to there being a conflict between descriptions and the column layout grid mod, so I tried setting it not to show descriptions, but that didn't help.

Here's an example page if anyone wants to have a look:
http://shop.thesinglestep.ca/index.p...=index&cPath=2

[spidersilk]

And now I've run into one other glitch: I tried to turn the left column off in the layout settings page, since this particular site is supposed to have a fairly clean and streamlined look and I've disabled most of the sidebar boxes. The few necessary ones I've put in the right column, so I wanted to get rid of the left column.

But when I turned it off... total disaster! The right column shifted over to land smack on top of the main column, with all the content overlapping, and the background colour of both columns vanished!

Obviously I turned the left column back on right away - but why did this happen? Is there something I can change in the CSS to make it work without the left column?