Comstock Template

[bacibacio]

Hi,

I've installed the Comstock template on my site, and would now like to customize it a bit. These are some things on my wishlist. Hopefully they are easy changes to make:

1. I would like to set the width of the template to a specific size rather than having it fill out the whole screen. I would probably make it about the same size as the green header graphic.

2. I would like to remove the green header graphic and leave as a white background.

3. I would like to put my logo on the top left.

4. Remove the zen cart banner from the bottom.

5. Make the gray and black bars at the top and the gray bar at the bottom be the width of the template instead of going the with of the monitor.

Thanks in advance for your help.

Brian

[clydejones]

Hi,

I've installed the Comstock template on my site, and would now like to customize it a bit. These are some things on my wishlist. Hopefully they are easy changes to make:

1. I would like to set the width of the template to a specific size rather than having it fill out the whole screen. I would probably make it about the same size as the green header graphic.

2. I would like to remove the green header graphic and leave as a white background.

3. I would like to put my logo on the top left.

4. Remove the zen cart banner from the bottom.

5. Make the gray and black bars at the top and the gray bar at the bottom be the width of the template instead of going the with of the monitor.

Thanks in advance for your help.

Brian

Your site URL

[bacibacio]

Hi,

I'd rather not give out the site for public consumption yet. Not until I've gotten it secured down, etc. Is there something about seeing the site that would change your answers?

Brian

[clydejones]

Hi,

I'd rather not give out the site for public consumption yet. Not until I've gotten it secured down, etc. Is there something about seeing the site that would change your answers?

Brian

Its always easier to make recommendations when you can see what it is that needs to be changed.

That being said:

create your own logo.gif image and copy it to:

includes/templates/comstock/images

As for the rest:

open includes/templates/comstock/css/stylesheet.css

find ALL of the following declarations in the stylesheet and replace them with those listed here:

#topWrapper {
margin: 0 auto;
padding: 0;
text-align: left;
width: 90%;
vertical-align: top;
}

#mainWrapper {
margin: 0 auto;
padding: 0;
background: #fff;
border: 1px solid #000;
text-align: left;
width: 90%;
vertical-align: top;
}

#logoWrapper {
margin: 0 auto;
padding: 0;
width: 907px;
height:100px;
background: #ffffff;
}

#navAccountWrapper {
margin: auto;
background: #ffffff;
font-weight: bold;
color: #ffffff;
height: 26px;
width: 907px;
}

#navMainWrapper {
margin: auto;
background: url(../images/silver_bar.gif) repeat-x;
font-weight: bold;
color: #ffffff;
height: 26px;
width: 907px;
}

#navExtraWrapper {
margin: auto;
padding: 0;
background: url(../images/black_bar.gif);
font-weight: bold;
color: #ffffff;
height: 20px;
width: 907px;
}

#bottom {
margin: auto;
background: url(../images/silver_bar.gif) repeat-x;
height: 26px;
width: 907px;
}

Save all of your changes and upload them to your server.

The Zen Cart Banner at the bottom can be turned off in:
admin -> tools -> Banner Manager

[bacibacio]

Hi Clyde,

Thanks so much for the help. I made the css changes and everything worked except for the middle part of the screen which still was going almost the full width of the screen. However, I played around with a couple of the settings you gave and got it to work. This is what I changed:

#mainWrapper {
margin: 0 auto;
padding: 0;
background: #fff;
border: 1px solid #000;
text-align: left;
width: 90%; (Changed this to 907px)
vertical-align: top;
}

#topWrapper {
margin: 0 auto;
padding: 0;
text-align: left;
width: 90%; (Tried changing this between 90% and 100% but I didn't see any change in the layout. Maybe you can tell me what part of the page this effects and what value it should be.)
vertical-align: top;
}


I have another question for you...how hard would it be to add more buttons to the top gray bar? Where you have Home and Login, I would like to add buttons along there for each of my main categories.

Thanks again,
Brian

Its always easier to make recommendations when you can see what it is that needs to be changed.

That being said:

create your own logo.gif image and copy it to:

includes/templates/comstock/images

As for the rest:

open includes/templates/comstock/css/stylesheet.css

find ALL of the following declarations in the stylesheet and replace them with those listed here:

#topWrapper {
margin: 0 auto;
padding: 0;
text-align: left;
width: 90%;
vertical-align: top;
}

#mainWrapper {
margin: 0 auto;
padding: 0;
background: #fff;
border: 1px solid #000;
text-align: left;
width: 90%;
vertical-align: top;
}

#logoWrapper {
margin: 0 auto;
padding: 0;
width: 907px;
height:100px;
background: #ffffff;
}

#navAccountWrapper {
margin: auto;
background: #ffffff;
font-weight: bold;
color: #ffffff;
height: 26px;
width: 907px;
}

#navMainWrapper {
margin: auto;
background: url(../images/silver_bar.gif) repeat-x;
font-weight: bold;
color: #ffffff;
height: 26px;
width: 907px;
}

#navExtraWrapper {
margin: auto;
padding: 0;
background: url(../images/black_bar.gif);
font-weight: bold;
color: #ffffff;
height: 20px;
width: 907px;
}

#bottom {
margin: auto;
background: url(../images/silver_bar.gif) repeat-x;
height: 26px;
width: 907px;
}

Save all of your changes and upload them to your server.

The Zen Cart Banner at the bottom can be turned off in:
admin -> tools -> Banner Manager

[clydejones]

Hi Clyde,

I have another question for you...how hard would it be to add more buttons to the top gray bar? Where you have Home and Login, I would like to add buttons along there for each of my main categories.

Thanks again,
Brian

You can open includes/templates/comstock/common/tpl_header.php

and edit/add your links manually.

as an alternative you can activate the categories tab menu.

find this in admin -> configuration -> layout settings -> Categories-Tabs Menu ON/OFF and turn it on.

[lextechs]

How do get the banner to be on the main page only, you can see my test site here www.lextechs.com/Testsite what i am trying to do is get a banner or have banner 3 only show on the main page and not the other pages

[clydejones]

How do get the banner to be on the main page only, you can see my test site here www.lextechs.com/Testsite what i am trying to do is get a banner or have banner 3 only show on the main page and not the other pages

NOTE: This tip can be used with any template!

Open includes/templates/comstock/common/tpl_main_page.php

Find the following section of code at around line(s) 112 - 115

<?php
  if (SHOW_BANNERS_GROUP_SET3 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET3)) {
    if ($banner->RecordCount() > 0) {
?>

and replace with the following section of code

<?php
  if ($this_is_home_page && SHOW_BANNERS_GROUP_SET3 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET3)) {
    if ($banner->RecordCount() > 0) {
?>

[lextechs]

You the man that worked like a charm thanks for you help