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]

Why is the register details and contact us page spaced out

http://www.wholesaledirectgifts.com/create_account.html

like between the fields

They're spaced out because I think they look better that way.... Also, I don't find them excessively spaced, but that's just one opinion.

But you can easily adjust that in the css. Also, notice the zip code is out of whack, you just need to change


LABEL.inputLabel {
width:85%;
float:left;
margin:0.3em;
}

to


LABEL.inputLabel {
width:90%;
float:left;
margin:0.3em;
}

You can remove that margin:0.3em; from the above, and that will decrease spacing, and also in the css, you can adjust the margin for the INPUT tag, to decrease spacing.

[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.

[kristofvanmol]

Hey,


I have also downloaded the template, really nice.

I have just 1 problem.

The field postcode , is always on the right side of the screen.

how can i get the input field eon the left side, like all other fields?

Please see attach.


Many thanks

Kind regards
Kristof

[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]

Hey,


I have also downloaded the template, really nice.

I have just 1 problem.

The field postcode , is always on the right side of the screen.

how can i get the input field eon the left side, like all other fields?

Please see attach.


Many thanks

Kind regards
Kristof

In includes/templates/cherry_zen/css/stylesheet.css, change

LABEL.inputLabel {
width:85%;
float:left;
margin:0.3em;
}

to


LABEL.inputLabel {
width:90%;
float:left;
margin:0.3em;
}

[Beth-katherine]

Thanks again for all your help, the site is starting to look like a real store again.

I have a couple more conundrums for you to figure out.

1. Not all of my sub-categories show up on the master category page. They show in the column but not as links in the center column.

2 I have my patterns listed in their master categories and several alternate categories (love that feature!) but I've discovered that when I choose a pattern from the main category to view the individual details I notice the links in the breadcrumbs change to the first additional category I have placed the item in and not the original master category. Why is that?

3. When I go to the multiple categories manager not all of the categories are listed.

Beth-Katherine

[jettrue]

Thanks again for all your help, the site is starting to look like a real store again.

I have a couple more conundrums for you to figure out.

1. Not all of my sub-categories show up on the master category page. They show in the column but not as links in the center column.

2 I have my patterns listed in their master categories and several alternate categories (love that feature!) but I've discovered that when I choose a pattern from the main category to view the individual details I notice the links in the breadcrumbs change to the first additional category I have placed the item in and not the original master category. Why is that?

3. When I go to the multiple categories manager not all of the categories are listed.

Beth-Katherine

1. None of your main categories are showing on the home page. You have to turn that option on. "Configuration", "Layout Settings", "Categories - Always Show on Main Page"

2. Thats just how zen cart works with master categories for now. There should be improvements to that coming in future versions.

3. I'm not sure, I'd ask that in the General Forum.

It would be really helpful if you posted your link as well, so I wouldn't have to search for a post with your website when you ask a question.

[Beth-katherine]

Additional note

on #2 - this happens specifically on the Patterns by Designer Category: Lois Ericson as I have her patterns copied to at least 3 different categories (Ladies, Art to Wear and then the specific category such as Jackets). I checked to see if this was happening to any other pattern company and it doesn't. The only thing I did different with that designer was on the Multiple categories page I used the link on the bottom to link all of the patterns to one specific category to save myself time.

Beth-Katherine