¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.

COMO QUITAR O PONER LAS COLUMNAS DE NUESTRA TIENDA

Ir abajo

COMO QUITAR O PONER LAS COLUMNAS DE NUESTRA TIENDA Empty COMO QUITAR O PONER LAS COLUMNAS DE NUESTRA TIENDA

Mensaje por MERVIR 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



  1. COMO QUITAR O PONER LAS COLUMNAS DE NUESTRA TIENDA Zc-2col-1

-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 */
    }


    COMO QUITAR O PONER LAS COLUMNAS DE NUESTRA TIENDA Zc-2col-2

  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;
    }

    COMO QUITAR O PONER LAS COLUMNAS DE NUESTRA TIENDA Zc-2col-4

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


  3. COMO QUITAR O PONER LAS COLUMNAS DE NUESTRA TIENDA Zc-2col-3

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;
}

COMO QUITAR O PONER LAS COLUMNAS DE NUESTRA TIENDA Zc-1col-1
MERVIR
MERVIR
ZENNER
ZENNER

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

http://mervir.com/

Volver arriba Ir abajo

Volver arriba

- Temas similares

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