Crear y conectar un metaobjeto

En este tutorial, aprenderás a crear un metaobjeto personalizado para destacados de producto y a mostrarlos en la tienda online. El metaobjeto de destacados de producto mostrará una imagen, el nombre del producto, una leyenda y una descripción.

Este tutorial presenta definiciones de metaobjeto, creación de entradas, la configuración de una referencia de metacampo, la conexión de productos con entradas y, por último, la publicación del metaobjeto en la tienda online.

En esta página

Qué aprenderás

Qué aprenderás

Cuando termines este tutorial, habrás completado las siguientes tareas:

Creado un metaobjeto para destacados de producto
Creado varias entradas de destacados de producto con el metaobjeto que creaste
Creado una definición de metacampo que hace referencia al metaobjeto
Conectado las entradas a productos específicos
Publicado las entradas del metaobjeto

Paso uno: crear un metaobjeto

Desde el panel de control de Shopify, ve a Configuración > Metacampos y metaobjetos.
En Definiciones de metaobjeto, haz clic en Agregar definición.
Nombra la definición de metaobjeto Destacados de producto.
Haz clic en Agregar campo y selecciona el tipo de contenido que quieres mostrar en este metaobjeto. Los campos definen el contenido que se muestra en el metaobjeto y cada uno tiene su propio conjunto de opciones y validaciones. Para agregar el primer campo, selecciona Archivo.
Configura el tipo y las validaciones. Asigna al campo el nombre Imagen e ingresa una breve descripción.
En Acceso, la opción Tienda online se selecciona automáticamente. Mantén esta opción seleccionada, ya que permite que la tienda acceda al contenido y lo muestre.
Agrega el campo de imagen al metaobjeto. Elige Agregar campo > Archivo.

Asigna el nombre Imagen a este campo.
Desmarca Videos para limitar este metaobjeto a mostrar solo imágenes.
Ingresa una descripción.
Haz clic en Agregar cuando termines.

Agrega el campo de encabezado al metaobjeto. Esta vez, elige Agregar campo > Texto de una línea como tipo de campo. Realiza lo siguiente:

Asigna el nombre Encabezado a este campo.
Selecciona Usar este campo como nombre para mostrar para usar este campo como nombre de la entrada en el índice.
Ingresa una descripción.
Haz clic en Agregar cuando termines.

Agrega el campo de leyenda al metaobjeto. Haz clic en Agregar campo > Texto de una línea. Realiza lo siguiente:

Asigna el nombre Leyenda a este campo.
Ingresa una descripción.
Haz clic en Agregar cuando termines.

Agrega el campo de descripción al metaobjeto. Haz clic en Agregar campo > Texto de varias líneas. Realiza lo siguiente:

Asigna el nombre Descripción a este campo.
Ingresa una descripción.
Haz clic en Agregar cuando termines.

Guarda la nueva definición de metaobjeto.

Cuando se haya guardado la definición de metaobjeto, podrás empezar a crear entradas.

Paso dos: crear entradas

Desde el panel de control de Shopify, haz clic en Contenido.
Haz clic en la definición de metaobjeto Destacados de producto en la que se basará la nueva entrada y luego en Agregar entrada.
Completa los campos de la entrada:
- Haz clic en Seleccionar imagen y elige o sube una imagen para este destacado de producto.
- Agrega un Título y una Descripción.
El estado se establece automáticamente en Activo. Si aún no quieres usar las entradas, puedes cambiar el estado a Borrador.
Haz clic en Guardar.

La entrada tiene un Identificador generado, que es un identificador único específico de una sola entrada de contenido. Después de empezar a conectar las entradas a áreas de la tienda, no se recomienda editar el identificador. Más información sobre el impacto de cambiar el identificador de una entrada después de haberlo usado en la tienda.

Repite los pasos anteriores para crear tres entradas más basadas en la definición de metaobjeto Destacados de producto.

Cuando ya tengas guardadas la definición de metaobjeto y las entradas, puedes crear una definición de metacampo que haga referencia al metaobjeto.

Paso tres: crear una definición de metacampo que haga referencia al metaobjeto

Desde el panel de control de Shopify, ve a Configuración > Metacampos y metaobjetos.
En la sección Metacampos, haz clic en Productos.
Haz clic en Agregar definición. Ingresa un nombre y una descripción únicos y luego haz clic en Seleccionar tipo de contenido.
Haz clic en Seleccionar tipo y luego en Metaobjeto.
En la sección Referencia, selecciona la definición de metaobjeto que quieres referenciar. Elige Destacados de producto. Esto limita la definición del metacampo de producto para mostrar solo entradas relacionadas con el metaobjeto Destacados de producto.
Define si esta definición puede mostrar una entrada o una lista de entradas. Para este ejemplo, elige la opción Lista de entradas.
En la sección Acceso, la opción Storefronts está seleccionada de forma predeterminada.
Haz clic en Guardar.

Paso cuatro: conecta los productos con las entradas

Desde el panel de control de Shopify, ve a Products.
Selecciona un producto en el que quieras mostrar los destacados del producto.
En este ejemplo queremos mostrar algunas, pero no todas, las entradas de Product highlights que creamos. En la sección Metacampos de producto, haz clic en el campo junto a tu metacampo Product highlights. Si Product highlights no está en la lista de metacampos, haz clic en Mostrar todo.
Haz clic en Seleccionar entradas. En este paso, selecciona las entradas que quieres mostrar en este producto en particular. Elige dos de los destacados del producto.
Vuelve a la página de productos. Selecciona otro producto y sigue el paso anterior para asignarle dos entradas de Product highlights distintas.

A continuación, publicarás los metaobjetos en la tienda online.

Paso cinco: publicar las entradas en la tienda online

Ahora que conectaste las entradas con los productos, es momento de mostrarlas en la tienda. En este paso usarás el editor de temas para seleccionar los bloques y las secciones donde se vincularán las entradas de metaobjeto.

Después de agregar una sección o un bloque, puedes seleccionar un metacampo haciendo clic en el botón .

Pasos:

Desde el panel de control de Shopify, ve a Tienda online > Themes.
Busca el tema que quieras editar y haz clic en Editar tema.
Usa el menú desplegable en la parte superior de la pantalla para seleccionar Productos > Producto predeterminado. Esto carga la plantilla de producto predeterminada en el editor de temas.
Haz clic en Agregar sección en la barra lateral y elige Multirow como nuevo tipo de sección.
Haz clic en la primera fila de la sección Multirow.
- La configuración del primer bloque se muestra en la barra lateral derecha. En el bloque de columna puedes seleccionar una imagen manualmente, agregar un título, una leyenda y una descripción. También puedes hacer clic en el ícono de cada fuente de datos y vincular la configuración del bloque con la entrada que quieras.
Haz clic en Conectar fuente dinámica junto al nombre del bloque para seleccionar Product highlights. El editor de temas completa el nuevo bloque Multirow con las entradas de Product highlights.
Configura los bloques restantes en la sección Multirow o elimina los que no uses.
Haz clic en Guardar para publicar las entradas de Product highlights.

Las entradas solo se muestran en los productos a los que están conectadas. Si un producto no tiene una entrada asignada, la sección queda en blanco y deja un espacio vacío en lugar de eliminarse por completo. El comportamiento exacto puede variar según el tema y la sección que uses, así que prueba la plantilla para confirmar que cumple con tus necesidades.

Si la sección no se muestra como quieres cuando el producto no tiene una entrada, considera crear una nueva plantilla de producto y asignarla a los productos que sí tienen entradas.