Shopify送货方式-第三方点击并收集

时间:2019-02-12 01:27:13

标签: javascript html shopify liquid

我正在尝试在Shopify Plus上集成第三方运输小部件。我们正在使用的公司ParcelPoint在Shopify中没有可用的应用程序,因此我正在使用其API和小部件。

如果客户选择此方式作为他们的送货方式,则他们可以从其小部件中选择一个地址。我将这些信息动态地存储在运输方法的页面上。但是,当我单击转到结帐(付款)的下一步时,附加的商店选择将不再通过送货方式流通。由于没有唯一的类名或ID(它们都都命名为.review-block__content),因此我要附加到最后一个类型上,这可能是我出问题的地方了?

如果任何人都可以提供有关如何在处理订单时如何获取此信息的帮助,那么我已经添加了处理到目前为止使用的小部件和JS的脚本。谢谢大家。

  if ( $( '[aria-label="ParcelPoint — Click and Collect"]:checked' ) ){      
    $('.section--shipping-method .radio-wrapper').after('<div id="parcelpoint-stores-widget"></div>');
  }

  parcelpoint.Store.init({
      apiKey: "removed",
      initialAddress: 'removed',
      targetDiv: "parcelpoint-stores-widget",
      storeType: "full",
      initialView: "map",
      selectFirstStore: true,
      yourLocationMarker: true,
      googleAPIKey: "removed"
    });

    parcelpoint.Store.display();

    parcelpoint.Property.onChange(["storeDetails"], function(key, value){
      var reviewBlockMethod = $('.review-block__content:last-of-type');
      var selectedStoreAddress = value['storeAddress1'] + " - " + value['storeAddress2'] + " " + value['storeCity'] + " " + value['storeState'] + " " + value['storePostCode'];
      selectedStoreAddress.trim('"'); $(".selected-store-id").remove();
      $(reviewBlockMethod).last().append("<p class='selected-store-id'>" + selectedStoreAddress + "</p>"); 
    });

click and collect screenshot

information not appended in checkout

0 个答案:

没有答案