Page 3 of 5 FirstFirst 12345 LastLast
Results 21 to 30 of 44
  1. #21
    Join Date
    Apr 2006
    Location
    London, UK
    Posts
    10,569
    Plugin Contributions
    25

    Default Re: how to add an additional sidebox

    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
    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.
    Kuroi Web Design and Development | Twitter

    (Questions answered in the forum only - so that any forum member can benefit - not by personal message)

  2. #22
    Join Date
    Jul 2005
    Posts
    48
    Plugin Contributions
    0

    Default Re: how to add an additional sidebox

    "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?

  3. #23
    Join Date
    Apr 2006
    Location
    London, UK
    Posts
    10,569
    Plugin Contributions
    25

    Default Re: how to add an additional sidebox

    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.
    Kuroi Web Design and Development | Twitter

    (Questions answered in the forum only - so that any forum member can benefit - not by personal message)

  4. #24

    Default Re: how to add an additional sidebox

    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 //-->

  5. #25
    Join Date
    Apr 2006
    Location
    London, UK
    Posts
    10,569
    Plugin Contributions
    25

    Default Re: how to add an additional sidebox

    Quote Originally Posted by sobebabies View Post
    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.
    Kuroi Web Design and Development | Twitter

    (Questions answered in the forum only - so that any forum member can benefit - not by personal message)

  6. #26

    Default Re: how to add an additional sidebox

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

  7. #27
    Join Date
    Apr 2006
    Location
    London, UK
    Posts
    10,569
    Plugin Contributions
    25

    Default Re: how to add an additional sidebox

    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 Web Design and Development | Twitter

    (Questions answered in the forum only - so that any forum member can benefit - not by personal message)

  8. #28

    Default Re: how to add an additional sidebox

    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!
    Ellen

  9. #29
    Join Date
    Dec 2008
    Posts
    4
    Plugin Contributions
    0

    Default Re: how to add an additional sidebox

    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

  10. #30
    Join Date
    Nov 2008
    Posts
    69
    Plugin Contributions
    0

    help question Re: how to add an additional sidebox

    Quote Originally Posted by chicsinred View Post
    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!!!

    Helen

 

 
Page 3 of 5 FirstFirst 12345 LastLast

Similar Threads

  1. v139h How to add additional images
    By Chicky in forum General Questions
    Replies: 3
    Last Post: 20 Mar 2013, 12:28 PM
  2. Add Additional Page Link to Information Sidebox?
    By shinyo21 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 12 Aug 2010, 03:22 PM
  3. How can I define additional pages for the Sidebox?
    By memerson in forum Basic Configuration
    Replies: 4
    Last Post: 9 Feb 2009, 06:49 PM
  4. Add additional sidebox banners
    By hockley in forum Basic Configuration
    Replies: 2
    Last Post: 19 Jan 2009, 05:25 PM
  5. Add An Additional Sidebox
    By CarolinaReefs in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 14 Aug 2006, 07:28 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR