一般的なサポート
当社のサポート サービスは、サポートされていないバージョンのブラウザの使用によって生じる問題には適用されません。古いブラウザとの互換性を実装したい場合は、まず分析を確認して潜在的なメリットを評価し、その後 Shopify エキスパートのサービスを利用することをお勧めします。デスクトップブラウザの要件:サファリ： Mac 用の最新 2 つのバージョン。クロム： Mac と PC の両方に対応する最新の 3 つのバージョン。 Firefox: Mac と PC の両方に対応する最新の 3 つのバージョン。角： PC 用の最新 2 つのバージョン。モバイルブラウザの要件:モバイルサファリ: iOS 用の最新の 2 つのバージョン。 Chrome モバイル: Android と iOS の両方に対応する最新の 3 つのバージョン。サムスンインターネット: Android 用の最新の 2 つのバージョン。 Web ビューとアプリケーションの要件:インスタグラム: Android と iOS の両方の最新バージョン。フェイスブック: Android と...
Be Yours には、最初のページの読み込みを大幅に高速化する機能が付属しています。このページでは仕組み長所と短所仕組み通常、ブラウザはページ上のほぼすべての要素をレンダリングします。たとえトップにいたとしても、ページの下部にある部分は依然として関与しています。しかし、もうそうではありません。 content-visibilityと呼ばれる新しい CSS プロパティが登場しました。これらの複雑な用語は無視してもよいでしょう。視覚化するために、この手法では、ページの要素がビューに表示される直前まで、その要素のレンダリングをスキップします。この機能は Be Yours に統合されました。レイアウトの多いセクションなど、特定のページ セグメントのレンダリング作業を延期し、表示される直前になったときにのみレンダリングするようにブラウザーに指示できます。 私たちのデモでは、ホームページのセクションにcontent-visibility適用すると、初期読み込み時のレンダリング パフォーマンスが 5 倍向上します。長所と短所これにより、ページ内検索や SEO を損なうことなく、長いページのレンダリング コストを削減できるのは明らかです。ドロップシッピング ストアと、製品やコレクションを表すホームページ上の多くのセクションがあると想像してください。または、ランディング ページに大量の画像が埋め込まれている一種のショーケース ストアであり、この技術はこうしたケースに有益です。ただし、この手法には制限やバグもあります。ページをスクロールすると、スクロールバーがかなりギザギザになっていることがわかります。これは、レンダリングされる新しいコンテンツに合わせてページ コンテンツが調整されていることです。また、レンダリングされていない要素はレイアウト内で高さが失われるため、マウスのスクロールに応じてコンテンツが少し遅れて表示されることがあります。この手法は完全な互換性がないことに注意することも重要です。現在、Firefox と Interner Explorer ではサポートされていません。
カラー見本ファイルは頻繁に変更されないため、より速く読み込まれるようにキャッシュします。トレードオフは、スウォッチを変更することにした場合、すぐには更新されないことです。アップロードした新しい画像にスウォッチを強制的に更新するには、コードに少しジャンプする必要があります。まず、 /admin/themesに移動し、テーマのコピーでActionsクリックし、 [ Edit codeをクリックして、テーマ コード エディターを開きます。次の 4 つのファイルを開きます。 sections/featured-product.liquid sections/main-product.liquid sections/main-product-modal.liquid snippets/product-card.liquid一部のコードは慎重に削除する必要があるため、最初にファイルをバックアップすることをお勧めします。何か問題が発生した場合は、いつでも次の手順に従ってファイルを元に戻すことができます。検索して削除する | split: '?' | first これで準備は完了です。 assign color_image = value | handle | append: '.' | append: swatch_file_extension | file_img_url: '50x50' | prepend: 'https:' | split: '?' | first...
Shopify は、コレクション ページでネイティブの商品フィルタリングを提供するようになりました。在庫状況、価格、製品タイプ、ベンダー、製品オプションでフィルタリングできます。製品フィルタリングの設定の詳細については、 ここでShopify のドキュメントをご覧ください。