Shopify and Jquery: Cómo cambiar el valor personalizado usando la variante de producto Drop Down Seleccionar menú

StackOverflow https://stackoverflow.com//questions/22054282

  •  21-12-2019
  •  | 
  •  

Pregunta

Este es mi primera vez con Shopify. Hasta aquí todo bien. Sin embargo, no estoy usando el carrito de la compra de Shopify. Estoy usando una compañía de terceros llamada Shopatron para su cumplimiento y proporcionan su propia funcionalidad de carrito de compras a través de algunas API básicas. Básicamente, lo que sucede es Shopatron proporciona el SKU. Cuando creo un producto en Shopify, utilizo ese SKU y luego llámalo usando el siguiente código para el botón "Agregar al carrito" en el producto.liquet Página: 

<tron:ATCButton part_number="{{ product.variants.first.sku }}"></tron:ATCButton>

Esto funciona bien y pasa el SKU al carrito de Shopatron. Sin embargo, debo agregar variantes de Shopify a algunos elementos, lo que significa que habrá un SKU diferente basado en la selección del menú desplegable (el menú desplegable obviamente será un artículo de Shopify). Necesito saber cómo cambiar el valor "{{product.variners.first.sku}}" para que actualice el SKU en función de la selección desplegable.

Supongo que esto se puede hacer con jQuery, pero no estoy seguro de cómo atarlo. Cualquier ayuda sería muy apreciada! Hay una referencia de API de Shopatron en http://developer.shopatron.com/api Bajo la sección E-Commerce Aunque creo que esto es una cosa de Shopify.

¿Fue útil?

Solución

Shopify tiene un 

new Shopify.OptionSelectors("product-select", { product: {{ product | json }},onVariantSelected: selectCallback });

Entonces, si crea una función llamada 

var selectCallback = function(){
    if (variant) {

      if (variant.available) {

        $("#shptrn_addToCart input[name=partNumber]").val(variant.sku);
      }
    }
};

que debe configurar correctamente el SKU para su botón Agregar al carrito

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top