how to add an additional sidebox in v1.x.x

Three comments here (one of which will answer your question).

These look like EZ-Pages links and so would have been easiest added by simply turning them on the EZ-Pages sidebox and then positioning that where you have put your sidebox. Maybe you're using that for something else.

Inserting EZ-Page links into code is best done by using the zen_ez_pages_link function.

This would turn your block into

Quote:

---

zen_ez_pages_link(7);
zen_ez_pages_link(10);
zen_ez_pages_link(8);
zen_ez_pages_link(9);

---

If you were using a chapter other than 0 you would need to add this as a 2nd parameter. The information displaying in each link would be the EZ-Page title. This solution is best because it automatically handles any changes to your site structure. For example if you wanted to change URL, re-use on a different site, or set up a test shop in a different directory on the same server, you would not need to change the code.

To stop the links coming up onto the same line (whether you have used your method or the zen_ez_page_link function, in your stylesheet either float them left or display as block to change them from inline to block elements and then give them width wide enough that one one can fit on a line.

"To stop the links coming up onto the same line (whether you have used your method or the zen_ez_page_link function, in your stylesheet either float them left"

I tried this & it didn't work....

"or display as block to change them from inline to block elements and then give them width wide enough that one one can fit on a line."

How exactly do I do this? I have a longer text link of "Designer Spotlight" then the smaller one of "Press"...What would the width be to allow both to show up properly?

English is such an ambiguous language at times and I suspect that you have broken up the instructions in a different way to that intended. Here they are again with a bit more structure (and a corrected typo):

To stop the links coming up onto the same line (whether you have used your method or the zen_ez_page_link function), in your stylesheet:

1. either float them left OR display as block to change them from inline to block elements and then

2. give them width wide enough that only one can fit on a line.

How do you display them as a block? add display:block to their styling

What width should you make them? The width of the content in your sidebox would normally be: sidebox width - (left border width + right border width + left padding + right padding) and therefore a fairly good value to start with, though if you have used em as your unit for any of these settings, I would recommnd changing it to px first.

I just modified the blank sidebox template - thanks for that. I used just an image which is a link. There is a lot of empty space over it though, which confuses me as the sidebox below doesn't have that. Here is the source code for my side box - anything obvious for why there is empty space above the image?

Code:

---

<!--// bof: mysidebox //-->
<div class="rightBoxContainer" id="mysidebox" style="width: 151px">
<h3 class="rightBoxHeading" id="nmysideboxHeading">Stuff</h3>

<div id="mysideboxContent" class="sideBoxContent"><p><div style="text-align: center;"><a target="_blank" href="http://link/"><img
 alt="stuff"
 title="stuff"
 src="http://www.thingy.com/foo.gif""></a><br>
</p></div></div>
<!--// eof: mysidebox //-->

---

Quote:

---

Originally Posted by sobebabies

anything obvious for why there is empty space above the image?

---

Impossible to say for sure without seeing it in context as we need to see how the HTML and CSS interact, but there does does seem to be an awful lot of unnecessary HTML in that arrangement and if it's coming with its own padding and margins (particularly the <p> tag) that might explain the problem.

It's sobebabies.com. The box in question is the newsletter one - look at the source and search for "newsletter".

LOL. Turns out that it is the HTML after all. Some of that extra code is invalid. The paragraph and div inside it aren't nested properly and so the browsers are closing the paragraph tag themselves, creating an empty paragraph that nevertheless has height. This is the space that you don't want.

Here's what I'd recommend changing your code to produce

Code:

---

<!--// bof: mysidebox //-->
<div class="rightBoxContainer" id="mysidebox" style="width: 151px">
<h3 class="rightBoxHeading" id="mysideboxHeading">Stuff</h3>

<div id="mysideboxContent" class="sideBoxContent">
  <a target="_blank" href="http://link/">
    <img alt="stuff" title="stuff" src="http://www.thingy.com/foo.gif" />
  </a>
</div>
<!--// eof: mysidebox //-->

---

and then add the following to your stylesheet

Code:

---

#mysideboxContent {text-align:center}

---

Kuroi, thanks for your response. I played around with it and I made it worse and worse! Well for now, I have to go a little bit of a different route; now I have a cute little flash animation there (and yet even more white space above) and I can't work on it 'cause my designer's daughter just dropped her computer and there is no backup. Once she gets that figured out, perhaps I can come back to this. For now, it's gonna have to stay how it is; I can't be spending all my time on the little fun stuff when there are serious pressing issues to address. But I will be back when she gets me a clickable flash image! :D
Ellen

Hi,
I wanted to create a new banner/sidebox and followed your instrutions. The sidebox appeared under the layour boxes controller and I had set it to what I want but it didn't appear under the configurations.

Did I miss something?

Thanks

Quote:

---

Originally Posted by chicsinred

Hi,
I wanted to create a new banner/sidebox and followed your instrutions. The sidebox appeared under the layour boxes controller and I had set it to what I want but it didn't appear under the configurations.

---

Hi

ME TOO!!!! - Lets hope someone can help us out - I really searched all the files I created but couldn't see anything wrong - this zen cart is driving me mad - I feel that whilst trying to get my site up and running and looking ok I am taking 1 step forward and 4 backwards!!! :frusty:

Helen