Remove right column and get left column

[garblook]

Hello everybody, I'm new in the system, but think someone help me, i've installed a new template (theme), and by default in the products category page appears only the right column and the central column (can view link), I need remove the right column and get the left column, simply "transfer" columns, I've deleted all the modules in the right column, but it still appears blank and I realize that have multiple modules installed and actived in the left column, but nothing appears, this is my site for viewing:

 

http://www.garblook.com.br/prestashop/index.php?id_category=10&controller=category

 

Would greatly appreciate it if someone could help me, hug!

[vekia]

so you want to display left column in the place where you have got right now blank space? or just display left column and remove right ?

[garblook]

just display left column and remove right, i need "menu categories" in left column and center column with products, i want discard the right column.

[Jiten rash (away)]

on global.css find structure there u will find add  #right_column{display:none;}  then u also need to increase center column width u can transplant modules from right to left via modules position or simply open its php file and change for example new products is in right to move it left

 

$this->registerHook('rightColumn') == false || $this->registerHook('header')

change it to leftColumn then go module and reset

Edited September 25, 2013 by Jiten rash (see edit history)

[Paulito]

Good morning,

 

A great tutorial to help you HERE and so easy

 

Hope this helps 

 

Paul

[garblook]

In global.css structure have this code:

 

STRUCTURE

************************************************************************************************ */

#wrapp{background:url(../img/bg-main.jpg) left  top  repeat-x #fff; position:relative; overflow:hidden; width:100%;}

#wrapp_2{ margin:0 auto;  padding: 0;text-align: left;}

#right_column{padding:27px 0px 0px 0px;}

#product #right_column {padding:35px 0 0 0;}

#left_column{ display:none;}

body#index #right_column{ display:none;}

body#index .instant + #right_column{ display:block;}

#center_column{ padding-bottom:30px;}

#product #center_column{ padding-bottom:30px;}

body#index #center_column {padding-bottom:0px;}

 

 

which line I edit?

[vekia]

i think that your theme works a little bit different

but you have to remove this: #left_column{ display:none;}

[Paulito]

Ooops, I answered before reading

 

Mea Culpa

 

Paul

[Jiten rash (away)]

even i forgot that its not default theme

[garblook]

Its correctly, dont is default theme.

I have removed this line:

 

#left_column{ display:none;}

 

but dont works, same configuration.

[garblook]

i also try change in the "STRUCTURE" all right_column names per left_column and vice-versa.

but again without results..

[garblook]

i found in header.tpl this code:

 

<div id="columns" class="container ">

                 <div class="row ">  

                 <div class="loader_page">    

                                <aside id="right_column"  class="span3 column" style=" display:none">

                                   {$HOOK_RIGHT_COLUMN}

                                </aside>   

                         {if $page_name == 'index'}    

                         <div id="center_column" class="center_column span12 clearfix">

                        {else}

                          <div id="center_column" class="center_column span9 clearfix">

                        {/if} 

{/if} 

 

someone understand if something can be changed?

[vekia]

show also footer.tpl file, code above is not enough to say something more about modification

[vekia]

+

remove display:none; from:

<aside id="right_column"  class="span3 column" style=" display:none">
                                   {$HOOK_RIGHT_COLUMN}
                                </aside>  

[garblook]

Hi, sorry per delay, the footer.tpl have this code:

 

{if !$content_only}

  </div>        

  

  

   

                         <aside id="right_column"  class="span3 column right_home">   

                               {$HOOK_RIGHT_COLUMN}

                                </aside>

                     

                              

    

  </div>

</div></div>

 <div class="footer-bg-mob">

                <footer class="container ">

                        

                                

                                        <div class="row modules">

                                                {$HOOK_FOOTER}

                                        </div>

                                    

                         </div>

                </footer> 

      </div>          

                </div>

</div></div>

  {/if}

 

</body>

</html>

and header.tpl have this code:

 

<!DOCTYPE html>

<!--[if lt IE 7 ]><html class="ie ie6 no-js" lang="en"><![endif]-->

<!--[if IE 7 ]><html class="ie ie7 no-js" lang="en"><![endif]-->

<!--[if IE 8 ]><html class="ie ie8 no-js" lang="en"><![endif]-->

<!--[if IE 9 ]><html class="ie ie9 no-js" lang="en"><![endif]-->

<!--[if gt IE 9]><!--><html class="no-js" lang="{$lang_iso}"><!--<![endif]--><head>

<meta charset="utf-8">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>{$meta_title|escape:'htmlall':'UTF-8'}</title>

{if isset($meta_description) AND $meta_description}

<meta name="description" content="{$meta_description|escape:html:'UTF-8'}" />

{/if}

{if isset($meta_keywords) AND $meta_keywords}

<meta name="keywords" content="{$meta_keywords|escape:html:'UTF-8'}" />

{/if}

 

<meta name="generator" content="PrestaShop" />

    <meta name="robots" content="{if isset($nobots)}no{/if}index,{if isset($nofollow) && $nofollow}no{/if}follow" />

<meta name="author" content="Prestashop 1.5">

    

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> 

    

    

 

    

<script>

    if (navigator.userAgent.match(/Android/i)) {

        var viewport = document.querySelector("meta[name=viewport]");

        viewport.setAttribute('content', 'initial-scale=1.0,maximum-scale=1.0,user-scalable=no,width=device-width,height=device-height');

    }

if(navigator.userAgent.match(/Android/i)){

    window.scrollTo(0,1);

 }

</script> 

    <meta name="apple-mobile-web-app-capable" content="yes" /> 

<link rel="icon" type="image/vnd.microsoft.icon" href="{$favicon_url}?{$img_update_time}" />

<link rel="shortcut icon" type="image/x-icon" href="{$favicon_url}?{$img_update_time}" />

<script type="text/javascript">

var baseDir = '{$content_dir}';

var baseUri = '{$base_uri}';

var static_token = '{$static_token}';

var token = '{$token}';

var priceDisplayPrecision = {$priceDisplayPrecision*$currency->decimals};

var priceDisplayMethod = {$priceDisplay};

var roundMode = {$roundMode};

</script>

<link href="{$css_dir}normalize.css" rel="stylesheet" type="text/css" media="all" />

<link href="{$css_dir}bootstrap.css" rel="stylesheet" type="text/css" media="all" />

<link href="{$css_dir}bootstrap-responsive.css" rel="stylesheet" type="text/css" media="all" />

{if isset($css_files)}

{foreach from=$css_files key=css_uri item=media}

<link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />

{/foreach}

{/if}   

<link href="{$css_dir}320.css" rel="stylesheet" type="text/css" media="all" />

<link href="{$css_dir}480.css" rel="stylesheet" type="text/css" media="all" />

<link href="{$css_dir}768.css" rel="stylesheet" type="text/css" media="all" />

 

{if isset($js_files)}

{foreach from=$js_files item=js_uri}

<script type="text/javascript" src="{$js_uri}"></script>

{/foreach}

{/if}

 

<script src="{$js_dir}bootstrap.js"></script>

<script src="{$js_dir}plugins.js"></script>

<script src="{$js_dir}footable.js"></script>

<script  src="{$js_dir}jquery.core-ui-select.js"></script> 

<script src="{$js_dir}jquery.scrollpane.js"></script>

<script  src="{$js_dir}jquery.uniform.js"></script> 

<script src="{$js_dir}jquery.mousewheel.js"></script>

<script src="{$js_dir}mainscript.js"></script>

<script src="{$js_dir}/source/modernizr-2.5.3.min.js"></script>

 

{$HOOK_HEADER}

<script src="{$js_dir}jquery.carouFredSel-6.1.0.js"></script>

<script src="{$js_dir}jquery.touchSwipe.min.js"></script>

</head>

    <!--[if lt IE 8]><div style='clear:both;height:59px;padding:0 15px 0 15px;position:relative;z-index:10000;text-align:center;'><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a></div><![endif]-->

<body {if isset($page_name)}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if} >

    {if !$content_only}

{if isset($restricted_country_mode) && $restricted_country_mode}

<div id="restricted-country">

  <p>{l s='You cannot place a new order from your country.'} <span class="bold">{$geolocation_country}</span></p>

</div>

{/if}

<div id="wrapp" >

       <div id="wrapp_2" >

                                <header id="header" class="container ">

                        

                                         <div  id="header-inner" >

       

                   <a id="header_logo" href="{$base_dir}" >

                     <img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />

                  </a>

          {$HOOK_TOP}

              

         </div>

                                 </header>

<div id="columns" class="container ">

                 <div class="row ">  

                 <div class="loader_page">    

                                <aside id="right_column"  class="span3 column" style=" display:none">

                                   {$HOOK_RIGHT_COLUMN}

                                </aside>   

                         {if $page_name == 'index'}    

                         <div id="center_column" class="center_column span12 clearfix">

                        {else}

                          <div id="center_column" class="center_column span9 clearfix">

                        {/if} 

{/if} 

[garblook]

i remove "display:none" and works!! thanks very much man!!!!

[garblook]

Ok, the right column is now in left, but i active categories block, and appears 2 times, why??

 

http://www.garblook.com.br/prestashop/index.php?id_category=10&controller=category

 

thanks!

[vekia]

it's because second block is a part of this code: 

<aside id="right_column"  class="span3 column right_home">   
                               {$HOOK_RIGHT_COLUMN}
                                </aside>

from footer.tpl file

 

remove it, should help

[garblook]

ok, its works, but have other problem, in innitital page (principal) appears the right column, but i dont need the right column only in innitital page, see:

 

http://www.garblook.com.br/prestashop/index.php

 

thanks!

[vekia]

so in header.tpl use:

{if $page_name!='index'}
<aside id="right_column"  class="span3 column" >
                                   {$HOOK_RIGHT_COLUMN}
                                </aside>   
{/if}

it will disappear from homepage

[garblook]

thanks very much, its works fine, the last query, how i can make this: http://garblook.com.br/need.png  ???

 

thanks.

[vekia]

.breadcrumb {
margin: -10px 0 0px 0px;
background: none;
border-radius: 0px;
padding: 7px 0 7px 0px;
background: #f8f8f8;
width: 1170px;
font-size: 14px;
}

from code above remove width: 1170px; param, it's a part of file: http://www.garblook.com.br/prestashop/themes/theme593/css/global.css line 606

[directdisk]

helpful thread thanks everyone

Edited September 27, 2013 by vekia (see edit history)

[garblook]

Hi, thanks again, u is expert, =D, other question:

how i can translate theme language inputs? example: "my cart" english, i need in portuguese: "meu carrinho". where found file of have this words?

 

thanks!!

[Jiten rash (away)]

modules/blockcart blockcart.tpl line 50 <a href="{$link->getPageLink("$order_process", true)}" title="{l s='View my shopping cart' mod='blockcart'}" rel="nofollow">{l s='Cart' mod='blockcart'}</a>
        {if $ajax_allowed}

Edited September 27, 2013 by Jiten rash (see edit history)

[Jiten rash (away)]

oh u use translation ,click configure on block cart module and manage translation also

Edited September 27, 2013 by Jiten rash (see edit history)

[vekia]

localization > translations tab in back office

then select "modules translations" from first dropdown list, click on flag

and search fields to translate (you will see list of translations)

[garblook]

thanks, i view all options.. iam translating now!