Page 1 of 2 12 LastLast
Results 1 to 10 of 13
  1. #1
    Join Date
    Feb 2011
    Location
    Washington, D.C.
    Posts
    80
    Plugin Contributions
    0

    Default Trying to seperate header to achieve a different look

    Hello;

    I've searched here and online and have not been able to find a solution. I'm trying to create a new template for my site (which I also intend on sharing here) however, have come across a stumbling block.

    I've envisioned a header and footer very similar to the ZC forum or Google Analytics home page where the header is stretched on top but the ezpage, logowrapper, categories, content etc are all at 950px.

    In CSS, I've changed headerwrapper, logowrapper and navmainwrapper to 100% and mainwrapper to 950px. When I load this template, the whole site stretches to 100% which I don't want at all. Can someone point me to the right direction? I can send you the link to the site via pm if you are interested to see it. Any help would be appreciated.

    Thank you
    Attached Images Attached Images  
    http://www.kinkykupid.com. WARNING: Please note that this site is intended to sell Adult Toys, Novelties and Costumes. Please do not click the link if you may find it offensive.

  2. #2
    Join Date
    Apr 2006
    Location
    West Salem, IL
    Posts
    2,739
    Plugin Contributions
    0

    Default Re: Trying to seperate header to achieve google analytics look

    That would be because those items you changed to be 100% are contained within the mainWrapper.....you will need to make changes to move the header div outsid of the main wrapper
    Mike
    GeekHost - Zen Cart Certified & PCI Compliant Hosting
    The Zen Cart Forum...Better than a monitor covered with post-it notes!

  3. #3
    Join Date
    Feb 2011
    Location
    Washington, D.C.
    Posts
    80
    Plugin Contributions
    0

    Default Re: Trying to seperate header to achieve google analytics look

    Quote Originally Posted by barco57 View Post
    That would be because those items you changed to be 100% are contained within the mainWrapper.....you will need to make changes to move the header div outsid of the main wrapper
    Thank you. I'm not sure how to do that. Would that be in tpl_header file?
    http://www.kinkykupid.com. WARNING: Please note that this site is intended to sell Adult Toys, Novelties and Costumes. Please do not click the link if you may find it offensive.

  4. #4
    Join Date
    Apr 2006
    Location
    West Salem, IL
    Posts
    2,739
    Plugin Contributions
    0

    Default Re: Trying to seperate header to achieve a different look

    in includes/tempates/your_custom_template/common/tpl_main_page.php about line 64
    Code:
    <div id="mainWrapper">
    <?php
     /**
      * prepares and displays header output
      *
      */
      if (CUSTOMERS_APPROVAL_AUTHORIZATION == 1 && CUSTOMERS_AUTHORIZATION_HEADER_OFF == 'true' and ($_SESSION['customers_authorization'] != 0 or $_SESSION['customer_id'] == '')) {
        $flag_disable_header = true;
      }
      require($template->get_template_dir('tpl_header.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_header.php');?>
    
    <table width="100%" border="0" cellspacing="0" cellpadding="0" id="contentMainWrapper">
    Move the mainWrapper div down

    Code:
    <?php
     /**
      * prepares and displays header output
      *
      */
      if (CUSTOMERS_APPROVAL_AUTHORIZATION == 1 && CUSTOMERS_AUTHORIZATION_HEADER_OFF == 'true' and ($_SESSION['customers_authorization'] != 0 or $_SESSION['customer_id'] == '')) {
        $flag_disable_header = true;
      }
      require($template->get_template_dir('tpl_header.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_header.php');?>
    <div id="mainWrapper">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" id="contentMainWrapper">
    Mike
    GeekHost - Zen Cart Certified & PCI Compliant Hosting
    The Zen Cart Forum...Better than a monitor covered with post-it notes!

  5. #5
    Join Date
    Feb 2011
    Location
    Washington, D.C.
    Posts
    80
    Plugin Contributions
    0

    Default Re: Trying to seperate header to achieve a different look

    That did the trick. Thank you. But now all the contents in the mainwrapper disappeared. It's just white.
    http://www.kinkykupid.com. WARNING: Please note that this site is intended to sell Adult Toys, Novelties and Costumes. Please do not click the link if you may find it offensive.

  6. #6
    Join Date
    Feb 2011
    Location
    Washington, D.C.
    Posts
    80
    Plugin Contributions
    0

    Default Re: Trying to seperate header to achieve a different look

    When I look at view source, it shows all the information that should be there, but the page displays blank. Very confused.
    http://www.kinkykupid.com. WARNING: Please note that this site is intended to sell Adult Toys, Novelties and Costumes. Please do not click the link if you may find it offensive.

  7. #7
    Join Date
    Jun 2005
    Location
    Cumbria, UK
    Posts
    10,262
    Plugin Contributions
    3

    Default Re: Trying to seperate header to achieve a different look

    AppleZen has a similar effect to the one you are trying to achieve. Get a copy of that template (free-addons) and look at its structure.
    19 years a Zencart User

  8. #8
    Join Date
    Feb 2011
    Location
    Washington, D.C.
    Posts
    80
    Plugin Contributions
    0

    Default Re: Trying to seperate header to achieve a different look

    Played around with the CSS and was able to bring the content back, however, it's all over the place. Any CSS guru's out here, if you can please help me, I'd be grateful. The link is koshandjane dot com / zencart
    http://www.kinkykupid.com. WARNING: Please note that this site is intended to sell Adult Toys, Novelties and Costumes. Please do not click the link if you may find it offensive.

  9. #9
    Join Date
    Feb 2011
    Location
    Washington, D.C.
    Posts
    80
    Plugin Contributions
    0

    Default Re: Trying to seperate header to achieve a different look

    Quote Originally Posted by schoolboy View Post
    AppleZen has a similar effect to the one you are trying to achieve. Get a copy of that template (free-addons) and look at its structure.
    Thank you again. I will do that. I appreciate your help.
    http://www.kinkykupid.com. WARNING: Please note that this site is intended to sell Adult Toys, Novelties and Costumes. Please do not click the link if you may find it offensive.

  10. #10
    Join Date
    Apr 2006
    Location
    West Salem, IL
    Posts
    2,739
    Plugin Contributions
    0

    Default Re: Trying to seperate header to achieve a different look

    You need a
    Code:
    <br class="clearBoth">
    after the headerWrapper closing div tag.....and then the elements inside the header that are shoved over to the left need the margins set like so
    Code:
    margin: 0 auto;
    Mike
    GeekHost - Zen Cart Certified & PCI Compliant Hosting
    The Zen Cart Forum...Better than a monitor covered with post-it notes!

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. Create new page with different look? (no header, sidebox, etc)
    By Cindy2010 in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 12 Jan 2011, 08:45 AM
  2. Trying to set up taxes for seperate NY counties.
    By Googlo in forum Currencies & Sales Taxes, VAT, GST, etc.
    Replies: 3
    Last Post: 31 Dec 2010, 10:35 PM
  3. Different Product Listings on Seperate Pages
    By perkiekat in forum Customization from the Admin
    Replies: 3
    Last Post: 9 Sep 2009, 01:40 AM
  4. Trying to achieve modern footer appearance.
    By DieuxSoldat_04 in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 20 Feb 2009, 01:37 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