2 columns

cachousam

Avatar: cachousam

2013-10-19 17:42

Hello,
I might be trying to move my site in version 3.7 to 6 but I see that no template with two columns of menu as in the old version exist.
Is this possible or not?
It's a shame because it corresponded to what I like.
Thank you for your answers.

» Quick.Cart v6.x

treewood (OpenSolution)

Avatar: treewood

2013-10-20 07:16

Yes it is possible. You need to change it in styles and one line in core/products.php:
column'.( ( $i % 3 ) ? 0: 1 ).'
to:
column'.( ( $i % 2 ) ? 0: 1 ).'

cachousam

Avatar: cachousam

2013-10-20 08:34

Thanks for your answer,but it is not what i want.
I talk about a left column of menu and a right cilumn of menu.
In the older version it's call "additiomal column...!
Thank you

interkob

Avatar: interkob

2013-10-20 12:16

You can have as many colums as you wish. You just need to redisign it a little.

interkob@gmail.com

cachousam

Avatar: cachousam

2013-10-20 15:30

Hi
Have somebody an example on his site?
Thanks

boboo

Avatar: boboo

2013-10-20 19:51

http://www.kimla.de/qc6test/?home,1&sLang=de
on the left side normal menu and news, on the right side a login panel and basket contet (if there is something in it).

boboo

cachousam

Avatar: cachousam

2013-11-10 11:30

HI
I nearly succeeded but I have a little problem.
Please watch my screen and here is my code


/* LEFT COLUMN STYLES */
#column{float:left;width:255px;padding:20px 0;background:url('img/body_bg.png') repeat-x left top;}
.order #column{display:none;}

#searchForm{padding:15px 5px;text-align:center;}
#searchForm label{display:none;}
#searchForm .input{width:120px;padding:3px;}
#searchForm .submit{padding:4px 10px 9px;font-size:0.917em;font-style:normal;border:0;background:#c22463 url('img/button_bg.png') no-repeat right bottom;border-top:2px solid #faf9f9;}
*:first-child+html #searchForm .submit{padding:3px 3px 8px;} /* IE 7 hack */
html #searchForm .submit{padding:3px 3px 8px} /* IE 6 hack */

#menu3{padding:0 20px 10px;}
#menu4{padding:0 20px 10px;}

#column .type{margin-top:10px;padding:5px 13px 10px;font-size:1.667em;font-weight:bold;color:#fff;background:#c22463 url('img/menu3_bg.png') no-repeat left bottom;text-shadow:0px 1px 1px rgba(103,11,48,0.3),0px 2px 3px rgba(103,11,48,0.2),0px 3px 4px rgba(103,11,48,0.1);}


#menu4 ul{padding:10px 0;list-style:none;background:#fff;}
#menu4 li{margin:0 3px;padding:4px 0 4px 13px;border-bottom:1px solid #e0e0e0;}
#menu4 a{display:block;width:100%;padding:4px 0;color:#666;font-weight:bold;text-decoration:none;background:none;text-shadow:0px 1px 1px #fff,0px 2px 3px #eee,0px 3px 4px #ddd;}
#menu4 a:hover, #menu4 .sub1 a:hover{color:#c22463;background:none;text-decoration:underline;}
#menu4 .selected > a:first-child{color:#c22463;background:none;}

#menu4 .sub1{margin:0;padding:0;border:0;background:none;}
#menu4 .sub1 li{padding:2px 0 2px 20px;background:url('img/menu3_sub.gif') no-repeat 7px 8px;border:0px;}
#menu4 .sub1 a{display:block;width:100%;padding:2px 0;font-weight:normal;}


/* ADDITIONAL COLUMN  */
#column2{float:right;width:255px;padding:20px 0;background:url('img/body_bg.png') repeat-x left top;}
#column2.type{margin-top:10px;padding:5px 13px 10px;font-size:1.667em;font-weight:bold;color:#fff;background:#c22463 url('img/menu3_bg.png') no-repeat left bottom;text-shadow:0px 1px 1px rgba(103,11,48,0.3),0px 2px 3px rgba(103,11,48,0.2),0px 3px 4px rgba(103,11,48,0.1);}





 <div id="column"><?php 
        
if( !isset( $bOrderPage ) ){ // left column with left menu ?><?php
          
if( isset( $config['page_search'] ) && is_numeric$config['page_search'] ) && isset( $oPage->aPages[$config['page_search']] ) ){ // search form starts here ?>
            <form method="post" action="<?php echo $oPage->aPages[$config['page_search']]['sLinkName']; ?>" id="searchForm">
              <fieldset>
                <span><label for="<?php echo $lang['search']; ?>"><?php echo $lang['search']; ?></label><input type="text" size="15" name="sPhrase" id="<?php echo $lang['search']; ?>" value="<?php echo $sPhrase?>" class="input" maxlength="100" /></span>
                <em><input type="submit" value="<?php echo $lang['search']; ?> &raquo;" class="submit" /></em>
              </fieldset>
            </form><?php
          
}  // search form ends here ?><?php 
          
echo $oPage->throwMenu3$iContent); // content of left menu ?><?php 
        
}?>       
      </div>
      
      
      
      
      
      
      <div id="column2">
          <?php  echo $oPage->throwMenu3$iContent); // content of left menu ?>
          <?php  echo $oPage->throwMenu4$iContent); // content of left menu ?>
          
               
      </div>
      <div id="content">





http://img853.imageshack.us/img853/7821/lbvc.png

Thanks

cachousam

Avatar: cachousam

2013-11-11 16:36

Hello,
I found the error.

In the line:
#column2.type{margin-top:10px;padding:5px 13px 10px;font-size:1.667em;font-weight:bold;color:#fff;background:#c22463 url('img/menu3_bg.png') no-repeat left bottom;text-shadow:0px 1px 1px rgba(103,11,48,0.3),0px 2px 3px rgba(103,11,48,0.2),0px 3px 4px rgba(103,11,48,0.1);}

There was a missing space between #column2 and .type


The correct code is:
#column2 .type{margin-top:10px;padding:5px 13px 10px;font-size:1.667em;font-weight:bold;color:#fff;background:#c22463 url('img/menu3_bg.png') no-repeat left bottom;text-shadow:0px 1px 1px rgba(103,11,48,0.3),0px 2px 3px rgba(103,11,48,0.2),0px 3px 4px rgba(103,11,48,0.1);}

Now it remains to find how to apply a particular disign on a particular page.

In database / config / general.php, the setting is style.css.
But for a particular page, I would like another disign.

It seems to me that I should create a stylenew.css, heathernew.css.
But in the options page I can only choose one pagenews.php.

What are the settings to be made.

thank you

cachousam

Avatar: cachousam

2013-11-12 10:10

That's it.

First, you must créate a new file as style2colonnes.php for example in template/default .

You change what you want in this css sheet.(color....)

After it is important not to forget to create a variable in database / config / general.php.

For me, I put:
$config['style2colonnes'] = "style2colonnes.css";

Then you must create a file page2colonnes.php in template/default and paste inside page.php content.

You must change only this line:
require_once DIR_SKIN.'_header.php'; // include design of header
by:
require_once DIR_SKIN.'_header2colonnes.php'; // include design of header

Then, create a file _header2colonnes.php and paste inside the content of _header.php. Now in this file will change what you want for a different presentation of menus for example.
If you also change the _footer.php creating a _footer2colonnes.php, do not forget to change page2colonnes.php:
require_once DIR_SKIN.'_footer.php'; // include design of footer
by
require_once DIR_SKIN.'_footer2colonnes.php'; // include design of footer

To choose a theme for a particular page, go into the advanced tab in admin /page and choose the theme page2colonnes.php for example.

I am able to explain in detail the procedure, because I found the documentation (tips) yet very well done not specific enough.

Soon.

cachousam

Avatar: cachousam

2013-11-12 10:43

I forgot to tell you that in the file creates _header2colonnes.php, you must call the correct css sheet by changing the line:
<style type="text/css">@import "<?php echo $config['dir_skin'].$config['style']; ?>";</style>

by

<style type="text/css">@import "<?php echo $config['dir_skin'].$config['style2colonnes']; ?>";</style>

In my post above you must read:

First, you must créate a new file as style2colonnes.css for example in template/default .(and not style2colonnes.php)

Soon

Back to top
about us | contact