Apple Zen Support Thread

**molywerks** · 26 Jun 2008, 05:22 AM

Originally Posted by jdhone

I would like my Category and Subcategory listings to wrap horrizontally accross the page, just like the "featured, or new product" listings do. Is this possible? If so, how do I accomplish it.

Do you mean you want this page to flow in a 3-column grid? If so, I've run into this query before on the forum and it is not a simple task by any means if I understood what I was skimming. The incomplete answer is that tpl_columnar_display.php (in zen-cart-v1.3.8a-full-fileset-12112007\includes\templates\template_default\common) needs to be involved or cloned and a mess of other files need to be cloned or rewritten. Not for the "woolly". ;)

**johnga** · 26 Jun 2008, 04:40 PM

Originally Posted by cartguin

John, try http://browsershots.org.

Thanks - that was exactly what I needed!

**johnga** · 26 Jun 2008, 05:21 PM

Originally Posted by jettrue

First thing I would do, is fix the head portion of your site. You have css there, I would move that to a file in includes/templates/YOUR_TEMPLATE/css/. All css belongs in the <head> portion of the website, you have it within the <body>.

also, you have a second </head> up there.

All of that needs to be gone.

Don't know if that's your issue, but fixing it will get you a step closer.

Thanks Jade. Along with the BrowserShot tip above I was able to see the problem. I tossed my customized tpl_header and replaced it with the original tpl_header file, and then made my logo static by swapping it into logo.gif. I still want my CSS banner, and I will work on getting it back in there, but at least my site functions in IE. It does still wrap the right to the left on some pages, which I have noticed is a problem with other AZ websites. Has anyone solved that issue? Thanks again.

**jdhone** · 26 Jun 2008, 07:00 PM

Originally Posted by jdhone

Here is a link to my site. http://jhaudiotech.com/shop

To repeat my request...I would like my Category and Subcategory listings to wrap horrizontally accross the page, just like the "featured, or new product" listings do. Is this possible? If so, how do I accomplish it.

Also, if you have any suggestions for my site, I would appreciate those as well.

Again, thank you for all your help!

Reply to above message:

Originally Posted by cartguin

Do you mean you want this page to flow in a 3-column grid? If so, I've run into this query before on the forum and it is not a simple task by any means if I understood what I was skimming. The incomplete answer is that tpl_columnar_display.php (in zen-cart-v1.3.8a-full-fileset-12112007\includes\templates\template_default\common) needs to be involved or cloned and a mess of other files need to be cloned or rewritten. Not for the "woolly". ;)

No, I am not looking to have the product listing wrap in a 3 column page, I don't think there is room for that. What I do want to wrap in 3 colums, just as stated in my top request, is the category and subcategory listings. Right now they are in a single column to the left of the main page in a center justification. Click Here For An Example

Again, I would like the Category and Sub-Category listings to be centered in the main page area and wrap in three columns, just like the "featured, or new product" listings do on my home page.

Does anyone know how to accomplish this? If so, could you please help.

Thank you!

**Doodlebuckets** · 27 Jun 2008, 12:02 AM

Originally Posted by jettrue

I'm not sure WHY its doing it, but for some reason the table in your center content section is using a larger font size. So go to define_main_page.php in your admin under "Tools", Define Pages Editor", and change this:

Code:

<table class="" style="width: 614px; height: 783px; text-align: left;" border="0" cellpadding="2" cellspacing="2">

To this:

Code:

<table class="" style="width: 614px; height: 783px; text-align: left;font-size:1em;" border="0" cellpadding="2" cellspacing="2">

Thanks!!!

**johnga** · 27 Jun 2008, 08:08 PM

Can anyone help me understand what is going wrong with my attempt to insert my banner into the template? What I am attempting is to place this table:

<table width="760" border="0" align="center" cellpadding="0" cellspacing="0" id="navbarz">
<tr id="divnavbarz">
<td width="760"><div align="left"><img src="../assets/banner2008_01.gif" width="760" height="149" alt="Banner Top" /></div></td>
</tr>
<tr>
<td id="divnavbarz"><a href="../index.html">HOME</a> | <a href="../store/history.html">ABOUT US</a> | <a href="../enews08/eventspg08v2.html">EVENTS</a> | <a href="../store/parentindex.html">PARENTS</a>| <a href="../store/teacherindex.html">TEACHERS</a> | <a href="http://www.goldenapplels.com/ZcartGA/">STORE</a> | <a href="../store/contactus.html">CONTACT</a> | <a href="../store/directions08.html">FIND US</a></td>
</tr>
</table>

at the top of the page in place of the logo.gif. It works fine in Safari & FF, but in IE it places a huge white gap - so huge that my IE customers think the page is blank. Am I attempting the impossible with this?

**molywerks** · 27 Jun 2008, 08:23 PM

IIRC, the Apple Zen logo has content to its right controlled by a language file I think. Have you removed its structural code?

**jettrue** · 27 Jun 2008, 11:39 PM

Originally Posted by jdhone

Here is a link to my site. http://jhaudiotech.com/shop

To repeat my request...I would like my Category and Subcategory listings to wrap horrizontally accross the page, just like the "featured, or new product" listings do. Is this possible? If so, how do I accomplish it.

Also, if you have any suggestions for my site, I would appreciate those as well.

Again, thank you for all your help!

Again, just as I said before, the issue was to do with this chunk of code:

Code:

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float:left;
	}

You have that section commented out. From your css file:

Code:

/*#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float:left;
	}
	
#logo {
	width:19.1em  /* To prevent the logo from resizing, simply delete or comment out this section */
	}*/

Remember that when you comment out a section of css, you're affecting EVERYTHING in the list. See how the above code lists SIX css descriptors:

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg

You may have decided that you no longer wanted your #logo floated left. In that case, simply remove #logo from the list, don't force the other 5 items to change as well. So change your above code, to this:

Code:

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float:left;
	}
	
/*#logo {
	width:19.1em  /* To prevent the logo from resizing, simply delete or comment out this section */
	}*/

FIX THAT and your problem will be gone.

**jettrue** · 27 Jun 2008, 11:56 PM

Originally Posted by vivaraquel

Thanks, I appreciate it.

I will not mess around with the CSS though. Out of all the sites I have created using ZC this is the only template that truly tries my patience when it come to just adding text.

I think I'll just use the html editor option on the admin and do the best I can.

Good luck with that tutorial.

The issue is not the template. If you are having issues with the HTML editor in the zen cart admin, that has nothing to do with any template you choose. The HTML is a separate entity. Personally, I prefer to use plain text, with <p></p> around paragraphs, make my own links, and let the template format the font. When you mess around with online text editors, in my opinion, you're asking for trouble.

It also sounds like since you did not see define editor pages in the admin, that you did something incorrect, perhaps you moved files from their default location, had a folder named wrong, etc. But I've installed this template on many new zen cart installs, and have never had the define pages disappear.

**jettrue** · 28 Jun 2008, 12:24 AM

Originally Posted by johnga

Can anyone help me understand what is going wrong with my attempt to insert my banner into the template? What I am attempting is to place this table:

<table width="760" border="0" align="center" cellpadding="0" cellspacing="0" id="navbarz">
<tr id="divnavbarz">
<td width="760"><div align="left"><img src="../assets/banner2008_01.gif" width="760" height="149" alt="Banner Top" /></div></td>
</tr>
<tr>
<td id="divnavbarz"><a href="../index.html">HOME</a> | <a href="../store/history.html">ABOUT US</a> | <a href="../enews08/eventspg08v2.html">EVENTS</a> | <a href="../store/parentindex.html">PARENTS</a>| <a href="../store/teacherindex.html">TEACHERS</a> | <a href="http://www.goldenapplels.com/ZcartGA/">STORE</a> | <a href="../store/contactus.html">CONTACT</a> | <a href="../store/directions08.html">FIND US</a></td>
</tr>
</table>

at the top of the page in place of the logo.gif. It works fine in Safari & FF, but in IE it places a huge white gap - so huge that my IE customers think the page is blank. Am I attempting the impossible with this?

Don't use the table, do it with divs.

Thread: Apple Zen Support Thread

Thread Tools

Search Thread

Display

Re: Apple Zen Support Thread

Re: Apple Zen Support Thread

Re: Apple Zen Support Thread

Category & Subcategory listings

Re: Apple Zen Support Thread

Re: Apple Zen Support Thread

Re: Apple Zen Support Thread

Re: Apple Zen Support Thread

Re: Apple Zen Support Thread

Re: Apple Zen Support Thread

Similar Threads

Zen Lightbox addon [Support Thread]

Cherry Zen Template Support Thread

v151 Zen Magnific Support Thread

Simple Zen Template - Support Thread

Bookmarks

Bookmarks

Posting Permissions