COMO QUITAR O PONER LAS COLUMNAS DE NUESTRA TIENDA

Ir abajo

COMO QUITAR O PONER LAS COLUMNAS DE NUESTRA TIENDA

Mensaje por MERVIR el Mar Mar 24, 2009 11:52 am

Este tutorial nos enseña como modifical las funcionalidades de nuestra tienda Zencart cambiando el número de columnas. Esto se puede hacer en la mayoría de templates. Este tutorial está basado en las versiones 1.3.x pero aplica a todas las anteriores. Con el CSS ajustraremos el ancho de las tablas.

2 Columnas

Simplificas tu interface para el usuario. Es más fácil de enteder dado que hay menos información.

-Si vas a quitar una columna que sea la de la derecha. Los usuarios está acostumbrados a que sea así cuando visitan foros y blogs





-Al quitar la columna se queda el centro demasiado ancho para muchos monitores, es por eso que desde el CSS añadiremos un color de fond (en este ejemplo el gris) o algun padding en la columna de la izquierda para evitar que no veamos el fin de la tienda por el margen derecho.



  1. body {
    color:#000000;
    font:.75em/1.5 'trebuchet ms', arial, sans-serif;
    background-color:#ccc; /* grey background */
    margin:0 15px;
    }

    #mainWrapper {
    text-align: left;
    vertical-align: top;
    width:700px; /* sets the width of the store */
    background-color:#fff; /* gives the store a white background */
    }

    #navColumnOne {
    padding-left:10px; /* move the left column inwards */
    }




  2. Si queremos añadir un padding sobre el centro de la tienda como por ejemplo un borde blano entre el cuerpo de la tienda y el gris del fonndo .(las diferencia visual es notable y acentua el peso de nuesto header o logo) .

  1. #mainWrapper {
    padding: 0 15px;
    }



  2. Tambien su puede añadir en vez de un color de fondo, una imagen para que no quede tanto espacio de un tono.




1 Columna

La impresión que da una sola columna para el visitante es de extrema sencillez. Si deshabilitais esta columna desde vuestro panel os teneis que asegurar que el listado de categorais aparece en el cuerpo centra de vuestra tienda. Si optais por esta opción no es necesario cambiar nada en el CSS, solo si se quiere cambiar la verticalidad de la tienda.

Si quieres cambiar la verticalidad de la tienda, asegurate que puedas ver el contenido de todas las paginas de tu tienda, la altura tiene que ser la misma en cada una de las paginas o perderás visión del contenido.#mainWrapper {
height:550px;
position:absolute;
top:50%;
left:50%;
margin-top:-275px;
margin-left:-375px;
border:7px solid #aaa;
}

avatar
MERVIR
ZENNER
ZENNER

Cantidad de envíos : 695
Inscripción : 13/03/2009
Localización : Barcelona (España)

Ver perfil de usuario http://mervir.com/

Volver arriba Ir abajo

Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.