Results 1 to 3 of 3
  1. #1
    Join Date
    Aug 2012
    Posts
    106
    Plugin Contributions
    0

    Default Replace side box header image and background of box and add footer

    I have searched but cannot find a post to help me with what I am looking for.

    I need to adjust the tables for the side boxes, adding nested tables for floating header image depending on how long the text is. I also need top add a background image and a footer image. I have looked through the files and must be missing something. I found the boxes.php file but cannot see what I should or should not take out.

    I need it to look something like this (quick photoshoping):

    Name:  Untitled-1.png
Views: 143
Size:  18.9 KB

    Can anyone tell me what files need to be edited and where to find them?

    Thanks,

    Clint

  2. #2
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Replace side box header image and background of box and add footer

    You don't need or want any HTML tables; there are none in stock Zen Cart layout beyond the #contentMainWrapper table that makes templates robust when modified by amateurs. Most, possibly all, of what you want can be done with CSS on the existing sidebox elements.
    There is no boxes.php file that relates to sideboxes.

    For the kind of styling you show, you would apply a background image and text-align: center; to .leftBoxHeading, .rightBoxHeading {} and whatever variable-width background image you want to .leftBoxHeading a, .rightBoxHeading a {} . You might need to add a wrapper div inside the heading and around the link to get distinctive edges to both sides of the heading text.

    You would apply a background image to .leftBoxContainer, .rightBoxContainer {} for the main part of the box (either a horizontal slice that repeats vertically, or a complete image that is longer than the longest box you expect, depending on what you want it to look like).

    The bottom of the box goes in a background image for .leftBoxContents, .rightBoxContents {} with background-position: center bottom;

    If and only if you need to add a new wrapper, you can edit /includes/templates/your_template/common/tpl_box_default_left.php and its _right counterpart. (Copy from /template_default/common/.)

  3. #3
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Replace side box header image and background of box and add footer

    Note: As far as I can see, /includes/classes/boxes.php is obsolete; the HTML it builds is all nested tables and has not been used since about the time v1.3.0 was released.
    * @version $Id: boxes.php 3039 2006-02-15 00:29:28Z wilt $

    This file should probably be deleted, or at least all the code that is no longer used removed if there is still some function it serves.

 

 

Similar Threads

  1. tweeking - side box font and side box image
    By stephenn in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 1 Dec 2008, 03:20 PM
  2. help with box header and footer
    By first trading in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 31 Aug 2008, 02:55 AM
  3. Minimal Space Between Bottom Side Box and the Footer?
    By zcnb in forum Templates, Stylesheets, Page Layout
    Replies: 9
    Last Post: 24 Aug 2008, 11:26 PM
  4. Replace side box and centre headers with graphics
    By robsnowden in forum General Questions
    Replies: 0
    Last Post: 31 Jan 2008, 01:35 AM
  5. Adding a Space Between footer and Side box
    By Darkwander in forum General Questions
    Replies: 3
    Last Post: 13 Sep 2006, 08:48 AM

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