Cherry Zen Template Support Thread

jettrue:

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!!:laugh: 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.:smile:

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!:smile:

Thanks again,

Matt

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

CnTGifts:

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. :cool:

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.

lankeeyankee:

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.:smile:

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.

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

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

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.

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

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;
}

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

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

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.

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

:oops: Just tested everything and it's fine with the links from the main category page on the left.

THE problem comes when you click on the links on the left from the manufacturers links. Choose Lois Ericson on the list and you will see what I mean.

Beth-Katherine

http://smockingbooks.com/index.php?main_page=

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

I'm sorry, I have very little input on this, if you have more questions about it, I'd start a new topic in the forum. :smile:

I have a question, I would love to put a flash logo on my site but where do I put the code in this template. I have tried following the instruction on installing a flash logo, but its not working. Thank you

countrycharm:

I have a question, I would love to put a flash logo on my site but where do I put the code in this template. I have tried following the instruction on installing a flash logo, but its not working. Thank you

I've never put a flash logo in any of my websites, so I may not be of much help. What instructions did you follow, and can I see a link with your attempt?

ok I need a little help :| I have everything installed but the gray bar under the logo isn't showing... how can I enable it?

My site is https://www.theindiemusicshop.com

Ok another thing... and I am willing to donate for this help... I want my shop to be a music CD shop... Can you tell me how to have artist info show like that of the manufacturers info box? I also a Artist list like that of the manufacturers list.. one more thing too... I would like the music product info page setup like the normal product info page... My website is https://www.TheIndieMusicShop.com if I can get this working the way i want.. I will donate $100 via paypal as soon as the site starts You can contact me here or email @ [email protected]

Yim: callmezing
AIM: Socomzing
MSN: [email protected]

P.S. I still need the bar below the logo

TheIndieMusicShop:

Ok another thing... and I am willing to donate for this help... I want my shop to be a music CD shop... Can you tell me how to have artist info show like that of the manufacturers info box? I also a Artist list like that of the manufacturers list.. one more thing too... I would like the music product info page setup like the normal product info page... My website is https://www.TheIndieMusicShop.com if I can get this working the way i want.. I will donate $100 via paypal as soon as the site starts You can contact me here or email @ [email protected]

Yim: callmezing
AIM: Socomzing
MSN: [email protected]

P.S. I still need the bar below the logo

Hi there,

The bar below the logo is called the ezpages bar. To turn that on, go to "Configuration", "Ezpages Settings", and turn it on for the "Header Bar"

When you say "I would like the music product info page setup like the normal product info page" do you mean you want the default zen cart product info layout? If so, you can just delete the custom tpl_product_info_display.php from includes/templates/cherry_zen/templates.

It looks like you have the artist list on. I'm not following what you mean by "I also a Artist list like that of the manufacturers list".

I also need more detail on this one: "Can you tell me how to have artist info show like that of the manufacturers info box?" I see you have the artist info box on as well. How would you like it different?

Hi and thank you for the reply. I followed these instructions
http://www.zen-cart.com/wiki/index.php/Using_Flash

I can not show you anything because when I add the code they say to add to the tpl_header.php, no logo shows on my site at all, so I really can't show you anything.

countrycharm:

Hi and thank you for the reply. I followed these instructions
http://www.zen-cart.com/wiki/index.php/Using_Flash

I can not show you anything because when I add the code they say to add to the tpl_header.php, no logo shows on my site at all, so I really can't show you anything.

But showing me the site could show me what the issue is...

Hi Jade,

I am trying to remove the border around my Featured Products, New Products and Monthly Specials. I also would like the background to be white and include an image to the left of the wording. I have a floral image that matches the image to the left of the Welcome to Sleepless Nights Online.
I have tried adding the following to my css with no luck. I have tried various combinations for the css but no luck. This worked on the old one but it was tables.

.centerBoxHeading { margin: 1.1em; background:url(../images/flowers.gif) no-repeat left center; padding: 1px 3px 2px 19px; color:#4f4f4f; font-size:14px; line-height:30px; font-weight:bold;}

Any idea how I can do this with this one?

Thanks in advance,
Kelly