嘗試將查詢字符串中的值分配給Shopify訂單項屬性

Question

的HTML

 <div>
    <input type="hidden" id="shirtImg" name="properties[ShirtImg]"/>
 </div>

 <div id="purchase" onclick="createLineItemProperties()">
            <p class="price"></p>                                 
            <input class="btn" type="submit" name="add" id="add-to-cart" value="Add to Cart" />
 </div>

此代碼在product.liquid中。 所有這些都包裝在/ cart / add表單標簽中。

Java腳本

 function getUrlVars() {
    var vars = {};
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (m, key, value) {
    vars[key] = value;
  });
  return vars;

}

function createLineItemProperties() {
   if(getUrlVars()["side1"] != null){
      console.log("inside if statement");
      document.getElementById("shirtImg").value = getUrlVars()["side1"];
   }
console.log(document.getElementById("shirtImg").value);
}

在這里，javascript從查詢字符串中提取了一個名為“ side1”的值。 那里的console.log實際上最終打印了我想要的結果，但是由於某種原因，它似乎沒有保存在行項目屬性中。

Answer 1

事實證明，單擊“添加到購物車”時運行該功能是一個壞主意，因為它最終會先發送表單數據，然后再重新分配ID，這給我帶來了不希望的結果。 我只是通過body標簽的onload事件調用了該函數，現在它可以工作了。