それで、私が働いている会社のためにShopifyストアを立ち上げることに取り組んでいます。私たちは旅行本を販売しています。Shopify テーマでは、Bold の Product Options アプリを使用して、すべての書籍オプション バリアントを含めることができます (特定の書籍の巻数に応じて、1 ～ 6 のバリアントを持つ [Volume] のオプションは 1 つしかありません)。 1 つの定額料金で販売されるバンドル オプション。Bold Product Options アプリで私が抱えている問題は、バリエーションに基づいてオプションを作成すると、その製品の在庫ではなく価格にのみ影響することです。これは個々の本には最適です - 第 1 巻と第 2 巻を選択すると価格が 10 ドルから 20 ドルに上がりますが、一貫した価格のバンドルでは機能せず、バンドルにボリュームが追加されるたびに 10 ドルが追加され続けます。したがって、25 ドルで 3 冊の本を手に入れる代わりに、55 ドルで 3 冊の本を手に入れることができます。コードを調べたところ、各ボリュームの各入力チェックボックスに追加される .price-change クラスに問題があるようです。Google Chrome のエディタを使用してこれを削除すると、バンドルは選択されたアイテムで通過し、価格は上昇しません。私の質問は、このクラスをプラグインから削除するにはどうすればよいですか? 私がやりたいのは、バンドル専用のカスタム product.liquid テンプレートを作成し、そこに jQuery をいくつか入れて、そのクラスを削除することです。バンドル オプションはサード パーティのサーバーから取得されます - Liquid テンプレートに表示される唯一のコードは... エディターでは、バンドルは選択されたアイテムで通過し、価格は上昇しません。私の質問は、このクラスをプラグインから削除するにはどうすればよいですか? 私がやりたいのは、バンドル専用のカスタム product.liquid テンプレートを作成し、そこに jQuery をいくつか入れて、そのクラスを削除することです。バンドル オプションはサード パーティのサーバーから取得されます - Liquid テンプレートに表示される唯一のコードは... エディターでは、バンドルは選択されたアイテムで通過し、価格は上昇しません。私の質問は、このクラスをプラグインから削除するにはどうすればよいですか? 私がやりたいのは、バンドル専用のカスタム product.liquid テンプレートを作成し、そこに jQuery をいくつか入れて、そのクラスを削除することです。バンドル オプションはサード パーティのサーバーから取得されます - Liquid テンプレートに表示される唯一のコードは...
<!-- Bold Apps: Product Options --> {% include 'shappify-options' %}
そして、ソースコードを見ると...
<!-- Bold Apps: Product Options --> <div style='display:none' id='shappify_custom_options_401405627'></div><script async src="//secure.apps.shappify.com/apps/options/generate_options.php?shop=tsgtestsite.myshopify.com&product_id=401405627"></script>
製品テンプレートの下部にこの jQuery コードを追加しようとしましたが、クラスが削除されません...
<script>
$( document ).load(function() {
$("div.shappify_check_option input").removeClass("price-change");
});
</script>
これは、HTML 出力の横にあるエディターでコードを表示したときにコードがどのように見えるかのスクリーンショットです...
[1]: http://i.stack.imgur.com/4Fb9X.png
以前にこれに関する提案や経験があれば、この問題を解決する方法を本当に感謝しています. 私がする必要があるのは、この暗いクラスを削除することだけです。
ありがとう！