Cherry Zen Template Support Thread

[lankeeyankee]

Change the width of navMain:

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

and also you can adjust the padding in and around the navMain section if needed.

I had played around with that setting but then realised that for some reason I was editing the css in the downloaded template folder and not the one in my cart! DOH!! Guess I'm sitting in front of the computer for too long!

Now I am trying to get the product info page looking the way I would like. I've been playing around with tpl_product_info_display and have moved the add to cart button up and to the right of the price area, although not exactly where I wanted it. But I have been having no joy with moving the write a review button to be in line with the tell a friend button instead of below it. That way the product description will show up without having to scroll down the page, I've found that unfortunately many people don't even know to scroll down a page! Do I do this in that tpl_ file or in the css?

I tried to add a link to wishlists under the add to cart button, I added the code directly under the add to cart code in the tpl_ file but it was always going to the left of add to cart - pretty much under the price/model number/quantity in stock area. Any suggestions? I plan on creating an image button for wishlist in the near future.

I've attached a couple of screenshots. Screenshot.jpg is how it looks now, screenshot1.jpg is how I want it to look although I am open to style suggestions. I might want to relocate the tell a friend and review buttons elsewhere on the page or even eliminate them altogether. Again, I'm open to any suggestion.

I can't tell you how much I appreciate your help. I am learning more and more every day so hopefully soon I won't have to ask so many noob questions! If you are ever in the market for an African style hand drum, a snare drum or drum kit for yourself or your family I am quite happy to give you a nice discount!

Thanks again,

Matt

[reza]

HI Jettrue
very nice template, I tried to solve my problem myself but I couldn't get the nice results.
well, I used cherry zen template, but I need to have my site to be Right to Left , so, in the other templates in stylsheet.css I did very few changes in the file and it works: for example: I chang this #mainWrapper {
background-color: #1a1a1a;
text-align: RIGHT; DIRECTION:RTL;
width: 100%;
vertical-align: top;
border: 1px solid #9a9a9a;
FONT-SIZE:12PX;
}

with some changes in float's and it works. in cherry zen I didn't find
#main wrapper , and with some changes in #nw , #contentMainWrapper(b) , .content etc, I couldn't get a nice layout, would you please help me to solve this problem.

thanks

[jettrue]

HI Jettrue
very nice template, I tried to solve my problem myself but I couldn't get the nice results.
well, I used cherry zen template, but I need to have my site to be Right to Left , so, in the other templates in stylsheet.css I did very few changes in the file and it works: for example: I chang this #mainWrapper {
background-color: #1a1a1a;
text-align: RIGHT; DIRECTION:RTL;
width: 100%;
vertical-align: top;
border: 1px solid #9a9a9a;
FONT-SIZE:12PX;
}

with some changes in float's and it works. in cherry zen I didn't find
#main wrapper , and with some changes in #nw , #contentMainWrapper(b) , .content etc, I couldn't get a nice layout, would you please help me to solve this problem.

thanks

I've never done this before, I'm not really sure how to help, if you could send me a link (or pm if you like), or send screenshots with specific spots that need reworking, I could do my best to help. But I've tried a few things with my template, and to be honest I can't wrap my head around what its supposed to do.

[jettrue]

Now I am trying to get the product info page looking the way I would like. I've been playing around with tpl_product_info_display and have moved the add to cart button up and to the right of the price area, although not exactly where I wanted it. But I have been having no joy with moving the write a review button to be in line with the tell a friend button instead of below it. That way the product description will show up without having to scroll down the page, I've found that unfortunately many people don't even know to scroll down a page! Do I do this in that tpl_ file or in the css?

I tried to add a link to wishlists under the add to cart button, I added the code directly under the add to cart code in the tpl_ file but it was always going to the left of add to cart - pretty much under the price/model number/quantity in stock area. Any suggestions? I plan on creating an image button for wishlist in the near future.

I've attached a couple of screenshots. Screenshot.jpg is how it looks now, screenshot1.jpg is how I want it to look although I am open to style suggestions. I might want to relocate the tell a friend and review buttons elsewhere on the page or even eliminate them altogether. Again, I'm open to any suggestion.

Thanks again,

Matt

Hi Matt,
Okeedokee. You'll probably need to make a change or two in the stylesheet and the template file. Also, you can turn off tell a friend and reviews if you like in your admin, just go to "Catalog", then "Product Types", then choose "Edit Layout", and the options are there. You can also turn on Tell a Friend or Review sidebox, turn them off on the page, so that you regain some real estate on the product page. Those sidebox will only show up when you're on a product page.

If you could show me a link to your store, I could get specific css and instructions for you to get things to layout correctly. You can PM me if you don't want it public yet.