"ZenCart Zen" Template Support

Sorry it's taken me so long to get back to this. Thanks so much for the instructions! :)

clydejones:

You have 2 choices:

1. open includes/templates/zencart_zen/css/stylesheet.css

find the following and add the highlighted portion:

.date {
display:none;
padding-left:5px;
position: absolute;
top: 5px;
right: 20px;
color:#000;
font-weight: bold;
text-align: left;
font-size: 1.2em;
line-height:normal;
text-shadow: 2px 2px 2px #DFDFDF;
filter: Shadow(Color:#DFDFDF, Direction:135, Strength:2);
}

2. open includes/templates/zencart_zen/common/tpl_header.php

find and delete the following line of code.

<div class="date"><?php echo strftime(DATE_FORMAT_LONG);?></div>

Hello Clyde,
Yesterday I installed your template , and I find it great, but I have two questions to you:

1. I tried to make my shop width 100% but it remains on the left, although I tried the fixes from previous posts.
2. How can I add new tab , at the header menu.

This is my mainWrapper:

#mainWrapper {
margin:0 auto;
background:#fff;
text-align: left;
width: 100%;
vertical-align: top;
}

vasilics:

Hello Clyde,
Yesterday I installed your template , and I find it great, but I have two questions to you:

1. I tried to make my shop width 100% but it remains on the left, although I tried the fixes from previous posts.
2. How can I add new tab , at the header menu.

This is my mainWrapper:

#mainWrapper {
margin:0 auto;
background:#fff;
text-align: left;
width: 100%;
vertical-align: top;
}

link to your site?

http://www.ics-bg.com/catalog/index.php

This is the link to the site.
Thank you for checking

vasilics:

Hello Clyde,
Yesterday I installed your template , and I find it great, but I have two questions to you:

1. I tried to make my shop width 100% but it remains on the left, although I tried the fixes from previous posts.
2. How can I add new tab , at the header menu.

This is my mainWrapper:

#mainWrapper {
margin:0 auto;
background:#fff;
text-align: left;
width: 100%;
vertical-align: top;
}

vasilics:

http://www.ics-bg.com/catalog/index.php

This is the link to the site.
Thank you for checking

You'll also need to adjust the width settings in the following declarations:

#contentMainWrapper {
margin:15px 0 0;
padding: 0;
width:980px;
}

/*BOF center column content*/	

#contentColumnMain {
margin:0;
padding:0;
float:left;
vertical-align: top;
width:645px;
}
#navBreadCrumb {
margin: 5px 20px 0 20px;
padding: .5em;
font-size: 0.95em;
font-weight: bold;
border-bottom:1px solid #000;
width:610px;
}
.centerColumn {
margin: 0 10px;
padding: 1em;
font-size: 1.2em;
width: 620px;
}
.centerBoxWrapper {
margin: 1.1em 0;
border: 1px solid #000;
border-width: 0 0 1px 0;
height: 1%;
width:610px;
}

Ok, Clyde, thank you very much for this tips :)
I finally made it. And still there is one problem- How can I add new tabs in the header bar same as : "Home", "Contact Us", "My account" .. etc
I would really appreciate some advises on this part.
Thank you in advance

OK, I finally made it, Clyde I don't need the information about creating new tabs.
Thank you again for the width, mate

Sorry to bother you again Clyde, but I am stuck at that part.
I want to remove my categories tabs from the main page. I tried all the suggested solutions but they don't work. And they say that turn on/off categories button from the admin menu could be removed by the template.
Please tell me if it is this way, and if it is so, how can I remove my categories tabs?
Thanks in advance,
Vasil

vasilics:

Sorry to bother you again Clyde, but I am stuck at that part.
I want to remove my categories tabs from the main page. I tried all the suggested solutions but they don't work. And they say that turn on/off categories button from the admin menu could be removed by the template.
Please tell me if it is this way, and if it is so, how can I remove my categories tabs?
Thanks in advance,
Vasil

Do you mean the categories sidebox?

No, I don't mean the sideboxes, but the tabs. I have attached a picture from there, so you could see what exactly I want to remove.
And also i tried to see my site through different sizes of monitors, and the site looks different on every different monitor.
Is there any chance, that I could resize the width of the main page and the sideboxes, so they could resize automatically to the propotions of the different monitors.
Thank you.

vasilics:

No, I don't mean the sideboxes, but the tabs. I have attached a picture from there, so you could see what exactly I want to remove.
And also i tried to see my site through different sizes of monitors, and the site looks different on every different monitor.
Is there any chance, that I could resize the width of the main page and the sideboxes, so they could resize automatically to the propotions of the different monitors.
Thank you.

I believe there is an option in your ZC admin to turn those on/off

You already have the width set at 100% which means that it should resize as you indicate.

Clyde,

I had inquired in Post 122 on this thread about getting the center box to fill in where the right sideboxes were suppressed. I finally gave your instructions in Post 123 a try and it worked well. I just added the width of the sideboxes, 150 px, onto the 620 px of the center box. Thanks very much.

Clyde,

On the previous post I see it was Reply #125 that solved the margin readjustment I was describing in #122.

Thanks again. I now have a few other questions:

#1: With the upgraded template, I am seeing it loads differently than did the previous template. I have 2 header images which are in the same format as on my initial site, https://www.riverfrontsouth.com (one of the header images on that site was just words on the left).

When I open my site with the 1.3.9 template, on my test WAMP server (which unfortunately is not online), as the site loads I see the header images, one on top of the other, in the upper left corner for a moment. It seems awkward and disturbing.

Is there a way to keep the header images from being visible until they actually appear in the correct place, in the header?

#2: Also, I am unable to figure out where the css code, in includes/templates/zencart_zen/css/stylesheet.css is which sets the top starting point for the sideboxes. I need the top sidebox on the left to start a little bit lower on the page, and I know the sidebox would be in the correct place if I had not altered the tab display to go downwards instead of upwards as they should. By making my header narrower than the original, the tabs changed positions, and then when I took out the header version of the EZ-Pages and related links the sidebox has gone up too high.

Again, I am sorry this is not yet online for you to see. I am trying to squeeze more content into the visible part of the display on the monitor.

#4. For some reason, most templates use a lot of space for the header. As an aside, if you understand the theory behind the large header, maybe you could elaborate on that a bit, as I am continually wondering about that.

Thanks.

Notageek

notageek:

Clyde,

On the previous post I see it was Reply #125 that solved the margin readjustment I was describing in #122.

Thanks again. I now have a few other questions:

#1: With the upgraded template, I am seeing it loads differently than did the previous template. I have 2 header images which are in the same format as on my initial site, https://www.riverfrontsouth.com (one of the header images on that site was just words on the left).

When I open my site with the 1.3.9 template, on my test WAMP server (which unfortunately is not online), as the site loads I see the header images, one on top of the other, in the upper left corner for a moment. It seems awkward and disturbing.

Is there a way to keep the header images from being visible until they actually appear in the correct place, in the header?

#2: Also, I am unable to figure out where the css code, in includes/templates/zencart_zen/css/stylesheet.css is which sets the top starting point for the sideboxes. I need the top sidebox on the left to start a little bit lower on the page, and I know the sidebox would be in the correct place if I had not altered the tab display to go downwards instead of upwards as they should. By making my header narrower than the original, the tabs changed positions, and then when I took out the header version of the EZ-Pages and related links the sidebox has gone up too high.

Again, I am sorry this is not yet online for you to see. I am trying to squeeze more content into the visible part of the display on the monitor.

#4. For some reason, most templates use a lot of space for the header. As an aside, if you understand the theory behind the large header, maybe you could elaborate on that a bit, as I am continually wondering about that.

Thanks.

Notageek

#1: It may be loading differently because you are viewing it on your local server.

#2: open includes/templates/zencart_zen/css/stylesheet.css find the following and add the highlighted portion (adjust the setting until you get the look you want.)
#navColumnOne, #navColumnTwo {margin-top:1.5em;float:left;vertical-align: top;font-size: 1em;width:160px !important;}

#4. by default the header height of zencart_zen is 150px. If you add the category header and the ez-pages header then the overall height of the header becomes around 200px.

The space for the header is usually a matter of taste and/or the size of the logo image or the background image being used. that is the larger the image is the larger the area for the header.

Hello Clyde,
I just decided to check css validation of your theme, and I saw that there are many mistakes, is there any way to validate this theme because I really like it.
Do you have some different valid code for the .css files or something like that.
Thanks in advance.

Clyde,

I have no response to my post as an Excel question basically stating that my ordered list doesn't show the numbers onscreen, whereas the numbers show in the preview screen after attempts to update it.

My post is here: http://www.zen-cart.com/forum/showthread.php?t=113861&highlight=excel&page=2

In that discussion, Dr. Byte indicates an unordered list is coded just as I have done.

Approaching this from another direction, several posts on the internet on this problem suggest adding padding to the area where the text appears. In this template, which padding would relate to the product view screen?

If changing the padding works, I will post that on the Excel question as well as here. This is on my test WAMP server so I cannot post a link.

Thanks.

Notageek

notageek:

Clyde,

I have no response to my post as an Excel question basically stating that my ordered list doesn't show the numbers onscreen, whereas the numbers show in the preview screen after attempts to update it.

My post is here: http://www.zen-cart.com/forum/showthread.php?t=113861&highlight=excel&page=2

In that discussion, Dr. Byte indicates an unordered list is coded just as I have done.

Approaching this from another direction, several posts on the internet on this problem suggest adding padding to the area where the text appears. In this template, which padding would relate to the product view screen?

If changing the padding works, I will post that on the Excel question as well as here. This is on my test WAMP server so I cannot post a link.

Thanks.

Notageek

Since I'm not sure what it is exactly you are trying to do, I'll have to assume that you're going to have to add declarations to the stylesheet.css to handle the unordered lists specific to your needs.

which page specifically are you needing this for?

vasilics:

Hello Clyde,
I just decided to check css validation of your theme, and I saw that there are many mistakes, is there any way to validate this theme because I really like it.
Do you have some different valid code for the .css files or something like that.
Thanks in advance.

example please?

Clyde,

I have a song list to go with a product that is a record.

The code is in one line in the Excel spreadsheet:

<h4>songname -Title</h4><ol><li>songname1</li><li>songname2</li></ol>

This gets inserted into the Description in Easy Populate. It should look like this:

Recordname

1. songname1
2. songname2

Indeed, that is how it appears when I go to the Admin->Category->Product->Edit, and then press "Preview" before updating.

But on the actual product page for Songname, it looks like this:

Recordname

songname1
songname2

So the problem occurs on the actual product page which is not rendering the numbers in the HTML ordered list.

Here is one of the pages I found that discusses the CSS, but I have not absorbed what it means.

http://www.w3schools.com/css/css_list.asp

Here is one of several pages I visited which discussed padding, but I am also not sure what this means. I am not using IE.

http://stackoverflow.com/questions/2020222/ie67-showing-problems-with-an-ordered-list

I thought maybe I could experiment with margin padding to see what works, but I just wasn't sure what code pertains to the product description margin.

If this is of interest to you, I will just put my site online so you can see what it looks like. Otherwise, I am not sure what to do.

Notageek

notageek:

Clyde,

I have a song list to go with a product that is a record.

The code is in one line in the Excel spreadsheet:

This gets inserted into the Description in Easy Populate. It should look like this:

Recordname

1. songname1
2. songname2

Indeed, that is how it appears when I go to the Admin->Category->Product->Edit, and then press "Preview" before updating.

But on the actual product page for Songname, it looks like this:

Recordname

songname1
songname2

So the problem occurs on the actual product page which is not rendering the numbers in the HTML ordered list.

Here is one of the pages I found that discusses the CSS, but I have not absorbed what it means.

http://www.w3schools.com/css/css_list.asp

Here is one of several pages I visited which discussed padding, but I am also not sure what this means. I am not using IE.

http://stackoverflow.com/questions/2020222/ie67-showing-problems-with-an-ordered-list

I thought maybe I could experiment with margin padding to see what works, but I just wasn't sure what code pertains to the product description margin.

If this is of interest to you, I will just put my site online so you can see what it looks like. Otherwise, I am not sure what to do.

Notageek

open includes/templates/zencart_zen/css/product_info.css

add the following declaration:

#productDescription ol {
list-style: decimal;
}