Results 1 to 10 of 14

Hybrid View

  1. #1
    Join Date
    Sep 2009
    Location
    Stuart, FL
    Posts
    13,873
    Plugin Contributions
    96

    Default Re: Header BACKGROUND (not logo) One for the Home Page, one for all other pages?

    Create the file /includes/templates/YOUR_TEMPLATE/css/index_home.css and add:

    #logoWrapper{
    background-image: url(../images/logo_for_home_page.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    height:315px;
    }

    Edit the file /includes/templates/YOUR_TEMPLATE/css/stylesheet.css (if it doesn't exist, copy the file from the template_default directory).

    #logoWrapper{
    background-image: url(../images/logo_for_notthehome_page.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    height:100px;
    }

    There are other page, category and product overrides that can be done with CSS. Read /includes/templates/template_default/css/CSS_read_me.txt for more information.

  2. #2
    Join Date
    May 2012
    Posts
    92
    Plugin Contributions
    0

    Default Re: Header BACKGROUND (not logo) One for the Home Page, one for all other pages?

    OH, THANK YOU! I am going to try that shortly, and if it works, I will venerate your ancestors!

  3. #3
    Join Date
    May 2012
    Posts
    92
    Plugin Contributions
    0

    Default Re: Header BACKGROUND (not logo) One for the Home Page, one for all other pages?

    Quote Originally Posted by lat9 View Post
    Create the file /includes/templates/YOUR_TEMPLATE/css/index_home.css and add:

    #logoWrapper{
    background-image: url(../images/logo_for_home_page.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    height:315px;
    }
    Okay, so I am guessing that this file doesn't have only the stuff in red above, it is the entire MYTEMPLATE/css/stylesheet.css file that I have now, right? With that modification and saved as /includes/templates/YOUR_TEMPLATE/css/index_home.css . Right?


    Quote Originally Posted by lat9 View Post
    Edit the file /includes/templates/YOUR_TEMPLATE/css/stylesheet.css (if it doesn't exist, copy the file from the template_default directory).

    #logoWrapper{
    background-image: url(../images/logo_for_notthehome_page.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    height:100px;
    }
    Okay, and this is the MYTEMPLATE/css/stylesheet.css file that I have right now, right? And add the stuff in red above?

    Quote Originally Posted by lat9 View Post
    There are other page, category and product overrides that can be done with CSS. Read /includes/templates/template_default/css/CSS_read_me.txt for more information.
    Ooooo! Bedtime reading! This stuff brings out my inner techie geek.

    Thank you, I'll report back on my success or failure!

    CultureClick the toddler Zenner

  4. #4
    Join Date
    May 2012
    Posts
    92
    Plugin Contributions
    0

    Default Re: Header BACKGROUND (not logo) One for the Home Page, one for all other pages?

    OH YES OH YES OH YES! May the Techological Gods and the Zen Higher Beings bless you! May your ancestors, technologically inclined or otherwise, be granted Heavenly Patents on all their best ideas, and may those ideas be trasmitted to the entrepreneurial side of yourself, so you make a million dollars on a new idea! Thank you!

  5. #5
    Join Date
    Sep 2009
    Location
    Stuart, FL
    Posts
    13,873
    Plugin Contributions
    96

    Default Re: Header BACKGROUND (not logo) One for the Home Page, one for all other pages?

    I'm glad you got it sorted out! The index_home.css (at least initially) should contain only the stuff in red and you'll edit the fragment in your stylesheet.css to account for the specifics of your non-homepage logo.

  6. #6
    Join Date
    May 2012
    Posts
    92
    Plugin Contributions
    0

    Default Re: Header BACKGROUND (not logo) One for the Home Page, one for all other pages?

    Quote Originally Posted by lat9 View Post
    I'm glad you got it sorted out! The index_home.css (at least initially) should contain only the stuff in red and you'll edit the fragment in your stylesheet.css to account for the specifics of your non-homepage logo.
    REALLY? Uh oh. My index_home.css is the same as the stylesheet.css, everything the same, EXCEPT that header change. It works this way. I'm going to try removing everything but the stuff in red, and see what happens.

    Hmmmm....

  7. #7
    Join Date
    Sep 2009
    Location
    Stuart, FL
    Posts
    13,873
    Plugin Contributions
    96

    Default Re: Header BACKGROUND (not logo) One for the Home Page, one for all other pages?

    Quote Originally Posted by CultureClick View Post
    REALLY? Uh oh. My index_home.css is the same as the stylesheet.css, everything the same, EXCEPT that header change. It works this way. I'm going to try removing everything but the stuff in red, and see what happens.

    Hmmmm....
    Yes, it will work that way ... until you make some "global" change in the stylesheet.css and wonder why it doesn't affect your home page! Essentially, you really want the more-specific css files to contain only the delta changes from the overall styling.

  8. #8
    Join Date
    May 2012
    Posts
    92
    Plugin Contributions
    0

    Idea or Suggestion Re: Header BACKGROUND (not logo) One for the Home Page, one for all other pages?

    Quote Originally Posted by lat9 View Post
    Yes, it will work that way ... until you make some "global" change in the stylesheet.css and wonder why it doesn't affect your home page!
    Gotcha! But tell me, what do you think about the other strategy, using the actual logo gif and making it big enough to fill the header space, and centering it?

    Yours,

    CultureClick the toddler Zenner

  9. #9
    Join Date
    May 2012
    Posts
    92
    Plugin Contributions
    0

    Default Re: Header BACKGROUND (not logo) One for the Home Page, one for all other pages?

    Okay, now, so I was cogitating on this last night, right? And I thought, well, if this is the way to go:

    // added defines for header alt and text
    define('HEADER_ALT_TEXT', 'Powered by Zen Cart :: The Art of E-Commerce');
    define('HEADER_SALES_TEXT', 'TagLine Here');
    if ($this_is_home_page) {
    /* These definitions apply to your home page only */
    define('HEADER_LOGO_WIDTH', '192px');
    define('HEADER_LOGO_HEIGHT', '64px');
    define('HEADER_LOGO_IMAGE', 'logo_for_home_page.gif');
    } else {
    /* These definitions apply to all other pages */
    define('HEADER_LOGO_WIDTH', '192px');
    define('HEADER_LOGO_HEIGHT', '64px');
    define('HEADER_LOGO_IMAGE', 'logo.gif');
    }

    .... right, the way you originally suggested, then you wouldn't have to mess with a header background, you could just make your header logo 750x350 and then another version 750x100, and center it each time, so it would fill up the space you alloted. Wouldn't that work?

    It's ironic, one of my first changes to the classic template was to get that logo out of there! LOL

    CultureClick the toddler Zenner

 

 

Similar Threads

  1. v150 Hosting 2 installs on the one site (one for dev, one for live)
    By howcho in forum Installing on a Linux/Unix Server
    Replies: 5
    Last Post: 23 Jul 2012, 10:02 PM
  2. How do I use FLAT RATE for one item - and UPS Ship by weight for the other 8 items?
    By MarleneF in forum Built-in Shipping and Payment Modules
    Replies: 36
    Last Post: 31 Aug 2011, 04:15 PM
  3. Replies: 2
    Last Post: 9 Jul 2010, 04:57 AM
  4. Disable Sidebox for One Page Only Other then EZ Pages
    By grafx2g in forum Basic Configuration
    Replies: 40
    Last Post: 5 May 2009, 03:18 PM
  5. EZpages EZ-Pages - one page for TOC for all
    By wasana in forum General Questions
    Replies: 1
    Last Post: 11 Aug 2007, 12:37 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