Cambiar home de una a dos comumnas

manuel0510 · May 30, 2013

Necesito cambiar en la home de mi tienda PS1.4.8, ahora tiene una columna y necesito 2, igual que el resto de la tienda, columna derecha y central.

¿Como puedo modificarla?

nadie · May 30, 2013

Necesito cambiar en la home de mi tienda PS1.4.8, ahora tiene una columna y necesito 2, igual que el resto de la tienda, columna derecha y central.

¿Como puedo modificarla?

Lo primero seria bueno que indicaras si usas la plantilla por defecto de Prestashop 1.4.8, o otra.

Lo segundo, en el titulo del tema dices solo la "home a 2 columnas", por lo que entiendo que para el resto de la tienda quieres conservar las 3.

Asi que te lo comentare en base a la plantilla por defecto en Prestashop 1.4

¿Como ocultar la columna "izquierda" en la home y dejarla en el resto de la tienda?

Prestashop 1.4 - Plantilla por defecto

Nos vamos al fichero:

/themes/prestashop/header.tpl

Buscamos esto:

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

Y lo dejamos así:

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

De esta manera ocultamos la columna izquierda para la pagina principal, si quieres ocultarlas para todas las paginas, dejalo así:

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

¿He quitado el lateral de la izquierda, pero el ancho de la columna central no cuadra?

Fichero:

/themes/prestashop/css/global.css

Si esto solo lo queremos aplicar a la pagina principal, añadimos esto:

#index #center_column {width:768px;}

Si es para todas las paginas, cambiamos esto:

#center_column {
width: 556px;
margin: 0 0 30px 0;
overflow: hidden
}

Por esto:

#center_column {
width: 768px;
margin: 0 0 30px 0;
overflow: hidden
}

nadie · May 30, 2013

Lo primero seria bueno que indicaras si usas la plantilla por defecto de Prestashop 1.4.8, o otra.

Lo segundo, en el titulo del tema dices solo la "home a 2 columnas", por lo que entiendo que para el resto de la tienda quieres conservar las 3.

Asi que te lo comentare en base a la plantilla por defecto en Prestashop 1.4

¿Como ocultar la columna "izquierda" en la home y dejarla en el resto de la tienda?

Prestashop 1.4 - Plantilla por defecto

Nos vamos al fichero:
/themes/prestashop/header.tpl
Buscamos esto:
<div id="left_column" class="column">
 {$HOOK_LEFT_COLUMN}
</div>
Y lo dejamos así:
{if $page_name!='index'}
<div id="left_column" class="column">
 {$HOOK_LEFT_COLUMN}
</div>
{/if}
De esta manera ocultamos la columna izquierda para la pagina principal, si quieres ocultarlas para todas las paginas, dejalo así:
{* <div id="left_column" class="column">
 {$HOOK_LEFT_COLUMN}
</div> *}
¿He quitado el lateral de la izquierda, pero el ancho de la columna central no cuadra?

Fichero:
/themes/prestashop/css/global.css
Si esto solo lo queremos aplicar a la pagina principal, añadimos esto:
#index #center_column {width:768px;}
Si es para todas las paginas, cambiamos esto:
#center_column {
width: 556px;
margin: 0 0 30px 0;
overflow: hidden
}
Por esto:
#center_column {
width: 768px;
margin: 0 0 30px 0;
overflow: hidden
}

ah mierda...

Esto que te he dicho, es justo para hacer lo contrario.....

nadie · May 30, 2013

ah mierda...

Esto que te he dicho, es justo para hacer lo contrario.....

Entonces es posiblemente que tengas las columnas que comentas en el "tpl" (header.tpl, footer.tpl) con un condicional, o en el css (global.css), tipo:

#index #left_column {display:none;}
#index #right_column {display:none;}

Si es asi cargate esos display:none..

O quizas las tienes ocultadas en el tpl, tipo... asi:

header.tpl

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

footer.tpl

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

Si es asi quitale los if...

manuel0510 · May 30, 2013

Gracias nadie, la plantilla no es la de defecto, es una plantilla que tiene una columna en el index y dos en el resto http://misinvitacionesdeboda.es.

El cambio es igual?

nadie · May 30, 2013

Gracias nadie, la plantilla no es la de defecto, es una plantilla que tiene una columna en el index y dos en el resto http://misinvitacionesdeboda.es.

El cambio es igual?

Dime, que tienes en tu fichero:

/themes/tu-plantilla/footer.tpl

(Hay es donde esta la columna derecha, y la llamada al hook right)

manuel0510 · May 30, 2013

en el archivo footer.tpl aparece esto

{if !$content_only}
 </div>
{if $page_name != 'index'}
<!-- Right -->
 <div id="right_column" class="column">{$HOOK_RIGHT_COLUMN}</div>
{/if}
 <div class="clearblock"></div>
</div>
<!-- Footer -->
<div id="footer">
 {$HOOK_FOOTER}
 {if $page_name == 'index'}<!-- [[%FOOTER_LINK]] -->{/if}
</div>
</div>
</div>
</div>
{/if}

nadie · May 30, 2013

en el archivo footer.tpl aparece esto

{if !$content_only}
 </div>
{if $page_name != 'index'}
<!-- Right -->
 <div id="right_column" class="column">{$HOOK_RIGHT_COLUMN}</div>
{/if}
 <div class="clearblock"></div>
</div>
<!-- Footer -->
<div id="footer">
 {$HOOK_FOOTER}
 {if $page_name == 'index'}<!-- [[%FOOTER_LINK]] -->{/if}
</div>
</div>
</div>
</div>
{/if}

Dejalo así:

{if !$content_only}
 </div>
<!-- Right -->
 <div id="right_column" class="column">{$HOOK_RIGHT_COLUMN}</div>
 <div class="clearblock"></div>
</div>
<!-- Footer -->
<div id="footer">
 {$HOOK_FOOTER}
 {if $page_name == 'index'}<!-- [[%FOOTER_LINK]] -->{/if}
</div>
</div>
</div>
</div>
{/if}

manuel0510 · May 30, 2013

he cambiado el codigo, pero sigue igual, ¿hay que hacer algun cambio en el global.css?

nadie · May 30, 2013

he cambiado el codigo, pero sigue igual, ¿hay que hacer algun cambio en el global.css?

¿Ha forzado usted compilación, en la pestaña Parametros Avanzados -> Rendimiento?

nadie · May 30, 2013

Respecto al "css", en el fichero:

global.css de tu plantilla tienes esto:

body#index #center_column {
width: 930px;
float: left;
padding: 0;
background: none;
border: none;
}

Tendras que ajustarlo o quitarlo directamente para que coja el ancho normal del #center_column

manuel0510 · May 30, 2013

casi funciona, pero me queda detras de lo que hay, detras del slider y detras de las fotos del index

nadie · May 30, 2013

casi funciona, pero me queda detras de lo que hay, detras del slider y detras de las fotos del index

Verse ya se ve ahora tienes que ajustar unos pequeños parametros para que cuadre

Lo primero el bloque de productos destacados ese que tienes se va al mundo infernal, por que en el fichero:

http://misinvitacionesdeboda.es/shop/themes/theme307/css/global.css

Alguien ha puesto esto:

#featured_products {
width: 930px;
overflow: hidden;
}

Dejalo asi:

#featured_products {
overflow: hidden;
}

(Y se queda bien, (Lo he comprobado desde firebug) )

Despues el slider, que usas que es el "minic slider", tienes que subir las imagenes a medidas y configurarlo en la misma configuracion del modulo, y luego tambien ajustar en el css

http://misinvitacionesdeboda.es/shop/modules/nivoslider/tools/css/nivo-slider.css

Esto:

div#slider {
width: 928px;
height: 300px;
overflow: hidden;
float: left;
}

manuel0510 · May 30, 2013

BIEN, solo dos cositas mas, en la parte inferior el carrusel y los bloque aparecen dentro del center, donde tengo que colocarlos?

y por ultimo, ¿que tengo que tocar para que no se corten las imagnes y los textos de la derecha del index?

Cambiar home de una a dos comumnas

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites