Apple Zen Support Thread

jettrue:

That must be an IE only thing? I think I remember this issue from another thread... IE has some "auto" settings for certain tags.

Try setting this in the css:

address {padding:0;margin:0;}
This setting appears in the template_default/css/stylesheet.css
The original setting was 0.5em. I made the change and it had no effect. Being in the graphics business, we notice little things like that. No biggie, one more small item that I am going to forget about. Not worth the effort.

There does seem to be quite a few things that are very browser sensitive. It is going to be interesting when my site goes live.

Thanks!

jettrue:

Any text like that will be found in a language file. The easiest way to find out where text to change is, is to go to your admin, go to "Tools", "Developer Tool Kit". I always go down to the last form which is "Look-up in all files", choose an option from the drop down menu, and do a search for To overwrite your own logo and it will tell you where it is.

If you want to change the body background color, you style that in the css in the body tag:

body {background:#333333;}

As for your site name in the header, do you mean in the browser title bar? That is also done in a language file, meta_tags.php I believe.

thanks u rawk

jettrue:

That is a very odd issue, but if hllight's post just beneath yours also pertains to you:

If you tried to remove "Gift Certificate" and "Discount Coupons" (or any sections) from includes/templates/YOUR_TEMPLATE/tpl_drop_menu.php, put it back to the original. :smartalec:

Then go to your admin, go to "Modules", "order total" and turn off the modules there, and those items will remove themselves.

Now, if you want to use "Gift Certificate" and "Discount Coupons", but just don't want them from the menu, be sure to remove ONLY the relevant code:

  <?php } ?><?php if (MODULE_ORDER_TOTAL_COUPON_STATUS == 'true') { ?><li><a href="<?php echo zen_href_link(FILENAME_DISCOUNT_COUPON, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_DISCOUNT_COUPON; ?></a></li>
  <?php } ?>

>  
> Its confusing because of the way I formatted the code, will fix that in my next release. But remember that the <?php } ?> comes after the section you're removing, not before.
 
The alignment in Firefox is ok but for IE still remain the same. The text in the upper left of the page is still there. :(

<http://peg2u.com/catalogue/index.php?main_page=about_us>

dolzer:

The alignment in Firefox is ok but for IE still remain the same. The text in the upper left of the page is still there. :(

http://peg2u.com/catalogue/index.php?main_page=about_us

Did you replace the tpl_drop_menu.php with the original?

Almost done! :clap:

I would like to change a few colors, can you point me to the correct files?

What is that bar called that shows my EZ Page links?

What is the name of the bar that shows New Products and Featured Products?

Last, but not least - how do I change the colors on the shipping estimator block?

http://charmsandmore.charmedbytina.com

Thanks again!

jettrue:

Did you replace the tpl_drop_menu.php with the original?

Yes, I did.

dolzer:

Yes, I did.

I would try also reloading tpl_main_page.php and tpl_header.php. Something is off somewhere.

charmedbytina2:

Almost done! :clap:

I would like to change a few colors, can you point me to the correct files?

What is that bar called that shows my EZ Page links?

What is the name of the bar that shows New Products and Featured Products?

Last, but not least - how do I change the colors on the shipping estimator block?

http://charmsandmore.charmedbytina.com

Thanks again!

Hi There,

All colors are changed in css files. To find out what those tags are, you can right click on your page, and click "View Source". Find the section you are looking to adjust, and look for the nearest div name. You'll see that the ezpage bar (though you have nothing in the ezpages) is this: navEZPagesTopWrapper. Your categories bar is:
navCatTabsWrapper. You'll see the header bar for New Products is:
<h2 class="centerBoxHeading">New Products For July</h2> and the background for the whole New Products section would be: centerBoxWrapper

If the tag is like this: class="centerBoxHeading", then in the css you would use a dot before the tag: .centerBoxHeading. If the tag is like this id="navCatTabsWrapper, you would use the pound sign before the tag: #navCatTabsWrapper.

.shippingEstimatorWrapper controls the shipping estimator section.

jettrue:

I would try also reloading tpl_main_page.php and tpl_header.php. Something is off somewhere.

I have tried, and still remain the same, now even the 'testimonial' link position is affected. I will try to reinstall the apple-zen later, any other recommendation? Should I reinstall from 1.0 to 1.9/2.0?

Just a suggestion...
I found a free program called DiffDaff which is a wonderful little program that compares files. If you can search the files for the SAMPLE TEXT that appears in your version and get a virgin copy of the appropriate zencart and/or applezen files, it should be easy to find the problem.

For what its worth.
http://www.diffdaff.com/

Hi all,

I'm trying arrange the Login Header and Search Header boxes to the right of my logo and having trouble with it. I've managed to get everything in the correct sections of the header wrapper, but somehow I've got the navMain and Login Header divs way off to the right of the screen. I'd like their right sides to be lined up with the right side of the shop.

I've tried lots of things to get them back over where they need to be, but I was working on it late last night and can't figure out now what I might have done.:wacko:

Here's a link www.gammagrah.com/store/

and I've attached my tpl_header.php

I'd appreciate any help. Thanks.

hrm:

Hi all,

I'm trying arrange the Login Header and Search Header boxes to the right of my logo and having trouble with it. I've managed to get everything in the correct sections of the header wrapper, but somehow I've got the navMain and Login Header divs way off to the right of the screen. I'd like their right sides to be lined up with the right side of the shop.

I've tried lots of things to get them back over where they need to be, but I was working on it late last night and can't figure out now what I might have done.:wacko:

Here's a link www.gammagrah.com/store/

and I've attached my tpl_header.php

I'd appreciate any help. Thanks.

Its nothing to do with your header file, that's a css issue.

Change the width of headerWrapper to 70em

Remove width:90% from logoWrapperOuter

Thanks. That fixed it.

Maybe you could help with another header tweak. I'd really like for the logo to start at the top of the page. Right now, it starts below the navMain div. How can I get them to align evenly? This is another thing I've played with for a while. I've messed with the stylesheet and rearranged the tpl with no luck, so far.

hrm:

Thanks. That fixed it.

Maybe you could help with another header tweak. I'd really like for the logo to start at the top of the page. Right now, it starts below the navMain div. How can I get them to align evenly? This is another thing I've played with for a while. I've messed with the stylesheet and rearranged the tpl with no luck, so far.

You'll need to rearrange the <divs> in tpl_header.php for that.

<div id ="headerWrapper"> (holds all of the header)
    <div id="logoWrapperOuter"> (holds logo and search form)
       <div id="logoWrapper"> (also holds logo and search form)
           <div id="logo">
               LOGO CODE HERE
           </div> <!-- close #logo-->
           <div id="navMainSearch">
               SEARCH CODE HERE
           </div> <!-- close #navMainSearch-->
       </div> <!-- close #logoWrapper -->
    </div> <!-- close #logoWrapperOuter -->
    <div id="navMainWrapper"> (hold home link and login form)
        <div id="navMain"> (holds home link)
            <div id="navMainLinks"> (holds home link)
                HOME LINK CODE HERE
            </div> <!-- close #navMainLinks -->
        </div> <!-- close #navMain -->
        <div class="navMainLogin"> (holds login form)
                LOGIN FORM CODE HERE
        </div> <!-- close .navMainLogin -->
     </div> <!-- close #navMainWrapper -->
</div> <!-- close #headerWrapper -->

Then use the attached stylesheet (i modified your stylesheet on your site)

Thank you so much. That did the job.

Now, just two more things:

1. I've got bannerTwo turned on now and I'm trying to figure out how to align it below the login div.

2. I can't seem to get the header all to have a white background. Could I possibly have messed up the div structure when I attempted the changes you suggested earlier? They all seem to me to be nested and closed properly, but maybe I'm missing something.

I hope these two are just simple CSS issues.

hrm:

Thank you so much. That did the job.

Now, just two more things:

1. I've got bannerTwo turned on now and I'm trying to figure out how to align it below the login div.

2. I can't seem to get the header all to have a white background. Could I possibly have messed up the div structure when I attempted the changes you suggested earlier? They all seem to me to be nested and closed properly, but maybe I'm missing something.

I hope these two are just simple CSS issues.

1)It looks like its already below the login div?

2. try changing the #tagline section in the css to this:

#tagline {
background: #ffffff;
}

hrm:

Thank you so much. That did the job.

Now, just two more things:

1. I've got bannerTwo turned on now and I'm trying to figure out how to align it below the login div.

2. I can't seem to get the header all to have a white background. Could I possibly have messed up the div structure when I attempted the changes you suggested earlier? They all seem to me to be nested and closed properly, but maybe I'm missing something.

I hope these two are just simple CSS issues.

I see you're getting close. :smile: Now you just need to change #taglineWrapper to this (change margin-top to padding-top):

#taglineWrapper {
float: right;
width: 35em;
margin:0 auto;
padding-top: 50px;
background: #ffffff;
}

:clap:I was able to fix the header thanks to your help and a couple of extra teaks to the tpl_header and stylesheet.

I appreciate all your help. Have a great day!

My attribute text only has 1 word per line? I believe this is fixed in .css but I don't know where. I am using the latest verision of Apple Zen and Zen Cart.
Any ideas?

helpme:

My attribute text only has 1 word per line? I believe this is fixed in .css but I don't know where. I am using the latest verision of Apple Zen and Zen Cart.
Any ideas?

One issue, is that your product page has been heavily edited, and this part is commented incorrectly:

You've also got lots of extra divs added around that section, and a lot going on that is not stock zen divs, so I'm not sure what they're doing there, but that's whats causing your issue.

To fix this, you could fix the above <ul> issue, and then you could give the productAttributes div a width:

#productAttributes {width:500px;}