1. Accede al editor de temas en Shopify

1. Inicia sesión en tu tienda Shopify.
2. Ve a Tiendas Online y luego selecciona Temas.
3. En tu tema actual, haz clic en Acciones y luego selecciona Editar código.

2. Crea una nueva sección de Liquid

Si no tienes una sección personalizada en tu tema, necesitarás crearla para agregar bloques de contenido. Para hacerlo:

1. En el editor de código, ve a la carpeta sections.
2. Haz clic en Agregar un nuevo archivo y selecciona Sección.
3. Nómbralo, por ejemplo, custom-liquid-block.liquid.

3. Crear el bloque dentro de la sección

Dentro del archivo custom-liquid-block.liquid que creaste, agrega la estructura básica de la sección con un bloque de Liquid. Aquí es donde se define cómo se mostrará el bloque en el frontend de tu tienda.

Por ejemplo:

{% schema %}
{
  "name": "Custom Liquid Block",
  "settings": [
    {
      "type": "textarea",
      "label": "Contenido Liquid",
      "id": "custom_liquid_content",
      "default": "<p>Escribe tu código Liquid aquí.</p>"
    }
  ],
  "presets": [
    {
      "name": "Default",
      "category": "Custom"
    }
  ]
}
{% endschema %}

<div class="custom-liquid-block">
  {{ section.settings.custom_liquid_content }}
</div>

Explicación del código:

• schema: Especifica la estructura del bloque y sus configuraciones. En este caso, hemos agregado una configuración de tipo textarea que le permitirá al usuario ingresar su código Liquid personalizado.
• {{ section.settings.custom_liquid_content }}: Esto muestra el contenido que el administrador de la tienda ingresa en el panel de administración. Aquí es donde se puede poner Liquid o HTML según lo que el administrador desee.

4. Agrega la sección al tema