1

これを読んでくれてありがとう。

現在、パートナー アカウントを通じて「テスト ショップ」を開発中です。私の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 出力です。注: これは、ドロップ ダウンの 1 つの結果のみです。同様の出力を持つドロップ ダウンが 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>

以下は開発リンクとパスワードです。

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

パス: yhc

再度、感謝します！そして初投稿が長くなってしまい申し訳ありません

4

1 に答える 1

1

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

于 2011-07-01T19:12:26.897 に答える