eliminar modulos del index y no del resto de paginas (solucionado)

chenler19 · March 11, 2014

Buenos días,

Estoy intentando modificar un poco el tema default de prestashop, y tengo una pregunta:

- Tanto en el index como en el resto de enlaces interiores tengo la columna izquierda con algunos módulos (categorias, productos más visto,etc...). Quisiera eliminarlos del index para que el slide ocupe casi todo el ancho. Pero cuando elimino del index la columna izquierda mediante el archivo global.css las modificaciones también tienen efecto en el resto de enlaces.

Yo quisiera que en el index no estuviera esa columna con esas categorías pero que cuando estas viendo un producto si que estén.

Me podéis echar un cable?

la web es www.zapateriaenanos.es

Muchas gracias de antemano...

Edited March 11, 2014 by chenler19 (see edit history)

nadie · March 11, 2014

En el caso de quitar solo la columna derecha de la pagina principal, pero no la izquierda, seria algo asi: (Solo en la pagina principal)

Editar fichero:

/themes/default/header.tpl

Buscar esto:

 <div id="center_column" class=" grid_5">

Y dejarlo así:

 <div id="center_column" {if $page_name=='index'} class=" grid_7 alpha omega" {else} class=" grid_5 " {/if}>

Despues en el fichero:

/themes/default/footer.tpl

Busca esto:

                                <div id="right_column" class="column grid_2 omega">
                                        {$HOOK_RIGHT_COLUMN}
                                </div>

Y dejalo asi:

{if $page_name!='index'} 
                                <div id="right_column" class="column grid_2 omega">
                                        {$HOOK_RIGHT_COLUMN}
                                </div> 
{/if}

De esta manera, ocultarias la columna derecha solo en la pagina principal y ampliarias la central con lo que queda de ancho de la derecha.

----

Si en cambio te refieres a quitar solo la columna izquierda, pero no la derecha, seria asi: (Solo en la pagina principal)

/themes/plantilla/header.tpl

Cambiar esto:

<div id="left_column" class="column grid_2 alpha">
                                        {$HOOK_LEFT_COLUMN}
                                </div>

por

{if $page_name!='index'}
  <div id="left_column" class="column grid_2 alpha">
                                        {$HOOK_LEFT_COLUMN}
                                </div>

{/if}

Ampliar columna central con el resto de la columna izquierda, en el mismo fichero:

/themes/plantilla/header.tpl

Cambiar esto:

       <div id="center_column" class=" grid_5">

por

<div id="center_column" {if $page_name=='index'}class=" grid_7 alpha  " {else} class=" grid_5" {/if}>

-----

De esta manera, ocultarías la columna izquierda solo en la pagina principal y ampliarías la central con lo que queda de ancho de la izquierda.

-----

Si en cambio, te refieres a quitar tanto la derecha como la izquierda de la pagina principal, seria asi:

Fichero:

/themes/plantilla/header.tpl

Cambiar esto:

<div id="left_column" class="column grid_2 alpha">
                                        {$HOOK_LEFT_COLUMN}
                                </div>

por

{if $page_name!='index'}
  <div id="left_column" class="column grid_2 alpha">
                                        {$HOOK_LEFT_COLUMN}
                                </div>

{/if}

Ampliar columna central con el resto de la columna izquierda y derecha, en el mismo fichero:

/themes/plantilla/header.tpl

Cambiar esto:

       <div id="center_column" class=" grid_5">

por

<div id="center_column" {if $page_name=='index'}class=" grid_9 omega alpha  " {else} class=" grid_5" {/if}>

Despues en el fichero:

/themes/default/footer.tpl

Busca esto:

                                <div id="right_column" class="column grid_2 omega">
                                        {$HOOK_RIGHT_COLUMN}
                                </div>

Y dejalo asi:

{if $page_name!='index'} 
                                <div id="right_column" class="column grid_2 omega">
                                        {$HOOK_RIGHT_COLUMN}
                                </div> 
{/if}

chenler19 · March 11, 2014

Muchas gracias, voy a probarlo

chenler19 · March 11, 2014

Hola, lo he probado, y me ha funcionado bien, me ha quitado las columnas laterales y la columna central se me ha extendido.

Pero no se si debido a estos cambios o a otro el footer (la parte baja) se me ha desplazado a la izquierda.

El caso es que solo me ocurre en el index.

www.zapateriaenanos.es es la web

nadie · March 11, 2014

Hola, lo he probado, y me ha funcionado bien, me ha quitado las columnas laterales y la columna central se me ha extendido.

Pero no se si debido a estos cambios o a otro el footer (la parte baja) se me ha desplazado a la izquierda.

El caso es que solo me ocurre en el index.

www.zapateriaenanos.es es la web

Dejame ver como has dejado el codigo tu header.tpl y footer.tpl, no sea que te hayas saltado algo accidentalmente

chenler19 · March 11, 2014

este sería el header

<head>
  <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 http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
  <meta http-equiv="content-language" content="{$meta_language}" />
  <meta name="generator" content="PrestaShop" />
  <meta name="robots" content="{if isset($nobots)}no{/if}index,{if isset($nofollow) && $nofollow}no{/if}follow" />
  <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|addslashes}';
   var baseUri = '{$base_uri|addslashes}';
   var static_token = '{$static_token|addslashes}';
   var token = '{$token|addslashes}';
   var priceDisplayPrecision = {$priceDisplayPrecision*$currency->decimals};
   var priceDisplayMethod = {$priceDisplay};
   var roundMode = {$roundMode};
  </script>
{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}
{if isset($js_files)}
{foreach from=$js_files item=js_uri}
<script type="text/javascript" src="{$js_uri}"></script>
{/foreach}
{/if}
  {$HOOK_HEADER}
</head>

<body {if isset($page_name)}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if} class="{if isset($page_name)}{$page_name|escape:'htmlall':'UTF-8'}{/if}{if $hide_left_column} hide-left-column{/if}{if $hide_right_column} hide-right-column{/if}{if $content_only} content_only{/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="page" class="container_9 clearfix">

<div id="header" class="grid_9 alpha omega">
    <a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
     <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>

<div id="columns" class="grid_9 alpha omega clearfix">
    

   {if $page_name!='index'}
   <div id="left_column" class="column grid_2 alpha">
   {/if}

{$HOOK_LEFT_COLUMN}
</div>

<div id="center_column" {if $page_name=='index'}class=" grid_9 omega alpha " {else} class=" grid_5" {/if}>

{/if}

chenler19 · March 11, 2014

Este sería el footer:

* International Registered Trademark & Property of PrestaShop SA
*}

{if !$content_only}
</div>

{if $page_name!='index'}

<div id="right_column" class="column grid_2 omega">
     {$HOOK_RIGHT_COLUMN}
    </div>
{/if}

</div>

<div id="footer" class="grid_9 alpha omega clearfix">
    {$HOOK_FOOTER}
    {if $PS_ALLOW_MOBILE_DEVICE}
     <p class="center clearBoth"><a href="{$link->getPageLink('index', true)}?mobile_theme_ok">{l s='Browse the mobile site'}</a></p>
    {/if}
   </div>
  </div>
{/if}
</body>
</html>

chenler19 · March 11, 2014

En el archivo global tengo esto:

#page {}
#header {z-index:10}
#columns {z-index:1}
  #left_column {}
  #center_column {}
  #right_column {}
#footer {}

/*

chenler19 · March 11, 2014

Efectivamente llevabas razon, se me había colado algo mal en el código y por eso no me funcionaba bien en el index.

Muchas gracias!

Edited March 11, 2014 by chenler19 (see edit history)

nadie · March 12, 2014

Efectivamente llevabas razon, se me había colado algo mal en el código y por eso no me funcionaba bien en el index.

Muchas gracias!

Un placer ayudarte y servirte !

PD: Como he visto que has añadido la palabra "Solucionado" al titulo del tema, procedo a cerra el tema.

Saludos,

Sign In

eliminar modulos del index y no del resto de paginas (solucionado)

Recommended Posts

chenler19

Link to comment

Share on other sites

nadie

Link to comment

Share on other sites

chenler19

Link to comment

Share on other sites

chenler19

Link to comment

Share on other sites

nadie

Link to comment

Share on other sites

chenler19

Link to comment

Share on other sites

chenler19

Link to comment

Share on other sites

chenler19

Link to comment

Share on other sites

chenler19

Link to comment

Share on other sites

nadie

Link to comment

Share on other sites

Browse

Activity

Go back to prestashop.com