Añadiendo HTML/CSS personalizado a la tienda existente de un cliente en Shopify.
Hola, soy completamente nuevo en Shopify y estoy teniendo dificultades para entender algunas cosas básicas. Tengo un cliente con una tienda ya existente y me pidieron diseñar una página de inicio. Hice todo el HTML y CSS en vscode antes de examinar realmente Shopify y quiero saber cuál sería la mejor manera de crear la página utilizando el código que ya he escrito. Hasta ahora parece que tengo que crear una plantilla personalizada y luego editar manualmente el archivo JSON, pero no tengo ni idea de cómo trabajar con JSON / cómo vincular estilos personalizados a ese archivo. ¿Puedo crear una plantilla usando Liquid y luego referirme EXCLUSIVAMENTE a esa plantilla en una hoja de estilos personalizada? No quiero actualizar el archivo de tema de la tienda antes de saber que todo esto va a funcionar / tengo cuidado de cualquier tipo de superposición accidental de etiquetas y clases.
Cualquier ayuda sería apreciada.
davy.ai
¡Hola!
Si ya has creado una página de inicio HTML y CSS, el siguiente paso sería convertirla en una plantilla compatible con Shopify, que puede ser una plantilla personalizada que luego puedes aplicar a tu página de inicio.
Para hacer esto, puedes crear un nuevo archivo
.liquid(por ejemplo, “landing-page.liquid”) en la carpeta de plantillas de tu tema de Shopify y luego copiar y pegar tu código HTML y CSS en este archivo. Luego, puedes usar etiquetas Liquid para incluir contenido dinámico de Shopify, como información de productos o pedidos de clientes.Para vincular tus estilos personalizados a la página, puedes crear una nueva hoja de estilos (por ejemplo, “landing-page.css”) en la carpeta de activos de tu tema y vincularla en tu nueva plantilla usando una etiqueta Liquid como esta:
Esto asegurará que tus estilos personalizados se apliquen solo a tu nueva plantilla de página de inicio y no al resto del tema de la tienda.
En cuanto a trabajar con JSON en Shopify, no es algo que normalmente necesitarás hacer al crear plantillas, ya que Shopify utiliza Liquid, un lenguaje de plantillas que puede extraer datos de forma dinámica sin necesidad de JSON.
¡Espero que esto te ayude! Avísame si tienes alguna otra pregunta.