Apple Zen Support Thread

[pixellent]

I've just begun to dabble in the world of ZenCart and completely fell in LOVE with the Apple Zen template! But now I need help configuring it...

1. The titles of the buttons on the navigation bar are not displaying correctly. For example, one button is called "HEADER_TITLE_CATEGORIES" rather than simply "Categories"
2. I'd like to remove two rows that are above the main navbar, one that is displaying my categories, and another that is displaying a menu (EZPages :: Privacy Notice :: Shared :: Zen Cart) which, quite frankly, I don't yet know what to do with.

I'd appreciate anyone's help in this matter. Thank you for your cooperation.

My site: http://store.culture-art-and-indie-music.net/store

Sincerely,
Pixellent

[jettrue]

I've just begun to dabble in the world of ZenCart and completely fell in LOVE with the Apple Zen template! But now I need help configuring it...

1. The titles of the buttons on the navigation bar are not displaying correctly. For example, one button is called "HEADER_TITLE_CATEGORIES" rather than simply "Categories"
2. I'd like to remove two rows that are above the main navbar, one that is displaying my categories, and another that is displaying a menu (EZPages :: Privacy Notice :: Shared :: Zen Cart) which, quite frankly, I don't yet know what to do with.

I'd appreciate anyone's help in this matter. Thank you for your cooperation.

My site: http://store.culture-art-and-indie-music.net/store

Sincerely,
Pixellent

Hi there... the first issue is due to language files not being upload correctly. Make sure includes/languages/english/extra_definitions/apple_zen/headermenu.php is uploaded.

The categories and ez pages bar is turned off via the admin.

To turn off the categories, go to: "Configuration", then "Layout Settings":
Categories-Tabs Menu ON/OFF

To turn of ezpages, go to: "Configuration", then "EZ Pages Settings" and turn off the header position.

Glad you like the template!

[pixellent]

Hi there... the first issue is due to language files not being upload correctly. Make sure includes/languages/english/extra_definitions/apple_zen/headermenu.php is uploaded.

The categories and ez pages bar is turned off via the admin.

To turn off the categories, go to: "Configuration", then "Layout Settings":
Categories-Tabs Menu ON/OFF

To turn of ezpages, go to: "Configuration", then "EZ Pages Settings" and turn off the header position.

Glad you like the template!

Thank you sooooo much, your directions worked beautifully!
Pixellent
http://store.culture-art-and-indie-music.net/store/

[DeFluxx]

Oh, there was something else I wanted to ask.

1. On my product listing pages, when you can click on the "home" within the breadcrumb area, the hover-highlight comes out below the area for some reason.

2. Is there a way I can center my headings within the bars vertically, such as "Product Image, Item Name, Sponsors" etc. ?

Thanks.

[jettrue]

Oh, there was something else I wanted to ask.

1. On my product listing pages, when you can click on the "home" within the breadcrumb area, the hover-highlight comes out below the area for some reason.

2. Is there a way I can center my headings within the bars vertically, such as "Product Image, Item Name, Sponsors" etc. ?

Thanks.

1.
#navBreadCrumb a {
padding:1em;
}

2. That's also due to the same portion that affected your product description padding:

.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, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg { text-align:center; margin: 0 0 5px ; padding: 0 0 5px; border-color: #abbbd3; border-style: none none dotted; border-width: 1px; }

I would hesitate to do as you did, and set that style to ALLLL of those tags. You have to top padding there set to "0", and that is why. Try changing it to padding:5px 0 5px. Though I can't actually figure out WHY that makes the change, as the tags don't seem to match up, but it does.

[DeFluxx]

Hi Jettrue, I'm back with more questions!

My test site again is at: http://www.enchantingdream.com/enchanting_dream/

I'd like to know how I can remove the search from the main header but keep the blue background bar across the top. I'm not 100% decided on removing the search, so if you could also let me know how to make the search button itself a graphic of my own instead of the generic search button graphic that it is. Actually, I would like to make my own graphic for both the search button on the top bar, and along the right menu if possible.

Also, I'm still unable to center the text headings vertically within the now blue bars on the menus along the right: Bestsellers, Search, etc..

Thanks again for all your help!

[jettrue]

Hi Jettrue, I'm back with more questions!

My test site again is at: http://www.enchantingdream.com/enchanting_dream/

I'd like to know how I can remove the search from the main header but keep the blue background bar across the top. I'm not 100% decided on removing the search, so if you could also let me know how to make the search button itself a graphic of my own instead of the generic search button graphic that it is. Actually, I would like to make my own graphic for both the search button on the top bar, and along the right menu if possible.

Also, I'm still unable to center the text headings vertically within the now blue bars on the menus along the right: Bestsellers, Search, etc..

Thanks again for all your help!

Centering the text heading vertically:

h3.leftBoxHeading, h3.rightBoxHeading { font-size:1em; color:#fff; text-transform:uppercase; font-weight:bold; height:1.5em; padding:.5em 0 0 0;
}

I notice you're changing a lot of the em's to px's or font em's to pt's. Which is totally up to you, but changing padding and such to px's kind of messes with the way the template is designed to adjust when someone changes their font size. If you set the padding to pixels, then that will be fixed padding, and it will not adjust when someone adjusts their font size setting. Just a little fyi.


Turn off the top search header in your admin, then in the css add:

height:2.5em;

to the #navMainWrapper, and that should allow your background image to show correctly.

[DeFluxx]

Jettrue

Thanks for the help, I think I am almost there! I thought I wouldn't have a problem with the following, but I do. I'd like to make the "Home and Login"
links in the main header a color other than blue since they're in the blue bar. However, I have links set to blue, so I am not sure how to change just the ones at the top to white.

[jettrue]

Jettrue

Thanks for the help, I think I am almost there! I thought I wouldn't have a problem with the following, but I do. I'd like to make the "Home and Login"
links in the main header a color other than blue since they're in the blue bar. However, I have links set to blue, so I am not sure how to change just the ones at the top to white.

#navMainLinks a {color:white;}

[DeFluxx]

#navMainLinks a {color:white;}

I was SO close! I did #navMainLinks, but without the "a". Just curious, why did the "a" make all the difference?