Cherry Zen Template Support Thread

jettrue:

Remove .attribImg from this long line in the css.

#cartProdTitle,.centeredContent,TH,#cartEmptyText,#cartBoxGVButton,#cartBoxEmpty,#cartBoxVoucherBalance,#navCatTabsWrapper,#navEZPageNextPrev,#bannerOne,#bannerTwo,#bannerThree,#bannerFour,#bannerFive,#bannerSix,#siteinfoLegal,#siteinfoCredits,#siteinfoStatus,#siteinfoIP,.center,.cartRemoveItemDisplay,.cartQuantityUpdate,.cartQuantity,.cartTotalsDisplay,#cartBoxGVBalance,.leftBoxHeading,.centerBoxHeading,.rightBoxHeading,.productListing-data,.accountQuantityDisplay,.ratingRow,LABEL#textAreaReviews,#reviewsInfoDefaultProductImage,#productReviewsDefaultProductImage,#reviewWriteMainImage,.centerBoxContents,.specialsListBoxContents,.categoryListBoxContents,.additionalImages,.centerBoxContentsSpecials,.centerBoxContentsAlsoPurch,.centerBoxContentsFeatured,.centerBoxContentsBestSellers,.centerBoxContentsNew,.gvBal,.attribImg,#linksboxContent {
text-align:center;
}

 
Wow! You are awesome!!!:bigups::hug::clap:
 
Thank you soooo much!! 
 
Matt

About the box header images.

Do you notice that they load slower than the rest of the page? They seem to load last, yet the header images at the top and teh center part load fast.

It looks like header is first, center is second then side boxes load third.

Is there a way the template can be made to load all at once or atleast, the header part and the side boxes first?

Cherry Zen template & Return Authorization form..
I am having display problem in Cherry Zen after return authorization is submitted. Clyde had a look and suggested I ask here. Test site is at:
http://store.annron.com see how page is displayed after the form is submitted. Any suggestion?
Thanks

maraud:

About the box header images.

Do you notice that they load slower than the rest of the page? They seem to load last, yet the header images at the top and teh center part load fast.

It looks like header is first, center is second then side boxes load third.

Is there a way the template can be made to load all at once or atleast, the header part and the side boxes first?

Do you notice this at my test site, https://www.cherryzen.jadetrue.com? Even when I clear my browsers cache, the load difference between images is negligible to my eyes. Browsers load images in the order they appear in the html. The sideboxes are the last section in the html, however I have no plans to change the order of the way the template is arranged, so I have no good suggestions. :-)

Hello. Like all before me, I agree that this is an awesome template. I have a question which has been hit around several times already here. I'm sure if I wasn't into my 12th hour with this stuff I would have the time and patience to search for it properly (or more properly). My long description is in a box at the very bottom of the details page. I'm not sure what I've done to do this. I would like the long descr. up to the right of the image just like the short one is on the list page. The part number and quantity can go just under the image (I swear it was like this at some point) or under the long description. Any help?
Heres a link to an **EXAMPLE**....

Veronika7747:

Cherry Zen template & Return Authorization form..
I am having display problem in Cherry Zen after return authorization is submitted. Clyde had a look and suggested I ask here. Test site is at:
http://store.annron.com see how page is displayed after the form is submitted. Any suggestion?
Thanks

I replied in the RMA thread, it is an issue with that mod... :smile:

mugyver:

Hello. Like all before me, I agree that this is an awesome template. I have a question which has been hit around several times already here. I'm sure if I wasn't into my 12th hour with this stuff I would have the time and patience to search for it properly (or more properly). My long description is in a box at the very bottom of the details page. I'm not sure what I've done to do this. I would like the long descr. up to the right of the image just like the short one is on the list page. The part number and quantity can go just under the image (I swear it was like this at some point) or under the long description. Any help?
Heres a link to an **EXAMPLE**....

I designed the template like that. However, you can open up includes/templates/cherry_zen/templates/tpl_product_info_display.php and move the description section wherever you'd like it. Or, you can simply delete that file from the server, if you'd like the original stock zen cart product layout. :smile:

jettrue:

I replied in the RMA thread, it is an issue with that mod... :smile:

hmm, when I switch to classic template, all seems fine....
I'll keep looking

Veronika7747:

hmm, when I switch to classic template, all seems fine....
I'll keep looking

I promise, its not the cherry zen template, it is an error in the module. The classic template is not a floating <div> based template like Cherry Zen is. The extra </div> is there even when you switch to classic template, but since the classic template is a simpler template, it does not break with the error. All "floating" based designs tend to be more finicky when there is a <div> issue. Believe me, I've seen it happen enough with this template to know what's going on. :hug:

I don't have a site with the mod installed to test this fix, but I think if you change the last lines of tpl_returns_default.php from this:

</fieldset>
<?php
  }
?>
[B]</div>[/B]
</form>
<div class="buttonRow back"><?php echo zen_back_link() . zen_image_button(BUTTON_IMAGE_BACK, BUTTON_BACK_ALT) . '</a>'; ?></div>
<br class="clearBoth" />
</div>

to this:

</fieldset>
[B]</div>[/B]
<?php
  }
?>
</form>
<div class="buttonRow back"><?php echo zen_back_link() . zen_image_button(BUTTON_IMAGE_BACK, BUTTON_BACK_ALT) . '</a>'; ?></div>
<br class="clearBoth" />
</div>

The problem will go away. It is a matter of a misplaced </div>. Anyway, change that, and let me know if the issue goes away.

jettrue:

I promise, its not the cherry zen template, it is an error in the module. The classic template is not a floating <div> based template like Cherry Zen is. The extra </div> is there even when you switch to classic template, but since the classic template is a simpler template, it does not break with the error. All "floating" based designs tend to be more finicky when there is a <div> issue. Believe me, I've seen it happen enough with this template to know what's going on. :hug:

I don't have a site with the mod installed to test this fix, but I think if you change the last lines of tpl_returns_default.php from this:

:clap: Thank you!! That move fixed it....:clap:

Is there a way to fix or control how the template loads so that it loads the header and side colums first before the center part?

maraud:

Is there a way to fix or control how the template loads so that it loads the header and side colums first before the center part?

Not easily, no.

How could I put the Home, Log In, My Account, Shopping Cart, & Checkout on the top bar of the class templete?

Thanks for the help!!

Another question, The breadcrumb bar is white, on the template its supposed to be Gray I think. Where do I change it?

Thanks,
Tom

Hi there

sorry if there is a similiar answer allready posted because i didnt found it.

my problem is the shadow of the product picture it didnt is fixed at the picture, it has too much space to the picture especially in IE7.

here a link to my shop
http://shop.chayah.net/index.php?main_page=product_info&cPath=1&products_id=16

how can i fix the shadow ?

rooml101:

How could I put the Home, Log In, My Account, Shopping Cart, & Checkout on the top bar of the class templete?

Hmm, good question. (I'm assuming you mean to say "classic" template.

Anyway, you'd need to replace the navmainwrapper section of the classic template with the navmainwrapper section of the cherry zen template, starting from <!--bof-navigation display--> to <!--eof-navigation display-->

Then, you'll need to add some css (its a lot):

#navMainWrapper {
	background:url("../images/red/header.gif");
	}
	
#navMain a {
	background:url("../images/red/tableftE.gif") no-repeat left top;
	}
	
#navMain a span {
	background:url("../images/red/tabrightE.gif") no-repeat right top;
	}
	
#navMain a span.last {
	background:url("../images/red/tabrightE_last.gif") no-repeat right top;
	}

#navMain a span {
	color:#ffffff; /* color of header links, HOME, LOGIN, MY ACCOUNT, etc. */
	}
	
#navMain a:hover span {
	color:#ffffff; /* color of header links, HOME, LOGIN, MY ACCOUNT, etc. when hovered over */
	}

#navMainWrapper {
	height:32px;
	width:100%;
	font-size:12px;
	}

#navMain {
	float:right;
	width:750px;
	line-height:normal;
	}

#navMain ul {
	float:right;
	list-style:none;
	}
	  
#navMain li {
	display:inline;
	}
	  
#navMain a {
	float:left;
	text-decoration:none;
	}
	
#navMain a span {
	float:left;
	display:block;
	padding:7px 15px 10px 15px;
	text-align:center;
	width:90px;
	cursor:pointer;
	}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navMain a span {float:none;}
/* End IE5-Mac hack */

#navMain a:hover {
	background-position:0% -32px;
	}
    
#navMain a:hover span {
	background-position:100% -32px;
	}  

And then be sure to remove all of the original #navMain, #navMainWrapper, etc. that is found in the classic template's stylesheet.css.

CarolinaReefs:

Thanks for the help!!

Another question, The breadcrumb bar is white, on the template its supposed to be Gray I think. Where do I change it?

Thanks,
Tom

Nope, its white in the template, but you can add a background color at the #navBreadCrumb in the css.

Robin89:

Hi there

sorry if there is a similiar answer allready posted because i didnt found it.

my problem is the shadow of the product picture it didnt is fixed at the picture, it has too much space to the picture especially in IE7.

here a link to my shop
http://shop.chayah.net/index.php?main_page=product_info&cPath=1&products_id=16

how can i fix the shadow ?

Make sure you uploaded includes/templates/cherry_zen/templates/tpl_modules_main_product_image.php

When you look at the template "Cherry Zen" at the top, it has a blue row/background and then the red bar. denasha.com

Just a few questions

How can i get rid of the blue row and remove the space it creates?

How can i make the menu that appears in the red bar to have spaces, since at the moment, it shows up as "HomeLog In" without any spaces between the menu words

How can i remove the first menu Product1 Product 2, so that the only menu showing up is the CSS dropdown menu with Product 1 and Product 2, instead of having two menus with the same thing?

maraud:

When you look at the template "Cherry Zen" at the top, it has a blue row/background and then the red bar. denasha.com

Just a few questions

How can i get rid of the blue row and remove the space it creates?

How can i make the menu that appears in the red bar to have spaces, since at the moment, it shows up as "HomeLog In" without any spaces between the menu words

How can i remove the first menu Product1 Product 2, so that the only menu showing up is the CSS dropdown menu with Product 1 and Product 2, instead of having two menus with the same thing?

I'm not understanding a lot of what you're saying. Could I see a link?