【シンプルブログ複製】商品カードが表示されないときの確認ポイント

【シンプルブログ複製】商品カードが表示されないときの確認ポイント

  • ブログ記事をワンクリックで複製

  • 記事に動的な商品カードを簡単追加可

  • 編集は標準エディタと同じで迷いません

NEW
NEW
【シンプルブログ複製】商品カードが表示されないときの確認ポイント

アプリの特徴

【無料プラン】
・ブログ記事の複製(月5件まで)
・ブログ記事テンプレート
・保存ビューで特定の検索条件を保存

【Proプラン】
・ブログ記事の複製無制限
・ブログ記事内に動的な商品カードを簡単追加

ブログ記事に商品カードを入れたのに、ストアに表示されないときの確認ポイントをまとめました。

1分でできる確認

  1. ストアの記事ページ(トップページや商品ページではない)を見ている
  2. 記事が公開されている
  3. 「商品カード」がオンで、保存した
  4. 入れた商品が「アクティブ」

これで直らないときは、下の確認ポイントに進んでください。全部をやる必要はありません。気になるところから見てください。

この記事でわかること

  • ストアにカードが出ないときの7つの確認ポイント
  • アプリ画面に出るメッセージの意味
  • 保存できないときの対処
  • ステップ3が完了にならないとき

操作する場所:ストアのブログ記事ページ/Shopify管理画面 → アプリ → SAKUシンプルブログ複製


1️⃣ 契約を確認する

商品カードは、Proプランか開発ストア(Shopifyパートナー向けのテスト用ストア)で使えます。無料プランの本番ストアでは、すでに記事にカードが入っていても、お客様のページには表示されません(記事に問題は起きません)。ホームの右側の「プラン」を確認してください。

契約を変えたあと、反映までに最大で約60秒かかることがあります。「料金プランの確認・変更と無料枠の仕組み」をご覧ください。


2️⃣ アプリ埋め込みがオンで、保存されているか確認する

ホームの「テーマエディタを開く」から開き、「アプリ埋め込み」で「商品カード」がオンになっているかを確認します。オンにしたら、右上の「保存」を押さないと反映されません。

アプリが検知できるのは、公開しているテーマだけです。公開していないテーマだけでオンにしても、ガイドは完了になりません。

アプリ側のプレビューに「テーマエディタでアプリ埋め込みがオフのため、ストアフロントにカードは表示されません。「テーマエディタを開く」から有効にしてください。」と出ているときも、ここを確認します。


3️⃣ ブログの記事ページを見ているか確認する

商品カードが出るのは、ブログの記事ページだけです。トップページや商品ページには出ません。記事が公開されているかも確認してください。下書きの記事は、お客様には見えません。公開のしかたは「公開・非公開をワンクリックで切り替える方法」をご覧ください。


4️⃣ 入れた商品の状態を確認する

Shopify管理画面の「商品」から該当の商品を開き、画面の右側にある「ステータス」が「アクティブ」になっているか確認します。次のときは、カードが出ません(枠ごと詰まります)。

  • 商品が「アクティブ」でない(下書き・アーカイブ)、または削除された
  • 商品に価格やバリエーションがない
  • 商品のハンドルに不正な文字がある

ハンドルに不正な文字があるときは、商品の編集画面の一番下にある「検索結果のリスト」→「URLハンドル」を、英小文字・数字・ハイフンに直します。

アプリ側のプレビューでは、非公開の商品が半透明になり、「商品が非公開のため、ストアフロントでは表示されません」と出ます。在庫がないバリエーションは「売り切れ」になります。


5️⃣ 保存したか確認する

「ここに挿入」で商品を選んだだけでは、記事は変わりません。アプリの画面上部の保存バーで「保存」を押して、「商品カードを保存しました」と出たかを確認してください。


6️⃣ 1つの記事に入れた枚数を確認する

1つの記事に入れられるのは、50枚までです。51枚目以降は、お客様のページには出ません。


7️⃣ テーマとの相性・表示の遅れを確認する

  • カードが出ないときは、ページを読み込み直してください。
  • 「カートに追加」を押して「追加できませんでした」と出るときは、お使いのテーマとの相性の可能性があります。テーマ名を添えて、info@saku-apps.com までお問い合わせください。
  • ボタンの文言(「追加中…」「追加しました ✓」「追加できませんでした」「売り切れ」)は、テーマの言語が日本語以外のときは英語(Adding…/Added ✓/Could not add/Sold out)になります。管理画面の言語ではありません。


アプリの画面に出るメッセージ

メッセージ 意味と対処
「有料機能です」「商品カードの挿入には有効な有料契約が必要です。開発ストアでは無料で利用できます。」 無料プランの本番ストアです。「プランを表示・変更」から、Proプランにしてください。
「追加の権限が必要です」「商品カードには、商品と公開テーマへの任意の読み取り権限が必要です。他の機能はこれらの権限なしでも利用できます。」 「商品カードの権限を許可」をクリックして、新しいタブで許可します。許可したら、このタブに戻ってください。自動で使えるようになります。
「商品カードの未保存の変更があります。破棄して続行しますか?」 保存していないカードがあります。保存するか、破棄してから移動してください。
「カードが多いため、プレビューの商品データは最初の25商品まで表示しています。」 プレビューだけの制限です。ストアでは、50枚まで表示されます。


保存できないときのメッセージ

メッセージ 意味と対処
「記事が別の画面で更新されていたため、保存を中止しました。最新の内容を読み込み直したので、もう一度カードを配置してください。」 別のタブや、Shopifyの編集画面で記事が変わっています。読み込み直されたので、もう一度カードを入れて保存してください。
「契約状況を確認できませんでした。少し待ってからもう一度お試しください。」 契約を確認できませんでした。少し待ってから、もう一度保存してください。
「商品カードの保存には有効な有料契約が必要です。」 有料契約(またはProプラン)が必要です。
「Shopify に更新を拒否されました。もう一度お試しください。」 もう一度保存してください。
「サーバーエラーが発生しました。もう一度お試しください。」 少し待ってから、もう一度保存してください。
「リクエストが受け付けられませんでした。ページを再読み込みしてお試しください。」 ページを読み込み直してから、もう一度お試しください。
「更新に失敗しました」 ページを読み込み直してから、もう一度お試しください。
「この商品のURLハンドルに使用できない文字が含まれているため、カードを挿入できません。」 その商品のハンドルに、使えない文字が入っています。上の確認ポイント4の方法で、Shopifyの商品の編集画面でハンドルを直してください。


設定後の表示

上の確認が終わると、ストアの記事ページに商品カードが表示されます。見た目を変えるときは、「商品カードの見た目を変更する方法」をご覧ください。

うまくいかないとき

  • ステップ3が完了にならない
    次のどれかです。①商品とテーマの読み取りを許可していない(先に「商品カードの権限を許可」)、②公開テーマで埋め込みがオフ、③テーマエディタで「保存」を押していない。許可したあとは、アプリのタブに戻ると自動で更新されます。
  • テーマエディタが開くまで時間がかかる
    テーマ全体とアプリ埋め込みを読み込むため、Shopify側で時間がかかることがあります。そのまま少し待ってください。
  • 「段落の間に商品カードを追加」から開く画面に権限の案内が出る
    別タブで許可して、このタブに戻ってください。
  • どれも当てはまらない
    info@saku-apps.com に、①記事のURL ②入れた商品の名前 ③お使いのテーマ名 ④画面のスクリーンショット、をお送りください。