Añadir códigos CSS a su tienda

Puede cambiar el diseño y la distribución de su tienda usando códigos CSS. Los códigos CSS se utilizan para definir cómo deben mostrarse los elementos HTML en una página. Para aplicar códigos CSS a su tienda, debe añadirlos a un tema CSS en su administrador de Ecwid.

Vea el siguiente vídeo para aprender cómo funciona el CSS en general:

Consulte nuestra colección de los códigos CSS más utilizados. Puede utilizarlos tal cual o modificarlos para su tienda. Tenga en cuenta que la edición de códigos CSS requiere un buen conocimiento de CSS. Si no se siente cómodo editando códigos, considere la posibilidad de contratar al equipo de Desarrollo personalizado de Ecwid.

Para añadir un código CSS a su tienda Ecwid:

Si no ha añadido ningún código CSS a su tienda Ecwid antes, vaya a la página Diseño en su administración de Ecwid.
Desplácese hasta la sección Temas y personalización en profundidad.
Haga clic en Crear tema:

Crear un tema en la tienda ecwid

Este paso puede variar en función del lugar en el que venda.
- Si vende en un Instant Site de nueva generación, será redirigido al editor del sitio. Pegue el código en el campo Código CSS personalizado.
- Si vende en la versión antigua de Ecwid Instant Site, WordPress, Wix, o cualquier otro sitio web personalizado, en la página abierta, haga clic en Nuevo motivo de CSS y pegue su código CSS en el campo. Haga clic en el enlace Activar de la parte derecha para aplicar este tema en el escaparate.

Haga clic en Guardar.

Si ya tiene un tema con códigos CSS y quiere añadir más códigos, vaya a la página Diseño en su administración de Ecwid.
Este paso puede variar en función del lugar en el que venda.
- Si vende en un Instant Site de nueva generación, desplácese hacia abajo en la página y haga clic en Crear tema. Se le redirigirá al Editor de Instant Site donde podrá editar el tema actual o añadir uno nuevo.
- Si vende en la versión antigua de Ecwid Instant Site, WordPress, Wix u otro sitio personalizado, haga clic en Editar tema junto a su tema actual:
  Añada nuevos códigos CSS a su tema actual. Añada nuevos códigos debajo de los existentes:

Guarde los cambios.

Los códigos añadidos a su tema CSS activo se aplicarán a su tienda Ecwid. Actualice la página de su tienda para ver los cambios. Solo puede haber un tema CSS activo al mismo tiempo. Añada todos los códigos que quiera aplicar a su escaparate a su tema actualmente activo.

Si utiliza un Instant Site de nueva generación, los códigos aplicados a su escaparate (la tienda donde los clientes buscan los productos) no afectarán a los bloques de la tienda de la página principal de su sitio web. Si necesita configurar el aspecto de los bloques de la tienda, puede hacerlo individualmente, por ejemplo, utilizando los ajustes de diseño en el Editor de Sitios.