2011-06-30 37 views
1

ではなく、リテラル文字列として出力しています。Shopify:製品バリアントのIDは、これを読む時間を取ってくれて事前に感謝している数字

私は現在、パートナーアカウントを通じて「テストショップ」を開発しています。ショップ内のすべてが、私のproduct.liquidファイルに期待通りに動作しています。製品のバリアントIDはすべて数字ではなく文字列として出力されます。私は製品の複数のドロップダウンを構築するためにjQueryソリューションでoption_selection.jsファイルを使用しています。

もちろん、IDはカートアクションに渡されないため、私たちにはバリアントIDが渡されなかったため、このアイテムをショッピングカートに追加できませんでした。だから、解決策やこれを引き起こしていることについてのいかなる考えも高く評価されます。以下は

は、代わりにバリアントループのサンプルです:

<form id="add-to-cart" action="/cart/add" method="post" > 
    <select id="variant-select"> 
     <option>Product Options</option> 
     {% for variant in product.variants %} 
      <option value="{{ variant.id }}">{{variant.title }} for {{ variant.price | money}}</option> 
      {% endfor %} 
    </select> 
    <input type="image" name="add" value="Purchase" id="purchase" src="{{ 'purchase.png' | asset_url}}" /> 
    <span id="product-price">{{ product.price | money }}</span> 
</form> 

そしてここでは、XHTML出力です。注:これはドロップダウンのいずれかの結果にすぎませんが、同様の出力を持つ2つのドロップダウンがさらにあります。

<div class="selector-wrapper"> 
    <label for="variant-select-option-0">Size</label> 
    <select class="single-option-selector" id="variant-select-option-0"> 
    <option value="Small">Small</option> 
    <option value="Medium">Medium</option> 
    <option value="Large">Large</option> 
    <option value="X-Large">X-Large</option> 
    </select> 
</div> 

は、以下の複数のドロップダウンを作成するために、jQueryのソリューションを使用する前に、出力ドロップダウンのサンプルで、問題にもう少しコンテキストを追加します。これは、上記と同じバリアントループを使用していますが、同じエラーを生成します。バリアントIDは通常より長いようです...

<select id="variant-select"> 
    <option>Product Options</option> 
    <option value="105062422">Small/Black/Men's for $19.00</option> 
    <option value="105062492">Medium/Black/Men's for $19.00</option> 
    <option value="105062522">Large/Black/Men's for $19.00</option> 
    <option value="105062552">X-Large/Black/Men's for $19.00</option> 
    <option value="105062602">Small/Blue/Men's for $19.00</option> 
    <option value="105062632">Medium/Blue/Men's for $19.00</option> 
    <option value="105062702">Large/Blue/Men's for $19.00</option> 
    <option value="105062732">X-Large/Blue/Men's for $19.00</option> 
    <option value="105062802">Small/Black/Women's for $19.00</option> 
</select> 

以下は、devのリンクとパスワードです。

http://terry-inc6406.myshopify.com/products/featured-product-1

パス:YHC

おかげで再び!そんな長い最初の投稿にはごめんなさい

答えて

1

ShopifyのCarolineに感謝します。彼女は私の不正なマークアップを指摘し、それを固定したselect要素にname = "id"を追加しました。

関連する問題