問題タブ [shopify-template]
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.
css - SASS 変数のコンパイルに失敗しました
これが私のSassコードです
そして、それが私のtheme.liquidにインポートした方法です
ここで、検査時にエラーが発生しました
黄色の警告「無効なプロパティ値」あり。Shopify が SASS コンパイル段階でコードを実行していない理由を誰でも理解できますか?
shopify-template - Shopify セクションの可変範囲
セクション ファイルで変数を使用しようとしていますが、親テンプレートから継承されていないようです。
例えば：
インデックス液体
セクション/example.liquid
の値を出力しません{{ foo }}。代わりに<h1></h1>、変数が定義されていないかのように: を取得します。
セクションはスニペットのように機能し、親テンプレートで定義されたものはすべて、含まれているスニペットのスコープ内にあると思いました。
インデックス液体
スニペット/example.liquid
<h1>bar</h1>レンダリングされたときの場所。
- これはバグですか、それとも意図した動作ですか?
- セクションを含めて、何らかの形式の外部スコープから変数を使用する方法はありますか?
ありがとう！
javascript - 液体で製品写真を大きくする
現在、Shopify で「Debut」テーマを使用しています。商品画像のサイズを変更して大きくしたいと考えています。現在、写真のサイズは 276x345 で、私は約 367x550 にしようとしています。
現在、このページは、フルサイズのブラウザー (モバイルではない) でページ全体に 3 つの製品が表示されるようにレイアウトされています。
Collection.liquid には現在、次のものがあります。
ブラウザで調べると、これが返される CSS です
この最大 276px の原因は何ですか?
画像をロードして大きなサイズで表示するようにコードを変更するにはどうすればよいですか?
shopify - Shopify アプリのキャッシュの問題
製品詳細ページにボタンを表示してアクションを実行するアプリを開発しています。条件に基づいて同じものを表示するために product.metaifields を使用しています。基本的に、メタフィールドの値に応じてボタンの表示が切り替わります。
私たちが直面している問題は、管理セクションから機能を有効にすると、ブラウザーでハード リフレッシュを行わない限り、ユーザー側にボタンが表示されないことです。ここで起こることは、Shopify がメタフィールド値をキャッシュするため、条件チェックが機能しないことです。アプリで何らかのアクションを実行している間にページのキャッシュを削除する方法はありますか?