Cherry Zen Template Support Thread

jettrue:

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?

skipper_2:

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 :-)

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?

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

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.

**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™ E-Commerce Solution." /> <meta name="description" content="Zen Cart! : Congratulations! You have successfully installed your Zen Cart™ 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™ Team and others" /> <meta name="generator" content="shopping cart program by Zen Cart™, 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>

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™ E-Commerce Solution." /> <meta name="description" content="Zen Cart! : Congratulations! You have successfully installed your Zen Cart™ 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™ Team and others" /> <meta name="generator" content="shopping cart program by Zen Cart™, 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 https://www.cherryzen.jadetrue.com, do you? As far as the "distortion" I'll need more specifics, or would need to see a screenshot.

Hi again Jade,

jettrue:

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)

skipper_2:

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:

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?

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!

jettrue:

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.

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.php?main_page=index&cPath=2

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?

skipper_2:

Hi again Jade,

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?

Try adding float:right to productDescription once you move it up. If you still have issues, could you link me to a page once you have it pasted?

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!

I know nothing about their editor. I'd ask your host for advice, or use a free ftp program like filezilla.

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?

I see your issues, unfortunately I'm dead tired tonight, and I've got a muscle spasm issue... will reply tomorrow.... or perhaps someone else will have some advice.

Thanks Jade. I figured it out. I compared the two index files and I was missing a piece of the code, it's all good now.

jettrue:

I know nothing about their editor. I'd ask your host for advice, or use a free ftp program like filezilla.

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.php?main_page=index&cPath=2

You want it in three in a row? That is the columns option. It looks like you are using the row option (one on each line) and be sure that you have chose "columns" for "product-listing - Layout style"

To remove the left column, turn it off like you did before, in the css, change the padding-left for .outer to 15px:

.outer {
padding-left: 15px; /* Same width as margin-left for the float-wrap div /
padding-right: 150px; / Our right column width */
}

and remove this section from the css:

#contentMainWrapperb {
background: url("../images/sidebox.gif") 0 0 repeat-y; /* This is the left column background "faked" with an image. */
}

Love your template, using it a while now.

I just installed Links Manager and for some reason after a site is submitted, the boxes on the left are all scrambled on the right site for the "success" page. The links manager author pointed me here.

Any ideas?

Thanks
Jeff
www.educatorsbookbag.com/store

skipper_2:

Hi again Jade,

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?

jettrue:

Try adding float:right to productDescription once you move it up. If you still have issues, could you link me to a page once you have it pasted?

Hi Jade, thanks for that all sorted now looks great!

Just one more question, above the add to cart button is the text add to cart and then a quantity box. I have managed to change the add to cart button to add to basket and would like to also change the text but cannot find the file to do it?

I would also like to change the words Estimate shipping costs on the shopping cart page to estimate delivery costs but cant find the file to edit.

Any help would be appreciated
Thanks
Skip

jettrue:

You want it in three in a row? That is the columns option. It looks like you are using the row option (one on each line) and be sure that you have chose "columns" for "product-listing - Layout style"
No, that's the weird thing -- I do have columns selected! I tried setting it back to rows just for comparison, and the only change was it took away the dotted line dividers. I set it back to columns again, and that brought the dotted lines back but made no other change. For some reason, the columns setting does nothing but add dotted lines.

To remove the left column, turn it off like you did before, in the css, change the padding-left for .outer to 15px:

.outer {
padding-left: 15px; /* Same width as margin-left for the float-wrap div /
padding-right: 150px; / Our right column width */
}

and remove this section from the css:

#contentMainWrapperb {
background: url("../images/sidebox.gif") 0 0 repeat-y; /* This is the left column background "faked" with an image. */
}
Thanks - that seems to have halfway worked! It's no longer leaving space for the left column, but it still loses the background colour of the main and right columns, and the right column is now exactly where the left column was, over top of the content in the main column. I've uploaded a new screenshot so that you can see what it's doing...

spidersilk:

No, that's the weird thing -- I do have columns selected! I tried setting it back to rows just for comparison, and the only change was it took away the dotted line dividers. I set it back to columns again, and that brought the dotted lines back but made no other change. For some reason, the columns setting does nothing but add dotted lines.

Thanks - that seems to have halfway worked! It's no longer leaving space for the left column, but it still loses the background colour of the main and right columns, and the right column is now exactly where the left column was, over top of the content in the main column. I've uploaded a new screenshot so that you can see what it's doing...

Hmmm, the left column issue is not happening when I follow my instructions on your site in firefox, it works just right. Try not disabling the left column in the admin, just follow the css instructions. What browser do you see the issue in? I'd really need to see the issue "live" to figure out what is causing it. However, I won't be back on the computer until about 9pm central US time.

How many columns per row do you have set in the admin for the product listing? Also reupload common/tpl_columnar_display.php from cherry_zen.

:clap:> JeffM:

Love your template, using it a while now.

I just installed Links Manager and for some reason after a site is submitted, the boxes on the left are all scrambled on the right site for the "success" page. The links manager author pointed me here.

Any ideas?

Thanks
Jeff
www.educatorsbookbag.com/store

Got my answer from the support thread for Link Manager. Thanks anyway.