表示トラブルを解決する
PDFがストアフロントに表示されないときの、よくある原因と対処法をまとめました。
PDFがまったく表示されない
次の3点を確認してください:
✅ PDFがリンクされている(商品/ページなどのリソースに)
✅ PDFステータスが Active(Inactive ではない)
✅ Theme App Extension がテーマに追加されている
3つすべてが満たされている必要があります。順番に確認しましょう:
- PDFライブラリを開きます
- 表示されるはずのPDFをクリックします
- 正しいリソースにリンクされているか確認します
- ステータスが Active になっているか確認します
- テーマエディタで拡張が追加されているか確認します
手動ブロック(PDF Embedded Manual / PDF Button Manual)を使っている場合、リンク済みPDFのチェックは当てはまりません。次の「手動URLブロック」の項目を確認してください。
手動URLブロックが何も表示しない
- 有効な
https://...pdfのURLが最低1つ入力されているか確認します - ブロックが、使用中の商品テンプレートに追加されているか確認します
- テーマエディタで保存し、ストアフロントを強制リロードします
- 切り分けのため、ビューア種類を一時的に Native Browser に切り替えます(Custom Viewer のパラメータ問題を疑う場合)
- 手動ボタンラベルを使っている場合、ラベルの行数がURLの行数と一致するか確認します
PDFが違うページに表示される
よくある原因:
リンク先リソースが間違っている
- PDFがどのリソースにリンクされているか確認します
- 間違ったリソースからリンク解除します
- 正しいリソースにリンクします
テンプレートフィルタの不一致
- テンプレートフィルタ設定を確認します
- ページが想定どおりのテンプレートを使っているか確認します
- テンプレートフィルタを削除または調整します
表示されるPDFと表示されないPDFがある
PDFごとのステータスを確認:
- 表示されないPDFは Inactive になっている可能性があります
- 表示したいPDFは Active に切り替えてください
テンプレートフィルタを確認:
- 一部のPDFにテンプレートフィルタが設定されている場合があります
- 表示されないPDFのフィルタ設定を見直してください
テーマエディタの Apps に拡張が出てこない
テーマ互換性の問題:
テーマがアプリ拡張(app extensions)に未対応の可能性があります:
- テーマのドキュメントでアプリ拡張に対応しているか確認します
- テーマを最新バージョンに更新します
- テーマ開発者にサポートを依頼します
- 拡張対応テーマへの切り替えも検討します
多くの最新 Shopify テーマ(2.0+)は app extensions に対応しています。
PDFの読み込みが遅い
ファ イルサイズを最適化する:
- アップロード前にPDFを圧縮してください
- 可能なら 5MB 未満にしてください
- 不要なページ/画像を削除してください
通信環境を確認する:
- 回線が遅いと読み込みも遅くなります
- 別のネットワークでも試してください
- Wi‑Fi とモバイル回線でも比較してください
ボタン表示を使う:
- 埋め込みよりボタンの方が速いことが多いです
- お客様が開いたPDFだけが読み込まれます
- モバイル向けです
埋め込みビューアが真っ白になる
PDFが破損している可能性:
- PDFを再アップロードしてみてください
- まずPCでPDFを開いて正常に読めるか確認してください
- 別のソフトでPDFを保存し直してみてください
ブラウザ互換性:
- 別のブラウザで試してください
- ブラウザを最新版に更新してください
- ブラウザキャッシュを削除してください