Secciones y bloques

Los temas creados para la Online Store 2.0 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 sección tiene una variedad específica de bloques que puedes agregar. Las secciones y los bloques disponibles dependen del tema. Para obtener más información sobre qué opciones están disponibles para ti, consulta la documentación del 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 del menú desplegable. 4. Haz clic en + Agregar sección y, a continuación, selecciona una nueva sección de la lista. 5. Haz clic en la nueva sección para editar los bloques que hay en su interior. 6. Opcional: haz clic y arrastra el ícono ⋮⋮ junto a una sección para reorganizar las secciones de la página. 7. Haz clic en Guardar.

Editar una sección

  1. En el menú desplegable, selecciona la plantilla que contiene la sección que deseas editar. 4. Haz clic en una sección para cargar el contenido en la ventana de vista previa y acceder a las opciones disponibles. 5. Opcional: Haz clic en bloques individuales para editar los bloques que hay dentro de la sección. 6. 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. 4. Haz clic en una sección para cargar el contenido en la ventana de vista previa y acceder a las opciones disponibles. 5. Haz clic en el ícono del ojo para ocultar o mostrar una sección o bloque. 6. Haz clic en Eliminar para eliminar un bloque o 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 Online Store 2.0 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. 4. Haz clic en una sección para cargar el contenido en la ventana de vista previa y acceder a las opciones disponibles. 5. Haz clic en + Agregar bloque y luego configura las opciones disponibles. 6. Haz clic en Guardar.

Usar metacampos y fuentes dinámicas

Los metacampos te permiten mostrar información dinámica en tu 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 desee mostrar las horas de combustión para cada tipo de vela disponible. Después de configurar un metacampo para el tiempo de combustión, el vendedor puede agregar un bloque con el tiempo de combustión a su plantilla de producto y, luego, conectarlo al metacampo.

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. 4. Haz clic en una sección existente para cargar el contenido en la ventana de vista previa y acceder a las opciones disponibles o haz clic en + Agregar sección. 5. Haz clic en +Agregar bloque y, a continuación, conecta una fuente dinámica: * Si se muestra el ícono de fuente dinámica de conexión, haz clic para seleccionar un solo metacampo:
    Conectar fuente dinámica
    * Si el ícono de fuente dinámica de conexión muestra un +, haz clic para seleccionar hasta 20 metacampos agregándolos uno a uno:
    Insertar ícono de fuente dinámica
    6. Haz clic en Guardar.

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

Prueba gratis