Cherry Zen Template Support Thread

Hi Jettrue,

Is there a way to get the search_header.php to appear in the tpl_ezpages_bar_header.php??? Preferably at the left side... :-)

Thanks.

[quote=Candylea;562350]Thanks heaps Jade but I still have a little gap, is there another one I need to change like the ez footer is there a gap for this that

I have worked it out not to worry
Thanks

Hi!

I am trying to get a full width logo banner inserted - to make it match an existing website.

You can see, I hope what I am trying to do here - http://www.lemongrassmedia.com/zen01.jpg

So I uploaded the logo which goes most of the way across and then put a `background image' as a repeating background to fake the logo going across the full width.

The faked' part though seems to be top' aligned against the very top of the header bar.

Now, I have been playing with

#headerWrapper {
background:#ffffff; /* background color behind logo and sales text, white default */
}

As it says it controls the background color (and I guess image) behind the logo.

But I am wondering if I should be playing with `logoWrapper' instead?

It seems that the headerWrapper is behind the header and because it's taller is actually coming into the logo area when I was assuming it was the other way around.

Does that make any sense at all??

Plus - is there a simple way to get rid of the `Home - Login - My Account' Header and maybe move it to a sidebox - or do I have to play with tpl files?

Thanks
Ernie

Hi Again:

I played a bit more and edited logoWrapper and it's almost there -

my logoWrapper is:

#logoWrapper {
width: auto;
background-position: bottom;
background: url("../images/bg-1.gif") repeat-x;
vertical-align: bottom;
}

I though the vertical-align would align it to the bottom but in the image:

http://www.lemongrassmedia.com/zen01.jpg

It's still not right.

What must I change to make the logo blend seamlessly with the background - they are both the same height - 152px.

Ernie

Hi,

I am new to Zen Cart, but what has came to my observation is, if we put 6 in "product reviews per page" then 2 reviews gets rotated. If we put 20 in "product reviews per page" then 8 reviews gets rotated. Right now i have put value as 20 and 8 reviews are getting rotated though there many reviews in my site.

Have a look at https://www.googolpower.com/store to see what i mean

I've read and read this section to find the problem I'm having with a gap between the logo and the ezpages header below logo.

The problem does not occur in firefox, but does occur in ie7.

I've tried nearly all the solutions I've already found in the forum, but it's just not working for me and we are set to open friday, so I'd like to get this taken care of.

I have used several of your templates, enjoyed them all, but I'd have to say, this one is by far my favorite of them all.

Anyway, you can see the page I'm talking about at:

http://www.willowsembroiderynook.com

I really would appreciate any help you can give me to get this resolved.

Site is current 1.38.

jettrue:

Did you already resolve this, because I see no white space above your ezpages and below your banner.

This has now been resolved. :D

jettrue:

.listingDescription {text-align:left}

.listingDescription {text-align:justify}

What file do I edit to place that code?

Re: cybernet360ltd

You add the lines to the stylesheet.css file under includes/templates/cherry_zen/css

Hi Jettrue,

I would like to have two nav bars (one on top of the other), but each one using a different color scheme. What do I need to do to have each bar use a different color? After that, I want each nav bar to have different links and only have the search header in the bottom bar (navigation display 2)...

Thanks!

  ```

  <div id="navMainWrapper">
    <div id="navMainSearch">
      <?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?>
    </div>
    <div id="navMain">
      <ul>
        <li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><span><?php echo HEADER_TITLE_CATALOG; ?></span></a></li>
        <?php if ($_SESSION['customer_id']) { ?>
        <li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><span><?php echo HEADER_TITLE_LOGOFF; ?></span></a></li>
        <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><span><?php echo HEADER_TITLE_MY_ACCOUNT; ?></span></a></li>
        <?php
  } else {
    if (STORE_STATUS == '0') {

?>
<li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><span><?php echo HEADER_TITLE_LOGIN; ?></span></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><span><?php echo HEADER_TITLE_MY_ACCOUNT; ?></span></a></li>
<?php } } ?>
<li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><span><?php echo HEADER_TITLE_CART_CONTENTS; ?></span></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><span class="last"><?php echo HEADER_TITLE_CHECKOUT; ?></span></a></li>
</ul>
</div>
</div>
<!--eof-navigation display 1-->

  <!--bof-navigation display 2-->
  <div id="navMainWrapper">
    <div id="navMainSearch">
      <?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?>
    </div>
    <div id="navMain">
      <ul>
        <li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><span><?php echo HEADER_TITLE_CATALOG; ?></span></a></li>
        <?php if ($_SESSION['customer_id']) { ?>
        <li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><span><?php echo HEADER_TITLE_LOGOFF; ?></span></a></li>
        <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><span><?php echo HEADER_TITLE_MY_ACCOUNT; ?></span></a></li>
        <?php
  } else {
    if (STORE_STATUS == '0') {

?>
<li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><span><?php echo HEADER_TITLE_LOGIN; ?></span></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><span><?php echo HEADER_TITLE_MY_ACCOUNT; ?></span></a></li>
<?php } } ?>
<li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><span><?php echo HEADER_TITLE_CART_CONTENTS; ?></span></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><span class="last"><?php echo HEADER_TITLE_CHECKOUT; ?></span></a></li>
</ul>
</div>
</div>
<!--eof-navigation display 2-->

Hi!

In this image - what must I change in the CSS to get the background image to line up with the main logo image?

http://www.lemongrassmedia.com/zen01.jpg

They are both the same height and I tried playing with align-bottom etc but I don't know what I should be editing.

I want the effect that the logo bar extends the full width of the page no matter what the browser width is!

Thanks
Ernie

Hi!
First off I have to say the template is awesome, and was exactly what I am looking for the only problem I am having is the left sidebar. I wanted only one side bar and on the left. When I turn off the global settings for the left side which is set to 0 its shows nothing but the gap. When I turn it on the categories and information section show.
this is the style sheet code

.outer {
	padding-left: 250px; /* Same width as margin-left for the float-wrap div */
	padding-right:0px; /* Our right column width */

#contentMainWrapper {
	background:; /* This is the right column background "faked" with an image. */
	background-color:#000000; /*background color for the main "content" of the site */
	}

#contentMainWrapperb {
	background:; /* This is the left column background "faked" with an image. */
	background-color:#000000; /*background color for the main "content" of the site */
	}

In layout settings (through admin):
Column width for left and right are set to 0
Both my left and right status -global are set to 0

I tried searching through the threads but didnt found any problem like mines, and I read the installation files like 4 times or even more.
Thanks for any help in advance

oh and link to the site is http://www.virginiron.com/catalog

Hello there,

First of all, forgive me if the answer has been given in this thread. I have had a long look through but couldn't find the exact answer.

On checkout and related pages, I have put code in tpl_main_page to remove left and right sideboxes. I have figured out how to remove the grey background that appears behind the sideboxes.

I thought I had it when I edited

.outer {

...........and disabled the padding for left and right.

But on our Wishlist page, logoff page, and another page, the right sideboxes spill over to the right, off its normal position.

I wondered if maybe I need to edit another set of lines in the stylesheet, or if anyone else has experienced this? I am grateful for any help.

Thanks in advance.

:smile:

HeathenMagic what didn't work removing the Grey in the background or removing your side boxes. I'm not sure what you are trying to say here. If you are trying to change the color of the sidebox you will need to do that from your
/includes/templates/your_template/images/sidebox.gif Open it up in a editing program like paint or fireworks.
You don't need to edit anything in you stylesheet.css

Not sure whats going on so any help would be great. Im installing the cart upsell mod and at the last part of the install it says put this code: <?php require(DIR_WS_MODULES . zen_get_module_directory(FILENAME_CART_UPSELL)); ?> in before the last closing </div> of the tpl_shopping_cart_default.php did that.

When testing it the page just went all blue all sideboxes just disappeared.

can be seen here: http://dealz-r-us.com/index.php?main_page=shopping_cart&number_of_uploads=0

Can someone tell me how to solve this issue please.

Thank you.

countrycharm:

HeathenMagic what didn't work removing the Grey in the background or removing your side boxes. I'm not sure what you are trying to say here. If you are trying to change the color of the sidebox you will need to do that from your
/includes/templates/your_template/images/sidebox.gif Open it up in a editing program like paint or fireworks.
You don't need to edit anything in you stylesheet.css

Thanks Countrycharm for replying. Yeah I might not have explained it too well, sorry.

I altered the line to remove grey colouring, which was still there when I disabled the boxes on certain pages (in tpl_main_page) . Eg the Checkout pages, I want the middle content to fill out to where the left and right sideboxes usually are. But it stays where it is, the sidebox areas staying at 150px either side of the checkout content.

The stylesheet lines that begin with this part

.outer {

below it I removed the padding for the left and right columns. Which actually does the trick.

But the thing that goes wrong is the RIGHT COLUMN sideboxes spill over off the page on these pages so far:-

WISHLIST PAGE
LOGOFF PAGE
and a custom page, there may be more. Product pages are fine and ezpages are ok.

I will make another post in a little while with a picture and the code I have set.

Thanks again for replying, and thanks in advance. :smile:

Heres the code I used:-

.outer {
padding-left: 165px; /*Same width as margin-left for the float-wrap div */
/*padding-right: 150px; right column width */
}

as per the readme. Well I tried disabling both padding statements but that doesn't work. So the LEFT COLUMN space is still present on center column only pages, but I could live with that as my checkout page content fills out quite nicely anyway. Both columns areas disabled would be great though. I have a heavily customised checkout you see.

Instead of a picture, this link will show how it looks so far:-
https://www.thegemtree.com/index.php?main_page=logoff

Well it is only the WISHLIST page, sometimes the Homepage and LOGOFF that are affected as far as I know, but there may be other pages. Maybe I have to edit the files for these pages for them to conform to my stylesheet alteration, which would be ok.

But any insight or tips are appreciated as always.

Thanks

HeathenMagic try cutting off your EZ-Pages Display Status - HeaderBar and the Select Currency:on top of your page Just see what happens. If it clears up your problem then it is in one of them.

hi jettrue,

css help. i am getting these errors when validating css:

199 * html #nw Value Error : width Lexical error at line 199, column 63. Encountered: "?" (63), after : "" ? document.documentElement : document.body) && (d.clientWidth > 1300? "1300px" : d.clientWidth > 1048? "80%" : d.clientWidth 1048? "1000px" : "80%"));

205 * html #nw Value Error : width Parse error - Unrecognized }

do you know the fixes?

thanks.

How do I add a link to my blog (http://www.alovelything.blogspot.com) in the top nav bar, next to: HOME, LOG IN, etc?

I've tried to figure this out myself with no success. I thought I could tweak the common for the header, but I'm really afraid of messing it up -- I don't know PHP at all.