Secciones y bloques

Los temas utilizan secciones para que puedas crear tu diseño ideal. La mayoría de las secciones están hechas de bloques que cumplen una función específica, como encabezados, texto, imágenes individuales, un collage de imágenes o enlaces. El uso de secciones y bloques en las plantillas te ofrece más flexibilidad en la forma de organizar el contenido de tu tienda, lo que te permite controlar la apariencia de tu tienda online sin necesidad de editar el código. Cada tema puede tener hasta 25 secciones.

Cada sección tiene una variedad específica de bloques que puedes agregar. Puedes agregar hasta 50 bloques por sección. Las secciones y bloques disponibles dependen de tu tema. Para más información sobre qué opciones están disponibles para ti, consulta la documentación de tu tema.

Algunas secciones tienen límites en la cantidad de bloques que puedes agregar o límites en el número de bloques de un cierto tipo. Por ejemplo, la sección Imagen con texto solo muestra los bloques que el diseñador del tema ha especificado para tu tema. En Dawn, el tema gratuito de Shopify, puedes agregar solo uno de los siguientes bloques:

  • un encabezado
  • un párrafo
  • un botón

Puedes personalizar más la sección editando su Configuración para incluir una imagen y elegir la alineación, el tamaño, el color de fondo y lo que se carga primero cuando los clientes visitan tu tienda online.

Si las secciones que agregas al diseño de tu tienda no incluyen la configuración o las opciones que necesitas, puedes editar el código del tema o contactar con el desarrollador del tema para obtener ayuda.

Personaliza tus plantillas de tema con secciones y bloques

Cuando abres el editor de temas, se carga de forma predeterminada la página de inicio de tu tienda. Puedes usar el menú desplegable para seleccionar una plantilla diferente o usar la barra de búsqueda del menú desplegable de la plantilla para buscar un tipo de página específico. Al seleccionar una plantilla, esta se carga en el editor de temas y cualquier cambio que realices se previsualizará en el editor a medida que lo realizas.

Agregar una sección

Agrega una nueva sección a cualquier página de tu tienda online.

Pasos:

  1. Selecciona una plantilla en el menú desplegable.
  2. Haz clic en + Agregar sección y selecciona una nueva sección de la lista o usa la barra de búsqueda para buscar un término específico.
  3. Haz clic en la nueva sección para editar los bloques dentro de la sección.
  4. Opcional: haz clic en el ícono ⋮⋮, arrástralo y suéltalo junto a una sección para reorganizar las secciones de la página.
  5. Haz clic en Guardar.

Editar una sección

  1. En el menú desplegable, selecciona la plantilla que contiene la sección que deseas editar.
  2. Haz clic en una sección para cargar el contenido en la ventana de vista previa y acceder a las opciones disponibles.
  3. Opcional: haz clic en bloques individuales para editar los bloques dentro de la sección.
  4. Haz clic en Guardar.

Eliminar una sección o bloque

  1. En el menú desplegable, selecciona la plantilla que contiene la sección que deseas editar.
  2. Haz clic en una sección para cargar el contenido en la ventana de vista previa y acceder a las opciones disponibles.
  3. Haz clic en el ícono del ojo para ocultar o mostrar una sección o un bloque.
  4. Haz clic en Eliminar para eliminar un bloque o una sección.

Algunas secciones tienen un límite de tipos de bloque y de bloques fijos. Si existe un límite para una sección o bloque en particular, la interfaz te indicará que has usado X bloques de los X disponibles. Si has usado la cantidad máxima de bloques, no podrás agregar bloques adicionales hasta que elimines alguno de los existentes.

Trabajar con bloques

Los bloques son módulos personalizables que conforman las secciones de las plantillas de tu página. Puedes usar bloques para agregar texto, imágenes, enlaces, botones y más.

Los temas de Shopify tienen secciones y bloques que puedes personalizar. Algunas secciones tienen tipos de bloques fijos, lo que significa que solo puedes elegir entre los bloques puestos a disposición en esa sección por el diseñador del tema. Otras secciones te permiten seleccionar cualquier bloque, pero limitan el número total de bloques que puedes agregar a la sección. Si tu sección alcanza el número máximo de bloques disponibles, aparecerá un mensaje donde se mostrará el límite alcanzado y la opción + Agregar bloque aparecerá en gris hasta que se elimine un bloque existente.

Agregar un bloque

  1. En el menú desplegable, selecciona la plantilla que contiene la sección que deseas editar.
  2. Haz clic en una sección para cargar el contenido en la ventana de vista previa y acceder a las opciones disponibles.
  3. Haz clic en + Agregar bloque y selecciona un nuevo bloque o haz clic en la barra de búsqueda para introducir un término de búsqueda.
  4. Haz clic en Guardar.

Usar metacampos y fuentes dinámicas

Los metacampos te permiten mostrar información dinámica en la tienda online. Si tienes un tema compatible con metacampos, puedes conectar un metacampo a una sección o bloque en el editor de temas.

Por ejemplo, es posible que un vendedor de velas quiera mostrar los tiempos de consumo de cada clase de vela disponible. Después de configurar un metacampo de producto para el tiempo de consumo, el vendedor puede agregar un bloque para dicho tiempo a su plantilla de producto y, luego, conectarlo al metacampo de producto. Después de configurar un metacampo de colección para una página que incluye los tiempos de consumo, el vendedor puede agregar un bloque a su plantilla de colección y, luego, conectarlo al metacampo de colección.

Puedes mostrar información dinámica en tu tienda online agregando secciones o bloques que puedan usar fuentes dinámicas. Las fuentes dinámicas se pueden usar en cualquier sección o bloque de una plantilla de producto. En las plantillas que no son productos, las fuentes dinámicas se pueden usar en secciones o bloques que muestran productos. Debes agregar tu metacampo antes de poder conectarlo a tus plantillas. Consulta Fuentes dinámicas para obtener más información sobre el uso de metacampos y fuentes dinámicas en tu tema.

Cuando hayas completado el proceso de configuración, sigue estos pasos para insertar la fuente dinámica en tu plantilla:

  1. En el menú desplegable, selecciona la plantilla que contiene la sección que deseas editar.
  2. Haz clic en una sección actual para cargar el contenido en la ventana de vista previa y acceder a las opciones disponibles o haz clic en + Agregar sección.
  3. Haz clic en + Agregar bloque y luego conecta una fuente dinámica:
  • Si se muestra el ícono de conectar fuente dinámica, haz clic para seleccionar un solo metacampo:
    Connect dynamic source
  • Si el ícono de conectar fuente dinámica muestra un +, haz clic para seleccionar hasta 20 metacampos agregándolos uno a la vez:
    Insert dynamic source icon
  1. Haz clic en Guardar.

¿Estás listo/a para comenzar a vender con Shopify?

Prueba gratis