一般的なサポート
-
ブラウザの互換性に関するサポート ポリシー
当社のサポート サービスは、サポートされていないバージョンのブラウザの使用によって生じる問題には適用されません。古いブラウザとの互換性を実装したい場合は、まず分析を確認して潜在的なメリットを評価し、その後 Shopify エキスパートのサービスを利用することをお勧めします。デスクトップブラウザの要件:サファリ: Mac 用の最新 2 つのバージョン。クロム: Mac と PC の両方に対応する最新の 3 つのバージョン。 Firefox: Mac と PC の両方に対応する最新の 3 つのバージョン。角: PC 用の最新 2 つのバージョン。モバイルブラウザの要件:モバイルサファリ: iOS 用の最新の 2 つのバージョン。 Chrome モバイル: Android と iOS の両方に対応する最新の 3 つのバージョン。サムスンインターネット: Android 用の最新の 2 つのバージョン。 Web ビューとアプリケーションの要件:インスタグラム: Android と iOS の両方の最新バージョン。フェイスブック: Android と iOS の両方の最新バージョン。ピンタレスト: Android と iOS の両方の最新バージョン。 JavaScript の機能: 私たちのテーマは JavaScript なしで動作するように設計されています。ただし、モーダルやメニューなどのほとんどの機能を完全に機能させるには JavaScript...
-
ページのレンダリングを改善する
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 4 つのファイルすべてで、コードは次のようになります。 assign color_image = value | handle | append:...
-
店頭フィルタリングを追加する
Shopify は、コレクション ページでネイティブの商品フィルタリングを提供するようになりました。在庫状況、価格、製品タイプ、ベンダー、製品オプションでフィルタリングできます。製品フィルタリングの設定の詳細については、 ここでShopify のドキュメントをご覧ください。
-
顧客アカウントの有効化または無効化
顧客アカウントを有効にすると、Shopify は顧客の身元、注文履歴、現在の注文ステータスに関する情報をパスワードで保護して保存します。住所情報などの顧客の詳細は、チェックアウト時に保存されている情報から事前に入力されます。顧客アカウントを使用するには、オンライン ストアの販売チャネルが必要です。顧客アカウントの設定を行う顧客アカウントを必須またはオプションにしたり、完全に無効にしたりできます。アカウントを作成するとき、顧客は別のアカウント作成ページにリダイレクトされます。顧客にアカウントの作成を要求すると、販売コンバージョンが減少する可能性があることに注意してください。顧客アカウント設定を編集するには:管理者から、 [設定] > [チェックアウト]に移動します。 [顧客アカウント]セクションで、顧客アカウントのオプションを選択します。アカウントが無効になっています: 顧客には、アカウントを作成するオプションや、チェックアウト中にログインするオプションが表示されません。フィールドは事前に入力されていないため、チェックアウト時に詳細を手動で入力する必要があります。顧客が [次回のためにこの情報を保存する] ボックスをオンにすると、ブラウザの Cookie によってそのストアのみの顧客情報が保存されます。アカウントはオプションです: 顧客はアカウントの作成を選択できますが、チェックアウトするためにアカウントを作成することは必須ではありません。顧客がアカウントを持っていてログインしている場合、注文時に住所フィールドが事前に入力されます。お客様は、「すでにアカウントをお持ちですか?」を使用してログインすることもできます。電子メール入力フィールドの上にあるログインリンク。このリンクをクリックすると、ユーザーは電子メール アドレスとパスワードを入力するか、新しいアカウントを作成するか、ゲストとしてチェックアウトを続行するかを求められます。アカウントが必要です: 顧客はアカウントを作成するか、アカウントを持っていてログインしてチェックアウトを完了する必要があります。この設定は、たとえば卸売ストアや会員制ストアを運営している場合に便利です。住所フィールドは、顧客が注文するときに事前に入力されます。 「保存」をクリックして顧客アカウント設定を確認します。注記ストアで顧客アカウントを有効にするには、 「アカウントはオプションです」または「アカウントは必須」を選択します。顧客の住所顧客がチェックアウト中にログインしている場合は、最近使用したアドレスの 1 つを選択できます。あるいは、住所を入力することもできます。お客様が保存したい 5 つのアドレスを選択することはできません。
-
動的チェックアウトボタンの追加と削除
注記サブスクリプション製品を販売する場合、動的チェックアウト ボタンはサポートされません。詳細については、 「サブスクリプション」を参照してください。顧客はダイナミック チェックアウト ボタンを使用して、表示している製品をすぐに購入できます。カートをスキップし、ボタンに表示されているチェックアウト方法で支払いを完了します。ボタンは、顧客が希望する高速チェックアウト方法を反映して動的に変化します。 [カートに追加] ボタンがあるオンライン ストアの任意の部分で、動的チェックアウト ボタンを追加または削除できます。このページでは商品ページの動的なチェックアウト ボタンを追加または削除するホームページ上の動的チェックアウト ボタンを追加または削除する選択した商品に動的チェックアウト ボタンを追加する商品ページの動的なチェックアウト ボタンを追加または削除する手順:管理画面から、 [オンライン ストア] > [テーマ]に移動します。編集するテーマを見つけて、 [カスタマイズ]をクリックします。ページの上部にあるドロップダウン メニューを開きます。 [製品] > [デフォルト製品]を選択して、テーマ エディターにテンプレートをロードします。 [製品情報]で、次のいずれかを実行します。製品情報に購入ボタン ブロックがある場合は、 [購入ボタン] をクリックします。製品情報に購入ボタン ブロックがない場合は、 [+ ブロックの追加]をクリックし、 [購入ボタン]を選択します。 [動的チェックアウト ボタンを表示] をオンまたはオフにします。 「保存」をクリックします。ホームページ上の動的チェックアウト ボタンを追加または削除するホーム ページに「カートに追加」ボタンのある注目製品セクションが含まれている場合は、そのセクションの動的チェックアウト ボタンを追加または削除できます。手順:管理画面から、 [オンライン ストア] > [テーマ]に移動します。編集するテーマを見つけて、 [カスタマイズ]をクリックします。 [セクションの追加] をクリックします。 [注目の製品]をクリックし、次のいずれかの操作を行います。注目の商品に購入ボタン ブロックがある場合は、 [購入ボタン]をクリックします。注目の商品に購入ボタン ブロックがない場合は、 [+...
-
右から左へ (RTL) テキストのサポートを有効にする
ヘブライ語などの右から左へのテキストのサポートを有効にすることができます。手順:管理画面から、 [オンライン ストア] > [テーマ]に移動します。編集するテーマを見つけて、 [アクション] > [言語の編集]をクリックします。 [翻訳の検索]ボックスに「テキストの方向」と入力します。 [テキスト方向トリガー] ボックスに「 RTL 」と入力します。 「保存」をクリックします。
-
ストアから「Powered by Shopify」を削除する
ストアに「Powered by Shopify」メッセージを表示したくない場合は、削除できます。手順: Shopify 管理ダッシュボードから、 [オンライン ストア] > [テーマ]に移動します。編集するテーマを見つけて、 「アクション」 (3 つの点のアイコン) > 「デフォルトのテーマのコンテンツを編集」をクリックします。 [フィルター項目]ボックスに「 powered 」と入力します。 [Powered by Shopify]ボックスで、キーボードのスペースバーを使用して 1 つのスペースを入力します。 [Powered by Shopify HTML]ボックスに対してこれらの手順を繰り返すことができます。ストアがパスワードで保護されている場合、このボックスはストアの近日オープンページに表示されます。 「保存」をクリックします。