Header Ads Widget

Ticker

6/recent/ticker-posts

Cómo agregar variantes de Shopify

En tu tienda Shopify, puedes agregar, mostrar y editar diferentes variantes de productos. Este artículo le proporcionará toda la información que necesita para configurar variantes personalizadas, superar las capacidades predeterminadas para agregar más variantes y opciones, ocultarlas si es necesario y mostrar variantes como productos separados. ¡Mejore su tienda con los prácticos consejos de los desarrolladores de BelVG!

Shopify variantes personalizadas

De forma predeterminada, en Shopify un producto se puede presentar en tres opciones diferentes. Puede seleccionarlos de los ajustes preestablecidos que se ofrecen en el administrador de Shopify (como tamaño, color, etc.) o configurar las opciones personalizadas que necesita. Las opciones de producto, a su vez, se pueden dividir en valores de opción: tamaños pequeños, medianos o grandes, diferentes colores o tipos de materiales, etc. Además de eso, puedes agregar texto, imágenes y otras opciones a un producto usando solo las aplicaciones de Shopify . Y una combinación específica de diferentes valores de opción constituye una variante de producto.

desarrollo de comercio electrónico

Crea una tienda Shopify personalizada con BelVG

¿No puede configurar variantes usted mismo? ¡Podemos ayudar!

CONTÁCTENOS

Cómo agregar variantes en Shopify

En Shopify, puede agregar solo 100 variantes y no más de 3 opciones a un producto. Independientemente del plan que utilice, es una configuración predeterminada para todas las tiendas de esta plataforma.

Al crear un producto, también puede crear variantes de producto:

  1. En la sección de variantes , haga clic en Agregar variante .
  2. Ingrese un nombre para la opción.
  3. En el campo de valores de parámetro , ingrese el valor del parámetro seguido de una coma, por ejemplo: S, M, L

 

configuración de variantes de productos de Shopify

 

Cómo agregar más variantes y opciones de Shopify que las predeterminadas

El límite de variantes y opciones solo se puede aumentar mediante el uso de una aplicación de Shopify App Store .

Puede configurar su código de tema para extraer propiedades de línea para obtener requisitos personalizados de sus clientes si necesita vender un producto que tiene más de 100 variantes o 3 opciones.

¡Importante! No olvide guardar todos sus archivos después de cambiarlos.

Veamos cómo puede crear una nueva plantilla de página de producto:

  1. Desde tu administrador de Shopify , ve a Tienda online> Temas .
  2. Busque el tema que desea editar y luego haga clic en Acciones> Editar código .
  3. En el directorio de Plantillas , haga clic en Agregar una nueva plantilla .
  4. Elija un producto del menú desplegable y asigne a su plantilla un nombre " personalizado ".

 

agregar variantes en Shopify

 

5. Haga clic en Crear plantilla . Crea una copia de su plantilla product.liquid con el nombre  product.custom.liquid .

6. Busque la siguiente línea de código:   {% section 'product-template' %} y reemplácela con: {% section 'product-custom-template' %}

 

Shopify variantes de producto configurar

 

7. En el directorio Secciones , haga clic en Agregar una nueva sección .

8. Asigne a su nuevo archivo de sección un nombre "producto-plantilla-personalizada". Haz clic en  Crear sección .

9. Elimine todo el código predeterminado para que el archivo esté vacío. Copie todo el contenido de su archivo product-template.liquid y péguelo en su nuevo archivo product-custom-template .

 

agregar más variantes de Shopify que las predeterminadas

 

10. Puede agregar tantos campos de formulario personalizados a la página de su producto como necesite. Puedes usar la herramienta Shopify UI Elements Generator para generar fácilmente el código HTML y Liquid para cada campo de formulario que quieras agregar a la página de tu carrito.

 

uso de la herramienta generadora de interfaz de usuario de Shopify

 

11. El código de resultado del generador se inserta en una nueva plantilla de plantilla personalizada de producto en el lugar deseado.

 

Shopify variantes opciones personalizadas

 

12. Para mostrar esta plantilla, debe cambiarla para el producto.

 

cambiar la plantilla personalizada para el producto de Shopify

 

Cómo agregar una variante de Shopify o de forma masiva y agregar una opción a la variante existente

Para agregar una variante, debe hacer clic en la sección Variantes Agregar variante .

 

Shopify personalización de variantes

 

Para agregar variantes de forma masiva, debe duplicar la variante donde desea agregar una nueva opción. Por ejemplo, necesita crear variantes de producto con una nueva talla S. Para ello, debe seleccionar la talla L > Más acción > Duplicar variantes (..en otra talla) > Escribir una nueva talla > Guardar .

 

duplicar variantes de Shopify para diferentes opciones

 

Cómo ocultar las variantes de Shopify

Para evitar mostrar combinaciones de opciones no disponibles cuando un cliente selecciona una de las opciones, debe vincular estas opciones.

 

ocultar las opciones de Shopify

 

Siga estos pasos para vincular opciones:

  1. Vaya a Tienda en línea> Temas .
  2. Haga clic en Acciones> Editar código .
  3. En Fragmentos, haga clic en el enlace Agregar un nuevo fragmento .
  4. Asigne a su nuevo fragmento un nombre " opciones-producto-vinculado ".

 

cómo ocultar opciones en la página del producto Shopify

 

5. En su nuevo archivo de fragmentos, pegue el siguiente código:


6. Vaya al  archivo theme.liquid .

7. Antes de la etiqueta de cierre </body>, debe pegar el siguiente código:


ocultar la variante de Shopify no disponible

 

¡Aquí vamos! Ahora solo se muestran las opciones relacionadas:

 

Link Shopify opciones relacionadas

 

Cómo mostrar variantes como productos separados

Ahora separemos los productos según las variantes de color en la página de categoría:

 

cómo separar las variantes de productos de Shopify

 

  1. Abra el archivo collection-template.liquid en la carpeta Sección .
  2. Busque la siguiente línea de código: <ul class = ”grid grid – uniform {% if collection.products_count> 0%} grid – view-items {% endif%}”>
  3. Y dentro de la etiqueta ul, elimine todo el código y pegue este:


separar las variantes de productos de Shopify por categoría

 

4. Cree un nuevo  fragmento product-card-grid-variantes.liquid en la carpeta Snippet .

5. Inserte el siguiente código allí:


¡Bien hecho! La página de categorías ahora tiene sus productos separados por color.

 

Shopify opciones de productos ordenadas por color

Publicar un comentario

0 Comentarios