Archive

Agrega CSS a tu Super Tienda


Con Super Tienda puedes escribir tu propio CSS y modificar el estilo visual de tu sitio. Ésto te permitirá cambiar tipografías, colores, tamaños, insertar imágenes de fondo ¡y mucho mas!

Si aún no tienes conocimiento de CSS, puedes utilizar el método fácil de personalización de plantilla.

Pasos para incorporar tu CSS:

  1. Ingresa en el editor de tu Super Tienda, y ve a Mi Sitio – Diseño. Haz click en la solapa Edición Avanzada:
     

     
  2. Dentro de la edición avanzada podrás ingresar tu propio código CSS.
  3. Haz click en «Habilitar Edición» para habilitar el cuadro de texto donde escribirás tu CSS.
    Esta casilla de verificación te permitirá habilitar o deshabilitar tu propio CSS cuando lo desees, y así visualizar el antes/después de tu sitio con y sin tu edición.
  4. Una vez habilitada la edición de CSS podrás ingresar tu propia personalización en el editor.
    A medida que vayas ingresando tu código, el sistema refrescará automáticamente la vista previa, de esta manera podrás visualizar como se están aplicando tus cambios en tiempo real.

IMPORANTE: Si seleccionas “Borrar Personalización”, el sistema, además de restablecer los valores por defecto de la plantilla, borrará el código CSS ingresado.

TIP: ¿Cómo cambiar la tipografía con CSS?

  1. Para cambiarla debes elegir una fuente desde Google Fonts: http://www.google.com/fonts
  2. Una vez seleccionada la fuente para utilizar en el sitio debes copiar el código de la página, por ejemplo
    • «@import url(https://fonts.googleapis.com/css?family=Bubbler+One);» y pegarlo en el editor de hojas de estilo.
  3. Luego agrega la familia tipográfica a la sección del sitio que quieras modificar, por ejemplo:
    • body *{ font-family: ‘Bubbler One’, sans-serif;}

Esto es sólo un tip, recuerda que puedes ingresar lo que desees en tu hoja de estilo CSS personalizada.

¡Edita tu Super Tienda web a tu manera!

Ahora puedes personalizar por completo tu plantilla, editando el fondo, cabeceras, pie de página y mucho más, ¡con tus propias imágenes, diseños y colores!

¡Tu página web puede quedar increíble! Elige una plantilla según tus necesidades y personalízala con un diseño único e individual. Aquí te mostramos cómo hacerlo:

.

Paso 1: Selecciona un diseño de Super Tienda

Ingresa a la sección «Sitio» y luego haz clic en «Diseño».

Una vez allí, ve a la sección «Plantillas», donde podrás elegir un diseño base para modificar a tu gusto. Verás que en la barra lateral están agrupadas por categorías para que te sea más fácil encontrar la plantilla ideal.

.

Paso 2:  Modifica las secciones

Luego de haber elegido la plantilla deseada, es momento de personalizarla. Para ello, deberás dirigirte a la pestaña de «Edición Básica»

Verás tu sitio con el diseño que elegiste, y podrás modificar imágenes de fondo y colores de las distintas secciones.

.

Paso 3: Cambiar el fondo del sitio

En este paso, comenzarás a añadir tu toque a tu sitio web. Para cambiar el fondo, solo debes hacer clic en la parte del esquema lateral donde dice «Fondo».

Se te presentarán opciones para modificar el color, el texto y la imagen de fondo. Para hacerlo, haz clic en el botón de «Selección de imagen». Allí podrás elegir alguna que hayas cargado previamente, o cargar una nueva desde tu PC. Verás que tu sitio mostrará la imagen de fondo que hayas seleccionado.

De este mismo modo, puedes modificar también imágenes de cabecera, pie de página, títulos y más.

.

¡Tu sitio visible desde cualquier dispositivo!

Donde sea que estés podrás mostrar tu sitio y este se adaptará al dispositivo que estés utilizando. Móviles, tablets, laptops o tu PC de escritorio tendrá su propia versión gracias al Responsive Design.

Puedes seleccionar distintas imágenes para cada versión de dispositivo de tu sitio y analizar cómo se verá, haciendo clic en cada una de las miniaturas debajo de la vista previa.

¿Conoces de CSS?

También puedes incorporar tu propio CSS. Aprende cómo desde aquí.

×