Muestras de producto

Los clientes tienen grandes expectativas de elegir un color y es crucial que las descripciones de los productos representen con precisión cada color, patrón o textura disponible. Por ejemplo, los pantalones del siguiente ejemplo no están disponibles en rojo, verde y azul. En cambio, solo están disponibles en tonos específicos de rojo, verde y azul, que probablemente sean únicos para este producto.

Muestras en una página de producto

Para productos configurables, el color se puede indicar mediante una muestra visual, una muestra de texto o un control de entrada. Las muestras se pueden utilizar en la página de productos, en las listas de productos y en navegación por capas. En la página del producto, las muestras se sincronizan para mostrar la imagen del producto correspondiente cuando se selecciona la muestra. Cuando el cliente selecciona la muestra, el valor correspondiente aparece en el campo de entrada y la muestra se esquematiza como la selección actual.

NOTE
Los atributos de muestra se pueden configurar para que no muestren las imágenes de producto simples correspondientes cuando se seleccione la muestra mediante la configuración de Update Product Preview Image ​valor de opción para No en el Attribute Edit en la página de administración.

Muestras basadas en texto

Si una imagen no está disponible para una muestra, el valor del atributo aparece como texto. Una muestra basada en texto es como un botón con una etiqueta de texto y se comporta de la misma manera que una muestra con una imagen. Cuando se utilizan muestras basadas en texto para mostrar los tamaños disponibles, cualquier tamaño que no esté disponible se tachará.

La selección de muestras basadas en texto muestra un tamaño sin existencias

Muestras en la navegación por capas

Las muestras también se pueden utilizar en la navegación por capas, si la variable Use in Layered Navigation ​La propiedad del atributo de color se establece en Yes. El siguiente ejemplo muestra muestras de imagen basadas en texto y en color en la navegación por capas.

Muestras en, mostradas en la navegación por capas

Creación de muestras para los productos

Las muestras se pueden definir como un componente del color atribuir o configurar localmente para un producto específico y cargar como imágenes de productos.

En los ejemplos anteriores, los pantalones "Sylvia Capri" están disponibles en valores específicos de red, green, y blue. Dado que las muestras se tomaron de la imagen del producto, cada una es una verdadera representación del color. El color se utiliza para administrar la información de todos los colores y muestras del producto.

Paso 1: Creación de las muestras

Utilice cualquiera de los siguientes métodos para crear muestras para sus productos.

Método 1: añadir una muestra de color

  1. Para capturar el color verdadero de un producto, abra la imagen en un editor de fotos y use la herramienta de cuentagotas para identificar el color exacto y tomar nota del valor hexadecimal equivalente.

    Valores de color hexadecimales {width="400"}

  2. En el Administrador barra lateral, vaya a Stores > Attributes>Product.

  3. En la cuadrícula, abra color en modo de edición.

  4. Compruebe que Catalog Input Type for Store Owner se establece en Visual Swatch.

  5. Si prefiere no mostrar las imágenes de producto simples correspondientes cuando la muestra está seleccionada en la página de visualización del producto, establezca Update Product Preview Image hasta No.

  6. En Manage Swatch (Values of Your Attribute), haga clic en Add Swatch ​y haga lo siguiente:

    Administrar valores de muestra {width="600" modal="regular"}

    • En el Muestra , haga clic en la nueva muestra y seleccione Choose a color en el menú.

      Elegir un color de muestra {width="500" modal="regular"}

    • En el selector de color, coloque el cursor en # , elimine el valor actual e introduzca el valor hexadecimal de seis caracteres del nuevo color.

      Introduzca el valor hexadecimal {width="500" modal="regular"}

    • Para guardar la muestra, haga clic en Rueda de color Icono de color ) en la esquina inferior derecha del selector de color.

    • En el Administrador , introduzca una etiqueta para describir el color al administrador de la tienda.

      Si procede, también puede introducir la traducción del color para cada idioma admitido. En el siguiente ejemplo, el SKU se incluye como referencia en la Administrador porque los colores se utilizan solo para un producto específico. Puede incluir un espacio o un guion bajo en la etiqueta, pero no un guión.

    • En el Es predeterminado , seleccione la muestra que será la opción por defecto.

    • Para cambiar el orden de las muestras de color, haga clic en Order Icono de orden y arrastre el elemento a una nueva posición en la lista.

      Etiquetas de muestras {width="400"}

  7. Cuando termine, haga clic en Save Attribute y actualice la caché cuando se le solicite.

  8. Abra cada producto en modo de edición y actualice el Color con la muestra correcta.

    Para actualizar varios productos al mismo tiempo, siga los pasos a continuación.

Método 2: cargar una imagen de muestra

  1. Para capturar una imagen para una muestra, abra la imagen del producto en un editor de fotos y guarde un área cuadrada de la imagen que represente el color, el patrón o la textura.

    Si es necesario, puede repetir esta acción para cada variación del producto.

    El tamaño y las dimensiones de la muestra vienen determinados por la temática. Por lo general, guardar una imagen como un cuadrado ayuda a conservar la relación de aspecto de un motivo.

    Imágenes de muestra {width="400"}

  2. En el Administrador barra lateral, vaya a Stores > Attributes>Product.

  3. En la cuadrícula, abra color en modo de edición.

  4. Compruebe que Catalog Input Type for Store Owner se establece en Visual Swatch.

  5. Si prefiere no mostrar las imágenes de producto simples correspondientes cuando la muestra está seleccionada en la página de visualización del producto, establezca Update Product Preview Image hasta No.

  6. En Manage Swatch(valores del atributo), haga clic en Add Swatch ​y haga lo siguiente:

    • En el Swatch, haga clic en la nueva muestra para mostrar el menú y elija Upload a file.

    • Vaya al archivo de muestra que ha preparado y elija el archivo que desea cargar.

    • Repita estos pasos para cada imagen de muestra.

    • Introduzca las etiquetas para el administrador y la tienda.

      En este ejemplo, el SKU se incluye en la etiqueta Admin como referencia, ya que estos colores solo se utilizan para un producto específico. Puede incluir un espacio o un guion bajo en la etiqueta, pero no puede incluir un guion.

      Introducir etiquetas {width="500" modal="regular"}

  7. Cuando termine, haga clic en Save Attribute y actualice la caché cuando se le solicite.

  8. Abra cada producto en modo de edición y actualice el Color con la muestra correcta.

    Para actualizar varios productos al mismo tiempo, siga los pasos a continuación.

Paso 2: Actualizar los productos

  1. En el Administrador barra lateral, vaya a Catalog > Products.

  2. Utilice el Filter para mostrar la lista por nombre o SKU e incluir solo los productos aplicables.

  3. En la cuadrícula, seleccione la casilla de verificación de cada producto al que se aplique la muestra.

  4. Establecer Actions hasta Update Attributes.

    En este ejemplo, se seleccionan todas las configuraciones azules de los pantalones.

    Actualizar atributos de muestra del producto {width="600" modal="regular"}

  5. Desplácese hacia abajo hasta el Color y seleccione el Change casilla de verificación

    Casilla Cambiar {width="400"}

  6. Seleccione la muestra que se aplica a los productos seleccionados y haga clic en Save.

  7. Cuando se le solicite, actualice la caché.

    Muestra en la tienda {width="200"}

Añadir muestras a un producto sencillo

  1. En el Administrador barra lateral, vaya a Catalog > Products.

  2. Abra un producto en modo de edición y compruebe su estado (debe estar activado).

  3. Clic Create Configurations botón (debajo de Configurations pestaña).

  4. En la ventana emergente, seleccione el atributo Color y Next.

  5. Seleccione muestras de color del atributo que desee incluir en este producto.

  6. En la barra de progreso, haga clic en Next.

  7. Configuración de imágenes, precio y cantidad.

    En este paso, establezca las imágenes, los precios y la cantidad de cada configuración. Las opciones disponibles son las mismas para cada una y solo puede elegir una. Puede aplicar la misma configuración a todos los SKU, aplicar una configuración única a cada SKU u omitir la configuración por ahora.

  8. Una vez completada la configuración de imágenes, precio y cantidad, haga clic en Next en la esquina superior derecha.

    Las variaciones de productos actuales aparecen en la parte inferior de la sección Configuración. Si está satisfecho con las configuraciones, haga clic en Generate Products.

recommendation-more-help
af062d56-f22c-4537-813d-bedf8b92a071