Apple Zen Support Thread

Hi again. How can I align my shopping cart checkboxes. thankshttp://stitchwith.me/index.php?main_...&products_id=1

Hey Jettrue,

I need some advice....
I only want certain boxes to show on the front page, it's best to do this through the css, right? I just wanted to know what would load the fastest.

Also do you know how to compress the css, I do a speed check that's given in the FAQ here and that's a suggestion given. I have tried to copy any add on's to my css so I do not have tons of them.

Also what class am I looking for to change the look of the my account page, mostly I am looking at the table of prev. orders?

Thanks
Nicole

Quote:

---

Originally Posted by nikki72

Hey Jettrue,

I need some advice....
I only want certain boxes to show on the front page, it's best to do this through the css, right? I just wanted to know what would load the fastest.

Also do you know how to compress the css, I do a speed check that's given in the FAQ here and that's a suggestion given. I have tried to copy any add on's to my css so I do not have tons of them.

Also what class am I looking for to change the look of the my account page, mostly I am looking at the table of prev. orders?

Thanks
Nicole

---

Yes, you can hide boxes with css. View the source of the page, and get the id of the box you want to hide.

Then in the css, you'd put this:

#indexHomeBody #idofBoxHere {display:none;}

Then on your account page, view the page source again, and get the id or class of the section you want to change there. If it says id="nameofsectionhere", you'd style it in the css with #nameofsectionhere {}. If it says style="nameofsectionhere", you'd style it with .nameofsectionhere {}

Quote:

---

Originally Posted by Didee

Hi again. How can I align my shopping cart checkboxes. thankshttp://stitchwith.me/index.php?main_...&products_id=1

---

You can force this by giving h4.optionName a width:

h4.optionName {
line-height:1.5em;
padding-right:1em;
width:100px;
}

100px should be wide enough, unless you have some really long option names. :)

Quote:

---

Originally Posted by jettrue

Yes, you can hide boxes with css. View the source of the page, and get the id of the box you want to hide.
Then in the css, you'd put this:
#indexHomeBody #idofBoxHere {display:none;}

---

Thanks for the quick reply! How would you only show a box on the the main page.... my newsletter subsribe I only want on the main page what would that statement be?

Quote:

---

Originally Posted by nikki72

Thanks for the quick reply! How would you only show a box on the the main page.... my newsletter subsribe I only want on the main page what would that statement be?

---

Does this work?

Code:

---

#indexHomeBody #bannerbox2{display:inline;}
#bannerbox2 {display:none;}

---

(instead of #bannerbox2, enter the id of the newsletter subscribe box)

thanks for quick reply, excuse my ignorance, but where do I go to to do this lol
thanks

Quote:

---

Originally Posted by Didee

thanks for quick reply, excuse my ignorance, but where do I go to to do this lol
thanks

---

oops found it. thank for your help once again. works good now.:smile:

Quote:

---

Originally Posted by jettrue

First question: Are you looking at your site with a magnifying glass and a ruler? Just kidding. :cool: Sort of. :P

I thought I was anal, LOL.

Here we go.

2. Open up includes/templates/apple_zen/css/stylesheet_header_menu.css and change the 12em to a larger number.

3. Pages aren't different sizes. Does your about us page NOT have a scroll bar while your home page does? The scroll bar on your browser is the culprit, I'd guess. It makes it seem smaller. You can force a vertical scrollbar to appear on all pages (even the short ones) by adding this to your stylesheet.css:
html {overflow-y: scroll;}

4. I'm not seeing this issue on your site. But you can edit the spaces for the breadcrumb bar under "Configuration", "Layout Setting", "Bread Crumbs Navigation Separator"

5. By the way, Did you know you can turn off the breadcrumb for the home page only (get rid of the silly "home" on the home page), under "Configuration", "Layout Settings", "Define Breadcrumb Status". Also, you must have changed the css, because that is not how it looks by default. Yes, I see you changed padding:.5em; to padding:0;. Add some padding back to #navBreadCrumb

6. "Configuration", "EzPages Settings", "EZ-Pages Footer Link Separator". Remove the padding faux padding there.

7. That's a zen cart issue, nothing to do with my template.

8. includes/modules/pages/specials/main_template_vars.php was modified to fix a bug in zen cart. It is a core file, and yes, it would be overwritten in an upgrade. Though the next upgrade is a major one, and that issue is probably moot.

9.That just tells you they are template specific.

10.It does on my IE7, on my test site www.zencart137.jadetrue.com. Not sure why yours wouldn't.

11. You can change #cartAdd to this:
#cartAdd {
width:130px;
text-align:center;
margin:0 auto;
border:1px solid #000;
padding:1em;
}

12.Nope, no conflicts, just be aware IH2 has more bugs than my template. :) It works, but its not perfect. Just so you know and have been warned. But I always use it, it is a great mod to add to any site. I have it there on my test site www.zencart137.jadetrue.com. Be sure that you put all of the IH2 css files into the correct apple zen folder.

---

Hi Jade,

Thank you for your reply, you are awesome!!

I installed IH2 and it works fine (did no notice any bugs so far). And your suggestions fixed most of those issues. I do need a few clarifications though:

Quote:

---

Similar issue with Footer Links: why does Home have extra padding?
Also the links that are evenly spaced have more than one space between each link and the separators.
"Configuration", "EzPages Settings", "EZ-Pages Footer Link Separator". Remove the padding faux padding there.

---

What faux padding? In there I have this:  | 

However on the site it shows up like this:

Code:

---

Home      |  About Us  |  Contact Us

---

A bunch of padding after home, and 2 spaces before and after the separator instead of one. I am just wondering what generates the extra spaces and the padding...

-----

Quote:

---

How do I center the “Add to cart” box? I tried to tweak the code unsuccessfully.
You can change #cartAdd to this:

---

That code does not work.

Example: For this page:
http://www.saleyla.com/store/index.p...&products_id=1

I wish the cart (or contact us, when you are not logged in) box to be right under the other text input box, in the center of the page.


More clarifications:
- Since I removed breadcrumbs on the Home page, the side boxes move up. Any way to keep that consistent? How do I move it down at Home, or up everywhere else?

- While your template should work fine with v1.3.9 (right?), are you planning to update it for v2.0? :smile:

- Do you recommend any other useful modifications for a site like the one I am working on (http://www.saleyla.com)?

- I am still wondering whether this store works with IE 6. Anyone with IE 6, would you please test this store?
http://www.saleyla.com


Anyhow, you are right, I am looking at the site with a magnifying glass. I am trying to understand how everything works since I am new to this... :blink:

Your template is excellent already though, so I am just tweaking the default stuff... And my friend, the fashion designer, is quite happy with her site as is :smile:


Thank you in advance for your reply.

Hi again, I have a couple of questions. first one is how do I get my "more information" pages to align to the right a tad.
and also when i have the ezy pages listed, the same thing happens. I have been looking for hours lol thanks in advance.
http://www.stitchwith.me