Thread: Layout question

Results 1 to 7 of 7
  1. #1
    Join Date
    Dec 2005
    Posts
    46
    Plugin Contributions
    0

    help question Layout question

    Is there a way to add an image in the right column of the zen cart template so that there is a RIGHT column and a letf colum that are both compased of 1 long image 150 x 600

    thanks in advance

  2. #2
    Join Date
    Oct 2004
    Location
    Southport, UK
    Posts
    4,244
    Plugin Contributions
    20

    Default Re: Layout question

    Do you mean as a background, or as just an image in place of the sideboxes? If the former, you can use the css in includes/templates/YOUR_TEMPLATE/css/stylesheet.css; if the latter, you'll probably need to turn off all the sideboxes and then edit includes/templates/YOUR_TEMPLATE/common/tpl_main_page.php
    Development Manager @ JSWeb Ltd - suppliers of Applepay/Googlepay for Zencart
    20 years with Zencart !

  3. #3
    Join Date
    Dec 2005
    Posts
    46
    Plugin Contributions
    0

    Default Re: Layout question

    Either way would work! I guess as a background image it would be better

  4. #4
    Join Date
    Dec 2005
    Posts
    46
    Plugin Contributions
    0

    Default Re: Layout question

    So how can I get my template to look like this: http://barcelona.la/Project/bach/



    here is the curretn code
    <?php
    $template_name = 'Classic Template';
    $template_version = 'Version 1.0';
    $template_author = 'Zen Cart Team (c) 2003';
    $template_description = 'This template set is designed to be easily modified using only the style sheet to change colors, fonts, and the store logo. Three images are required; logo.jpg, header_bg.jpg, and tile_back.jpg.';
    $template_screenshot = 'scr_template_default.jpg';
    ?>

  5. #5
    Join Date
    Oct 2004
    Location
    Southport, UK
    Posts
    4,244
    Plugin Contributions
    20

    Default Re: Layout question

    What you're asking goes way beyond the scope of a forum response, but first of all, you need to set up your own template/override directory sturcture (see tutorials/faq)

    For the CSS, your BODY tag needs a background image of http://barcelona.la/Project/bach/bg.jpg (which incidentally, you can crop to half the width and it will still repeat correctly)

    Your #navMainWrapper could have http://barcelona.la/Project/bach/header_top.jpg set as a background with no repeat, or you could replace "logo.gif" with that.

    Your #navColumnOne needs a background image of http://barcelona.la/Project/bach/daisy.png set to not repeat

    You'll then need to set various other backgrounds to transparent, and work on from there.

    But before you do anything, you must learn about image optimisation! That page you just showed is almost 450kb which takes 91 seconds to download on 56k dial-up! Your page background alone is 133kb, which when cropped as suggested and properly optimised should be about 7.4KB; your "rope" logo is a massive 127kb - that would be around 10kb.
    Development Manager @ JSWeb Ltd - suppliers of Applepay/Googlepay for Zencart
    20 years with Zencart !

  6. #6
    Join Date
    Dec 2005
    Posts
    46
    Plugin Contributions
    0

    Default Re: Layout question

    thanks for that fantastic feedback!

  7. #7
    Join Date
    Dec 2005
    Posts
    46
    Plugin Contributions
    0

    Default Re: Layout question

    here is what I've got so far : http://catherinebach.com/shop/

 

 

Similar Threads

  1. Layout question
    By r1formetoo in forum General Questions
    Replies: 18
    Last Post: 2 Mar 2009, 08:58 PM
  2. Layout Question
    By karazy in forum General Questions
    Replies: 4
    Last Post: 27 Jul 2008, 08:29 AM
  3. Layout Question
    By dfontana in forum Basic Configuration
    Replies: 5
    Last Post: 21 May 2007, 09:40 AM
  4. Layout Question
    By Jeff_Mash in forum Addon Templates
    Replies: 3
    Last Post: 27 Jan 2007, 06:11 PM

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