問題タブ [snipcart]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
json - 二重引用符文字列を単純引用符に置き換えます
Middleman と Snipcart を使用して、e コマース プロジェクトを開発しています。複数の通貨を使用する必要がありdata-item-price
ます{"usd": 20, "eur": 25}
。購入ボタンに付けるデータセットは他にもあるので、ヘルパーを作成することにしました。
このヘルパーは私が望むものを正確に返しますが、data-item-price は二重引用符の間であり、単一引用符の間ではありません。現時点では、コードは asdata-item-price="{"usd":20,"eur":22}"
と not as として理解されていますdata-item-price='{"usd": 20, "eur": 22}'
これで変身<button data-item-price="{"usd":20,"eur":22}">Buy</button>
する必要があり<button data-item-price='{"usd":20,"eur":22}'>Buy</button>
ます。
スニップカート (購入) ボタン ヘルパーは次のとおりです。
reactjs - Snipcart を Gatsby に追加する
Snipcart を Gatsby (v2) に統合しようとしています。
次のようにファイルを編集しhtml.js
ます。
機能するもの:
div を作成する場合:
Snipcart が機能し、クリックするとユーザー プロファイルが開きます。
機能しないもの:
パブリック API を使用する場合、たとえば次のように呼び出します。
Snipcart.api.user.logout()
関数で。
=> error 'Snipcart' is not defined no-undef
すべてのアプリでグローバル Snipcart オブジェクトを使用するにはどうすればよいですか?