\

Bloques

Los bloques son entidades diseñadas para mostrar el contenido deseado en cualquier lugar del sitio web.

Supongamos que en el sitio web se puede mostrar un bloque con información de texto, donde aparecerán los teléfonos y el horario de trabajo de la tienda.

Del mismo modo, los bloques se utilizan para la construcción de otros tipos de contenido: con ellos se crean sliders, paneles con widgets, paneles con iconos de las redes sociales, widgets con testimonios y mucho más.

! Para el uso pleno de esta funcionalidad es necesario conocer los lenguajes HTML, CSS y Liquid. Los bloques no se muestran por sí mismos, deben ser vinculados con el código de plantilla y diseñarse manualmente.

Entrada a la sección

Para acceder la sección, abre la ventana "Contenido → Bloques":

La sección consta de dos subsecciones: "Paneles de bloques" y "Bloques no agregados a los paneles".

Paneles de bloques

Los bloques se pueden combinar en paneles (grupos) para facilitar su gestión:

Por ejemplo, si el código de la plantilla muestra varios bloques con enlaces a redes sociales, es más lógico combinarlos en un solo panel.

Inicialmente, ya se han creado varios paneles y varios bloques de forma predeterminada, que son necesarios para que la plantilla funcione correctamente.
Si instalas otras plantillas, pueden usar paneles/bloques existentes o crear los nuevos.

Examinaremos cada columna de la tabla con más detalle:

  1. "Título" es el nombre del panel de bloques. Si no hay ningún bloque en el panel, el título se colorea en gris ("Acerca de nosotros (imagen en el fondo)" en la captura de pantalla anterior).
    Todos los paneles se pueden ordenar por título:
  2. "Identificador" es un enlace permanente, con el cual se puede acceder al panel de bloques a través del código de plantilla.
  3. "Plantilla": Si se utilizó una plantilla de bloque al crear el panel, aquí se especifica su título e identificador (enlace permanente). Las plantillas de bloques son del sistema, pero también se pueden crear manualmente.
  4. "Última actualización": Fecha y hora de la última modificación del panel. Si se cambian los bloques dentro del panel en lugar del panel en sí, la fecha en este campo no se cambiará.
    Los paneles se pueden ordenar por fecha de actualización:

Cada panel se puede expandir haciendo clic en su título (o en el icono a la izquierda del título):

Los bloques dentro del panel se pueden intercambiar, agarrando los puntos a la izquierda de su título con el ratón y arrastrándolos hacia arriba/abajo:

Hay elementos de control adicionales en el lado derecho de la tabla:

  1. El botón "+" agrega un nuevo bloque al panel.
  2. El piñón te permite cambiar el título o identificador del panel de bloques.
  3. El icono de la cruz elimina el panel de bloques. Si el panel se usa en alguna plantilla, verás la advertencia correspondiente:

Bloques no agregados a los paneles

Como su título lo indica, esta sección muestra todos los bloques que no se han agregado a ningún panel.

La tabla es similar a la utilizada para mostrar paneles de bloques, por lo que no revisaremos sus columnas otra vez.

Las únicas diferencias aquí son las siguientes:

  • no hay elementos de control de panel (minimizar/expandir y el botón "+");
  • el botón de la columna derecha no edita el panel, sino el bloque en sí. Para aprender más, consulta el párrafo "Editamos el bloque".

Creamos un panel de bloques

Haz clic en el botón "+ Panel de bloques":

A continuación, deberás seleccionar la plantilla en la que se crearán los bloques en este panel:

La opción "No enlazado a la plantilla" significa que los bloques en el panel pueden ser completamente diferentes. Por ejemplo, el primer bloque se puede crear con contenido HTML ordinario, para el segundo, usar la plantilla del sistema "Testimonios" y para el tercero, "Ventajas". Pero este enfoque se usa muy raramente.

Las plantillas que contienen las palabras "del sistema" en sus títulos, se crean por la plataforma de forma predeterminada, por ejemplo, cuando se registra una tienda o se actualiza la plataforma.

El resto se puede crear manualmente a través de la sección "Ajustes → Plantillas de bloques" y al instalar algunos temas.

Cuando se haga la selección, la plataforma te pedirá llenar dos campos más:

  • "Título" es el nombre del panel. Si es necesario, se puede mostrar en el sitio web a través del código de plantilla, pero en la mayoría de los casos solo se muestra en el back office.
  • "Título en la plantilla" es un identificador (enlace permanente), con el cual se puede acceder al panel a través del código de plantilla.

El panel predeterminado se crea en blanco y los bloques se agregan por separado.

Creamos un bloque

Puedes crear un bloque directamente dentro de un panel en particular o fuera de todos los paneles.

  1. Para agregar un bloque al panel, haz clic en el botón "+":

    Como se ve en la captura de pantalla, el botón puede ser ordinario y en forma de una lista desplegable. Depende de si alguna de las plantillas (la columna "Plantilla") se usó al crear el panel de bloques en sí.

    Si el panel se creó sin estar enlazada a una plantilla específica, se debe seleccionar una plantilla de la lista desplegable:

    Al hacer clic en el botón "+" ordinario, no habrá tal lista.

  2. Para agregar un bloque fuera de todos los paneles, haz clic en "+ Agregar bloque" y, a continuación, selecciona una plantilla de la lista:

En el proceso de agregar un bloque, el sistema te ofrecerá que lo llenes al instante con contenido:

  1. "Título" es el título del bloque. Si es necesario, se puede mostrar en el sitio web a través del código de plantilla, pero en la mayoría de los casos solo se muestra en el back office.
  2. "Contenido" es el contenido (texto) del bloque que se puede rellenar a través del Editor visual.
  3. "Agregar a los siguientes paneles": Aquí podrás especificar en qué paneles de bloques se ubicará este bloque. De manera general, no es necesario cambiar esta configuración. Sin embargo, podrás agregar un bloque a varios paneles a la vez, moverlo o desmarcarlo, en cuyo caso el bloque se moverá a la sección "Bloques no agregados a los paneles".

Hemos cubierto la agregación de unos pocos bloques. Sin embargo, dependiendo de la plantilla, los campos propuestos por el sistema varían.

Por ejemplo, la ventana de creación con la plantilla "Slider (del sistema)" se ve diferente:

Aquí no es necesario rellenar el texto a través de un Editor HTML, sino que los campos se presentan completamente diferentes.

Editamos el bloque

Para cambiar el bloque, haz clic en el icon en la columna derecha de la tabla:

Aparecerá una ventana emergente similar a la que aparece cuando se crea un bloque.

La única diferencia es en el campo "Identificador":

Por un identificador (enlace permanente), se puede consultar el bloque a través del código de plantilla.

Cuando se crea un bloque, el identificador no se puede rellenar, el campo solo se puede cambiar cuando el bloque se edita. ¡Por favor, cambia el identificador solo si estás seguro de lo que estás haciendo!

Puedes asignar un bloque ya creado a paneles específicos (o eliminarlo de ellos). Para hacerlo, utiliza la sección "Agregar a los siguientes paneles", donde marca las variantes adecuadas:

Valorar

Valoración enviada correctamente.
Será revisada por el administrador antes de publicación.
CAPTCHAActualizar imagen
Todas las valoraciones se moderan antes de publicación

Valoraciones: 0

¿Te quedan preguntas?
¡Crea un ticket para nuestro soporte técnico!
¿Aún no tienes ni una tienda online?
Créala en la plataforma InSales
¡Todo lo necesario para ventas ya está adentro!
Недавно просмотренные статьи