Cherry Zen Template Support Thread

Hi Jade,

Firstly, let me say thanks for all of the effort you have put into all of your conribs. I really like this template!

I would like to round off the top corners of each sidebox heading. How would I go about doing that? Is that setting adjustable so I can dial in the rounding over that suits my taste?

Thanks!

Matt

I wonder if anyone else has this issue.

If you click on checkout with an empty cart (logged in), the left and right sideboxes combine and overlap each other.

goodwrench1:

I wonder if anyone else has this issue.

If you click on checkout with an empty cart (logged in), the left and right sideboxes combine and overlap each other.

Whenever that happens, that means there is a missing closing div somewhere. Not too long ago I replied to someone else that had the same issue. See if this helps:

http://www.zen-cart.com/forum/showpost.php?p=424323&postcount=137

lankeeyankee:

Hi Jade,

Firstly, let me say thanks for all of the effort you have put into all of your conribs. I really like this template!

I would like to round off the top corners of each sidebox heading. How would I go about doing that? Is that setting adjustable so I can dial in the rounding over that suits my taste?

Thanks!

Matt

There's no setting to round off any corners. You'd have to upload new sidebox heading images. By default, the site is set up to have static 150px wide sideboxes, so you could actually upload an image that is 150px wide for the sidebox heading image.

jettrue:

There's no setting to round off any corners. You'd have to upload new sidebox heading images. By default, the site is set up to have static 150px wide sideboxes, so you could actually upload an image that is 150px wide for the sidebox heading image.

I've played around with it in photoshop and have attached the result. One thing that I noticed, at least on my monitor, is that the color is now a little darker than original but now it seems to have depth to it? Does anyone else notice that or is it just me looking too long at a monitor? :smile: I guess I will apply the same treatment if I can to the rest of the red images. Or see if I can make it match the other red images...:smile:

Matt

So I got everything changed over and color matched, I've attached a screenshot. (Ignore the layout, I am just getting everything installed and de-bugged before I change the layout of elements to the final setup) :smile:
What I did was basically compressed the tabrightE image to 32 pixel height for all of the header elements and then changed the widths to match the original images. I did the same for the sideboxbg image, making it the same dimensions as the original image. It's interesting how it compressed and intensified the colors, I wasn't expecting that when I started. And for some reason the white divider lines got lost in the header. I ended up getting rid of the 3 tab images since the hover was making the red srtipe not line up with the static part of the stripe unless the mouse was over the link. I would like to switch the hover to a different type of effect if possible, if anyone has any suggestions and code changes please feel free. :D

I can post the image files if anyone is interested.

My question now is where the image file is for the column images, I want to round off the ends of them, too, if possible.

Jade, how would I go about making a flyout catagory sidebox match your template? I am just getting a grasp on coding and need some explicit directions of where to go and what to change. I don't want to use the catagory sidebox that is already on there, I think that I want to use the CSS menu but I would have to completely change it to match your template. I'm still learning about what to look for in changing the CSS of a page.

Thanks!

Matt

I'm still having difficulties getting the price to sit below the images on the listing page just like it does on the new products page but may just have to live with it.

However I have noticed an odd situation with the page resizing itself to a larger font size whenever I click a link on my categories list. I have my browser set to normal size but then when I click a link the new page comes up with a larger font size. Any ideas as to why?

Beth-Katherine

jettrue:

Whenever that happens, that means there is a missing closing div somewhere. Not too long ago I replied to someone else that had the same issue. See if this helps:

http://www.zen-cart.com/forum/showpost.php?p=424323&postcount=137

The code on my tpl_time_out_default is the same as above, which is the stock template in the template_default folder. I get the same error when clicking on checkout in the header without any content in the cart and there aren't any missing<div> or </div> tags.

There isn't a checkout link in the classic template without going through the shopping cart so I can't compare, but is there a way to write a function like "if shopping cart contents=0 then checkout link redirects to homepage(or some other page), if shopping cart contents= >0 then link goes to checkout"? It seems as if having a link to checkout with nothing in the cart breaks the template. Perhaps a function could be written to only show the checkout link in the header if there are items in the cart?

Matt

jettrue, did you have trouble adding Image Handler 2 to this template? Everything installed good and there is a little + in the images but when I mouse over them I get no pop out? Thanks!

oxicottin:

jettrue, did you have trouble adding Image Handler 2 to this template? Everything installed good and there is a little + in the images but when I mouse over them I get no pop out? Thanks!

I haven't had any conflicts using IH2 with this template.

Matt

Love this template! It's one of the best I've used so far.

Question....

I have added the bettercategoriesEZinfo mod and it works great with one exception... the padding on the left of the sideboxes.

I found the CSS code and was able to correct it for the category sideboxes, but can't seem to adjust it for the Information, More Information or EZ pages sideboxes. I need the padding to be 5px instead of 10px.

If you can tell me what I need to add or where I can adjust, I'd really appreciate the help.

Thanks!

lankeeyankee:

My question now is where the image file is for the column images, I want to round off the ends of them, too, if possible.

The column images... do you mean the grey background? The problem with rounding that off is that it is designed with a 150px by 1px wide image that repeats. There would be no way to round it and have it repeat, and if you uploaded a large image that was rounded, it wouldn't expand as the site got taller, know what I mean? Or maybe you're talking about something else entirely.

lankeeyankee:

Jade, how would I go about making a flyout catagory sidebox match your template? I am just getting a grasp on coding and need some explicit directions of where to go and what to change. I don't want to use the catagory sidebox that is already on there, I think that I want to use the CSS menu but I would have to completely change it to match your template. I'm still learning about what to look for in changing the CSS of a page.

Matt

Why not use the css sidebox category that is in the download section, and go from there? You could adjust its css. Coding it from scratch would be very detailed, and I couldn't give you explicit directions on doing so....

Beth-katherine:

I'm still having difficulties getting the price to sit below the images on the listing page just like it does on the new products page but may just have to live with it.

However I have noticed an odd situation with the page resizing itself to a larger font size whenever I click a link on my categories list. I have my browser set to normal size but then when I click a link the new page comes up with a larger font size. Any ideas as to why?

Beth-Katherine

No, you don't have to live with it, its not a hard fix. Did you paste this code in your css:

.listingPrice {display:block;}

Or turning on the product name on that page will fix the problem instantly. I would think you might want the name below the image? If not, the above code should fix the issue, if not, just let me know, and we'll figure it out. I can't look at your site to help you now, as it is down for maintenance. If you turn it back on I can see the font issue.

oxicottin:

jettrue, did you have trouble adding Image Handler 2 to this template? Everything installed good and there is a little + in the images but when I mouse over them I get no pop out? Thanks!

Nope, I had no problems at all. Were you sure to upload all the files for image handler? Did you make sure the hover is turned on in "Configuration", "Images"?

Boggled:

Love this template! It's one of the best I've used so far.

Question....

I have added the bettercategoriesEZinfo mod and it works great with one exception... the padding on the left of the sideboxes.

I found the CSS code and was able to correct it for the category sideboxes, but can't seem to adjust it for the Information, More Information or EZ pages sideboxes. I need the padding to be 5px instead of 10px.

If you can tell me what I need to add or where I can adjust, I'd really appreciate the help.

Thanks!

check .sideBoxContent, and ul, ol

Hope that helps!

jettrue:

Nope, I had no problems at all. Were you sure to upload all the files for image handler? Did you make sure the hover is turned on in "Configuration", "Images"?

What setting in configuration/images do I need to set? I never did that in my other website.... It never even stated in the read me file:blink:

Thanks!

jettrue:

The column images... do you mean the grey background? The problem with rounding that off is that it is designed with a 150px by 1px wide image that repeats. There would be no way to round it and have it repeat, and if you uploaded a large image that was rounded, it wouldn't expand as the site got taller, know what I mean? Or maybe you're talking about something else entirely.

Why not use the css sidebox category that is in the download section, and go from there? You could adjust its css. Coding it from scratch would be very detailed, and I couldn't give you explicit directions on doing so....

That's what I was meaning, I want to use the CSS menu that is in the downloads but I am still working through understanding what all of the different CSS codes are, some are obvious and some aren't. I wasn't meaning to try to code a flyout menu from scratch, I just wanted some advice about what needs changing to match your template.

I see about the gray heading box for the monthly boxes. I am assuming that it makes for small page file sizes and faster loading times. I had thought about making rounded end caps for the gray boxes and letting the middles float inside them. Is that a workable solution? Or am I just being as thick as a tree trunk?:smile: Where is the image located and what's it's name? I might just change the color.

Thanks!

Matt

jettrue:

check .sideBoxContent, and ul, ol

Hope that helps!

That worked perfect!

One more question :lookaroun

I widened the left sidebox to 165px (image too).

I need to increase the padding between the left sideboxes and the centerbox contents. The centerboxes are now off center (to the left) and the text is too close to the edge of the left side column.

I've tried changing two or three things in the CSS file that 'looked right' but it didn't work. I know this is another one of those simple changes I'm just over looking. :laugh:

I added a screenshot to show what I'm talking about on the centerbox part.

lankeeyankee:

That's what I was meaning, I want to use the CSS menu that is in the downloads but I am still working through understanding what all of the different CSS codes are, some are obvious and some aren't. I wasn't meaning to try to code a flyout menu from scratch, I just wanted some advice about what needs changing to match your template.

I see about the gray heading box for the monthly boxes. I am assuming that it makes for small page file sizes and faster loading times. I had thought about making rounded end caps for the gray boxes and letting the middles float inside them. Is that a workable solution? Or am I just being as thick as a tree trunk?:smile: Where is the image located and what's it's name? I might just change the color.

Thanks!

Matt

Don't worry about the advice to change it to match. I see that the CSS buttons CSS page is only 34 lines of code so I'm just messing around with everything until I figure it out. :smile:

Matt

lankeeyankee:

That's what I was meaning, I want to use the CSS menu that is in the downloads but I am still working through understanding what all of the different CSS codes are, some are obvious and some aren't. I wasn't meaning to try to code a flyout menu from scratch, I just wanted some advice about what needs changing to match your template.

Ah, I was confused, as you said "I don't want to use the category sidebox that is already on there" and I thought you meant you didn't want to use the sidebox contribution. As far as getting it to match, I don't have specific instructions, but I'm assuming mostly you'll just need to adjust colors.

lankeeyankee:

I see about the gray heading box for the monthly boxes. I am assuming that it makes for small page file sizes and faster loading times. I had thought about making rounded end caps for the gray boxes and letting the middles float inside them. Is that a workable solution? Or am I just being as thick as a tree trunk?:smile: Where is the image located and what's it's name? I might just change the color.

Thanks!

Matt Ok, again, I think we're talking about two different things, because I'm talking about the grey color behind the sideboxes, and you are talking about a heading image for designer monthly boxes. That is not an image. The background color is set here:

#cartSubTotal, h2.centerBoxHeading, .rowOdd {
background:#e8e9e9; /* background color for the New Product, Featured Products and Specials heading, odd listings, and for the subtotal section in the cart, light grey default */
}

and the border is set here:

h2.centerBoxHeading {
margin:5px auto;
padding:.5em 0;
text-align:center;
border:1px solid #bababa;
line-height:normal;
width:100%;
}

As far as setting an image there, that will be a problem, since the center section is designed to expand and contract.