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 la tienda.
Para añadir un código CSS a su tienda:
- Si no ha añadido ningún código CSS a su tienda antes, vaya a la página Diseño en su administración de la tienda.
- Desplácese hasta la sección Temas y personalización en profundidad.
- Haga clic en Crear tema:
- 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 Instant Site, WordPress, 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 la tienda.
- 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 Instant Site, WordPress 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. 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.