メインコンテンツまでスキップ

テーマにPDFを公開(Publishing)する

PDFをリソースにリンクした後、お客様に表示するために、該当するテーマテンプレートへ Theme App Extension を追加する必要があります。これはテンプレートごとに1回だけ行えばOKです(例: product / product.local / pages / page.contact / コレクションページ など)。

商品を1件ずつリンクせず、テンプレート単位でPDFを表示したい場合は、手動URLブロック を利用してください。

公開方法は2つ

1. PDF詳細ページから直接公開(推奨)

Theme App Extension を最も素早く追加する方法です:

  1. PDF詳細ページの Publish セクションを開きます
  2. まだ Theme App Extension がテンプレートに追加されていない場合、Publish を促す表示が出ます
  3. Publish をクリックし、表示スタイル(Embedded Viewer / Button)を選びます
  4. 拡張が追加された状態で、テーマエディタが新しいタブ/ウィンドウで開きます
  5. 必要に応じて設定を調整し、テーマエディタで Save をクリックします

2. テーマエディタから手動で追加する

拡張の配置を細かくコントロールしたい場合に向いています:

  1. Online Store > Themes を開きます
  2. 適用中のテーマで Edit Theme をクリックします
  3. PDFをリンクしたページのテンプレートへ移動します(例: 商品ページのテンプレート)
  4. Add section または Add block をクリックします(テーマによって異なります)
  5. Apps セクション内の PDF Connect 拡張を探します
  6. PDF Embedded Viewer または PDF Button を追加します
  7. Save をクリックします

または、テーマエディタで表示オプションを調整 → を参照してください。

代替: 手動URLブロック(リンク不要)

特定の「商品テンプレート」を使っているすべての商品に、1つ以上のPDFを表示したい場合に使います。

  1. アプリでPDFを開き、Link/Add のドロップダウンを開きます
  2. Add PDF block to product template (manual URLs) を選びます
  3. 商品テンプレートと手動ブロック種別を選択します
  4. テーマエディタを開き、ブロック設定にURLを直接貼り付けます
  5. テーマを保存します

手動ブロックの種類:

  • PDF Embedded Manual
  • PDF Button Manual

詳しくは、手動URLブロックガイド → を参照してください。

表示スタイルを選ぶ

Embedded Viewer - PDFをページ内に直接表示(移動/ズームなどの操作が可能)

PDF Button - クリックするとポップアップ(オーバーレイ)でPDFを開くボタンを表示

Embedded Manual / Button Manual - 表示スタイルは同じですが、URLは「リンク済みリソース」ではなく、テーマのブロック設定から取得します

両方試して、コンテンツとレイアウトに合う方を選びましょう。

PDFが表示されることを確認する

Theme App Extension を追加したら:

  1. テーマの変更を保存します
  2. PDFをリンクしたページを開きます
  3. お客様向けにPDFが表示されるはずです

トラブルシューティング

PDFが表示されない場合:

  • ライブラリでPDFのステータスが Active になっているか確認します
  • 正しいテンプレートに Theme App Extension を追加しているか確認します
  • 実際にPDFがリンクされているページを見ているか確認します
  • 数秒待ってからページを再読み込みします
  • 拡張の表示設定(visibility)が有効になっているか確認します

次のステップ

基本の設定は完了です。次にできること: