Personalizar con el inspector de vista previa

Con el inspector de vista previa puedes navegar a las secciones y bloques directamente desde la ventana de vista previa y encontrar la configuración correspondiente de forma más rápida e intuitiva. Con el inspector de vista previa también puedes reordenar, ocultar o duplicar secciones y bloques directamente desde la ventana de vista previa.

El inspector de vista previa está disponible para todos los temas gratis de Shopify y está activado de forma predeterminada.

Activar o desactivar el inspector de vista previa

Haz clic en el botón para activar o desactivar el inspector de vista previa durante la sesión de edición.

Cuando el inspector de vista previa está activado, haz clic en cualquier elemento con borde para abrir la configuración correspondiente. En un dispositivo móvil, puedes tocar cualquier elemento para seleccionar esa configuración. Abre el panel inferior para editar desde esa configuración seleccionada.

Hacer clic en cualquier parte del sitio web en la ventana de vista previa carga la configuración correspondiente en la barra lateral. En un dispositivo móvil, tocar dos veces permite navegar por el sitio como lo haría cualquier cliente.

Agregar secciones y bloques en el inspector de vista previa

Mientras usas el inspector de vista previa, puedes agregar secciones y bloques al tema directamente desde la ventana de vista previa. Para usar el inspector de vista previa desde la Shopify app, mantén presionada una sección para administrarla.

Descripciones de los botones Agregar sección y Agregar bloque en el inspector de vista previa.

Herramienta	Descripción
Agregar sección	El botón Agregar sección aparece en la parte superior e inferior de la sección seleccionada. Haz clic en Agregar sección para insertar una nueva sección arriba o abajo de la sección seleccionada.
Agregar bloque	El botón Agregar bloque aparece al colocar el cursor sobre un bloque existente. Para agregar un bloque, mueve el cursor sobre el botón . Se muestra un menú emergente con los bloques del tema y de la app que puedes agregar a la sección seleccionada. Haz clic en el bloque que quieras agregar. La ventana de configuración del nuevo bloque se carga en la barra lateral derecha.

Herramientas del inspector de vista previa

Con el inspector de vista previa puedes mover, ocultar, duplicar o eliminar secciones y bloques en el editor de temas.

Lista de las herramientas disponibles del inspector de vista previa, incluidas las opciones para mover, duplicar, ocultar y eliminar secciones o bloques.

Herramienta	Acción	Descripción
	Mover a la posición anterior	Haz clic en este botón para mover una sección o bloque a la posición anterior o siguiente usando los íconos de flecha en el inspector de vista previa. Si la sección seleccionada está en la parte superior de la página, el botón aparecerá deshabilitado. Del mismo modo, si la sección está en la parte inferior de la página, no podrás usar el botón .
	Mover a la posición siguiente
	Duplicar sección o bloque	Haz clic en este botón para duplicar una sección o bloque y su contenido.
	Ocultar sección o bloque	Haz clic en este botón para ocultar una sección o bloque. Cuando una sección o bloque está oculto, no podrás mostrarlo desde el inspector de vista previa. Puedes hacer clic en el botón en la barra de menú, o en el botón del menú de la barra lateral junto a la sección o bloque para volver a mostrarlo.
	Eliminar sección o bloque	Este botón elimina la sección o el bloque seleccionados desde el inspector de vista previa.