Apple Zen Support Thread

tomato:

First off I just wanted to say I really love this template so I decided to switch to it today but I have one problem as you can see in the links below the text and some images overlap. I'm sure this is an easy fix but i'm not sure where to start. Any help would be greatly appreciated!!!! Below are two examples how can I get the text and images to align properly?

http://www.japanshopdirect.com/index.php?main_page=index&cPath=1
http://www.japanshopdirect.com/index.php?main_page=index&cPath=1_72

:oops: The text and images didnt realign because I didnt have anything in the sidebar. I feel silly anyways I have another quick question to get the category drop down menu what do I need to do to make display the categories and not the EZ pages?

MeltDown:

I just can't get my brain around how to achieve this. :huh:
Can anyone tell me how to go about it?

Thanks again.

Tim

Open up includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php.

Within that, find the link that you want your link beneath.

Lets say you want your link under the unsubscribe link.

Find that section:

<li><a href="<?php echo zen_href_link(FILENAME_UNSUBSCRIBE, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_UNSUBSCRIBE; ?></a></li>

Now beneath that just add your link with html:

<li><a href="your_link_here.htm">Name of Link Here</a></li>

axip:

Hello, I want to keep the structure of this template but edit the images and the colors.

How should I do this?

Thanks in advance

That is done with the stylesheet, found in includes/templates/YOUR_TEMPLATE/css/stylesheet.css.

tomato:

:oops: The text and images didnt realign because I didnt have anything in the sidebar. I feel silly anyways I have another quick question to get the category drop down menu what do I need to do to make display the categories and not the EZ pages?

If you just want to remove the "Information" section, you can open up includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php and remove this whole section:

      <li class="submenu"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo HEADER_TITLE_INFORMATION; ?></a>
        <ul class="level2">
          <li><a href="<?php echo zen_href_link(FILENAME_SHIPPING); ?>"><?php echo HEADER_TITLE_SHIPPING_INFO; ?></a></li>
          <li><a href="<?php echo zen_href_link(FILENAME_PRIVACY); ?>"><?php echo HEADER_TITLE_PRIVACY_POLICY; ?></a></li>
          <li><a href="<?php echo zen_href_link(FILENAME_CONDITIONS); ?>"><?php echo HEADER_TITLE_CONDITIONS_OF_USE; ?></a></li>
          <li><a href="<?php echo zen_href_link(FILENAME_ABOUT_US); ?>"><?php echo HEADER_TITLE_ABOUT_US; ?></a></li>
          <?php if (defined('FILENAME_SITE_MAP')) { ?>
          <li><a href="<?php echo zen_href_link(FILENAME_SITE_MAP); ?>"><?php echo HEADER_TITLE_SITE_MAP; ?></a></li>
          <?php } ?>
          <?php if (MODULE_ORDER_TOTAL_GV_STATUS == 'true') { ?>
          <li><a href="<?php echo zen_href_link(FILENAME_GV_FAQ, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_GV_FAQ; ?></a></li>
		  <?php } ?>
          <li><a href="<?php echo zen_href_link(FILENAME_DISCOUNT_COUPON, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_DISCOUNT_COUPON; ?></a></li>
		  <?php if (SHOW_NEWSLETTER_UNSUBSCRIBE_LINK == 'true') { ?>
          <li><a href="<?php echo zen_href_link(FILENAME_UNSUBSCRIBE, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_UNSUBSCRIBE; ?></a></li>
		  <?php } ?>
		  <?php require(DIR_WS_MODULES . 'sideboxes/' . $template_dir . '/' . 'ezpages_drop_menu.php'); ?>
        </ul>
      </li>

jettrue:

1. your names are too similar. Zen cart has a nifty feature where you can have additional images just by having the same starting letters, with numbers following. All of those images begin with n73.

2. I've helped someone do that before, but it didn't work. The cart didn't like it. :blink:

3. I'm not sure here, can you show me the two pages that are differing?

a)**http://peg2u.com/catalogue/index.php...3ab012dd2e72f5**

b)**http://peg2u.com/catalogue/index.php...index&cPath=14**

We would like to show our product list (a) to be the same with (b)

For question 1) our previous post, could we solve the problem if we upload our pix in different folder?

Lastly, how to disable zen cart from showing 'Units in Stock' in product info ?

Thanks

dolzer:

a)**http://peg2u.com/catalogue/index.php...3ab012dd2e72f5**

b)**http://peg2u.com/catalogue/index.php...index&cPath=14**

Sorry about the previous post.

We would like to show our product list (b) in the same format as (a)

For question 1) our previous post, could we solve the problem if we upload our pix in different folder?

Lastly, how to disable zen cart from showing 'Units in Stock' in product info ?

Thanks

Go to your admin, to "Configuration" and "product Listing". There you can add things you want to show, so that the product listing looks more like the all listing.

Images, yes, a different folder will solve the problem.

Units in stock: go to "Catalog", "Product Types", and edit layout for "Product General" and you can remove it there.

You can also remove it from "Configuration", "All Listing", "New Listing", etc.

First of all i love the template great work :clap:
I got a couple of questions.

1. How do I change the color for the "log yourself in" part for "welcome guest! would you like to log yourself in?" The colors are too close on my site the link is not visible.

2. How do I change the color of the category links on the right hand menu when the cursor is on them (again similar issue as above can't really tell which one is highlighted)

3. In internet explorer ver 6.0 when I goto create an account the form goes all the way to the bottom of the page since the borders don't resize (falls below where the right hand menu ends) In firefox there is no problem though

4)How do I edit the links under the right hand menu? (the links under information in my case)

thanks!

HelpMeSell:

First of all i love the template great work :clap:
I got a couple of questions.

1. How do I change the color for the "log yourself in" part for "welcome guest! would you like to log yourself in?" The colors are too close on my site the link is not visible.

2. How do I change the color of the category links on the right hand menu when the cursor is on them (again similar issue as above can't really tell which one is highlighted)

3. In internet explorer ver 6.0 when I goto create an account the form goes all the way to the bottom of the page since the borders don't resize (falls below where the right hand menu ends) In firefox there is no problem though

4)How do I edit the links under the right hand menu? (the links under information in my case)

thanks!

Link please?

Thanks!

https://www.axlesforless.com/index.php

HelpMeSell:

First of all i love the template great work :clap:
I got a couple of questions.

1. How do I change the color for the "log yourself in" part for "welcome guest! would you like to log yourself in?" The colors are too close on my site the link is not visible.

2. How do I change the color of the category links on the right hand menu when the cursor is on them (again similar issue as above can't really tell which one is highlighted)

3. In internet explorer ver 6.0 when I goto create an account the form goes all the way to the bottom of the page since the borders don't resize (falls below where the right hand menu ends) In firefox there is no problem though

4)How do I edit the links under the right hand menu? (the links under information in my case)

thanks!

1. You can do something like this:
   .greeting a {color:#ff0000;}

Or to change the hover color:
.greeting a:hover {color:#ff0000}

2)a.category-top:hover{color:#ff0000;}

3. I don't think you're using the most recent version of this template; I've made some significant fixes.

4. That depends on what you want to do. In your admin you can disable some of them, with "Configuration", "Define Page Status".

jettrue:

The issue is because you added your background image to

#mainWrapper

In my original css, I have the background image set to body. If you do the same, your issue will go away:

body {
background:url(../images/site-bg-royal.jpg) 0 0 repeat-x;
}

Jade: Yes, this did help. Thank you.

I have been spending a lot of time in the CSS and am getting a better understanding of your design. However, I do not want to use the full width headers but I understand why use chose it...

I have trimmed the CSS some in an effort to better understand it. This has revealed a new issue (entirely mine I'm sure) of a hick-up on page redraw... Page redraws, then jumps left a slight amount.

http://royalindustriesinc.com/store/

Click the company logo and you see what I'm talking about.

I'm sure it's a simple fix, but I am not finding it. Thanks again for the help and awesome design.

chadderuski:

Jade: Yes, this did help. Thank you.

I have been spending a lot of time in the CSS and am getting a better understanding of your design. However, I do not want to use the full width headers but I understand why use chose it...

I have trimmed the CSS some in an effort to better understand it. This has revealed a new issue (entirely mine I'm sure) of a hick-up on page redraw... Page redraws, then jumps left a slight amount.

http://royalindustriesinc.com/store/

Click the company logo and you see what I'm talking about.

I'm sure it's a simple fix, but I am not finding it. Thanks again for the help and awesome design.

I'm not seeing that issue. Now, when you go to a page that's longer, it will "jump" to the left a bit because of the scroll bar? Is that what you're seeing perhaps?

jettrue:

I'm not seeing that issue. Now, when you go to a page that's longer, it will "jump" to the left a bit because of the scroll bar? Is that what you're seeing perhaps?

Well, that explains why I couldn't find anything wrong in the CSS! I didn't even notice the side bar!

chadderuski:

Well, that explains why I couldn't find anything wrong in the CSS! I didn't even notice the side bar!

Yeah, I've been there, done that!

There are ways to work around that:
http://www.websemantics.co.uk/tutorials/useful_css_snippets/#jump

jettrue:

1. You can do something like this:
   .greeting a {color:#ff0000;}

Or to change the hover color:
.greeting a:hover {color:#ff0000}

2)a.category-top:hover{color:#ff0000;}

3. I don't think you're using the most recent version of this template; I've made some significant fixes.

4. That depends on what you want to do. In your admin you can disable some of them, with "Configuration", "Define Page Status".

Thanks for the help

1/2) Which file is .greeting a:hover... and a.category-top... in?

3. I was using version 1.6 I updated to 1.8 now in IE6 I am getting an error... Error: Access is denied to http://axlesforless.com/includes/csshover.htc
   The forms are show correctly but the drop down menus don't work :(

Thanks!

HelpMeSell:

Thanks for the help

1/2) Which file is .greeting a:hover... and a.category-top... in?

3. I was using version 1.6 I updated to 1.8 now in IE6 I am getting an error... Error: Access is denied to http://axlesforless.com/includes/csshover.htc
   The forms are show correctly but the drop down menus don't work :(

Thanks!

The stylesheet. includes/templates/YOUR_TEMPLATE/css/stylesheet.css

Do you get the same error at http://www.axlesforless.com/ vs. http://axlesforless.com/

Did you add the stuff from additions_to_.htaccess to your .htaccess file?

Couple of nagging questions --

1. In IE there is small strip between the logo image and the first navigation bar... I have tried monkeying around with the style sheet with no results.. Does not show up ithis way in Firefox.

2. I want to change the title and contents of the 'Conditions of use' dropdown, breadcrumb etc. When I make changes to 'condtions' page in the define pages editor, the edits don't show up - so obviously I'm pointing at the wrong file... somewhere.

Thanks.
My site is http://www.banberryplace.com

Hi, I hate to ask such a stupid question but how do I remove:

To change any of the site colors, open up includes/templates/apple_zen/css/stylesheet.css. To overwrite your own logo, upload your logo.gif to includes/templates/apple_zen/images/

Also, I would like to make that whole area my logo. Not sure what size to make the logo.gif or if I need to change anything else.

Thanks for a great template.

Terrill_Taylor:

Couple of nagging questions --

1. In IE there is small strip between the logo image and the first navigation bar... I have tried monkeying around with the style sheet with no results.. Does not show up ithis way in Firefox.

2. I want to change the title and contents of the 'Conditions of use' dropdown, breadcrumb etc. When I make changes to 'condtions' page in the define pages editor, the edits don't show up - so obviously I'm pointing at the wrong file... somewhere.

Thanks.
My site is http://www.banberryplace.com

background:url(../images/site-bg-flowers.gif) 0 7em repeat;

Try changing this part back to 9em instead of 7em. Or try 8em.

2)Anytime you want to change text that you're not sure where it comes from, go to your admin, go to "Developers Tool Kit" and do a search for the text you want to change. You can limit the search to language files only. Also make sure to make the changes within the right folder... are you changing it in the apple_zen folder?

Linux:

Hi, I hate to ask such a stupid question but how do I remove:

To change any of the site colors, open up includes/templates/apple_zen/css/stylesheet.css. To overwrite your own logo, upload your logo.gif to includes/templates/apple_zen/images/

Also, I would like to make that whole area my logo. Not sure what size to make the logo.gif or if I need to change anything else.

Thanks for a great template.

See my post above (do a search in the admin anytime there is text you want to change).

Yes, you would overwrite logo.gif with your logo, then you need to play around with the logo width in the stylesheet:

#logo {
width:19.1em /* To prevent the logo from resizing, simply delete or comment out this section */
}