Xポストログ
Xで投稿したShopify関連の内容をそのまま記録しています。
2023年5月の投稿 絞り込みを解除
-
たまにお問合せを受けますが、Shopifyの商品詳細画面に表示される関連商品は、管理画面でその内容を確認することができます。また、自動生成されるロジックについては、こちらのページで解説されています。
https://help.shopify.com/ja/manual/online-store/search-and-discovery/product-recommendations
#Shopify
-
Shopifyではスマホ用メニューは毎回上からたどる必要があり、階層が深いと行き来するのが少々面倒です。そこで、メニューを開いた直後からその階層を表示させておけば遷移がかなりスムーズになります。他テーマでは方法が異なりますが、テーマDawnでの実装例です。
https://colossal-vanadium-63c.notion.site/Dawn-32263a49c791426fb88c757a3d84aa62
#Shopify -
Shopifyでバリエーションの選択肢が多い商品を扱うストアでは、選択したオプションが分かりづらくなるケースがあります。訪問者の方が迷わずにカート投入できるよう、選択中の商品状態を別途表示しておくのも良いですね。
https://colossal-vanadium-63c.notion.site/Dawn-7c50f4f5abba491aa942064a273693c8
#Shopify -
Shopifyの商品情報画面で、その商品が含まれるコレクションをリスト表示する方法です。関連商品リンクと同様、類似商品を探している訪問者の回遊性を高める効果が期待できます。以前共有させて頂いた商品タグのリンク一覧と併用しても良いですね。
https://x.com/sh_sakamoto/status/1633709841662480385?s=46&t=KFlndRNFcFpHyOwI8aH76w
#Shopify
-
そこまで効果があるわけでは無いのですが、Allbirdsのように中身が空のカートページに商品やコレクションへの導線を表示しておくのも良いですね。
中身に応じて表示・非表示されるようにしつつ、空にした瞬間も画面を更新せずに表示されるようにした設定例です。
https://colossal-vanadium-63c.notion.site/Dawn-77a8dfaf04194226a5022cd9eb4ae7fa
#Shopify -
Shopifyのドメインが「〜.myshopify.com」の場合、Google Search Consoleでsitemap.xmlを送信しても取得してもらえないようです。
#Shopify
https://support.google.com/webmasters/thread/66712097/%E3%80%90shopify%E5%88%A9%E7%94%A8%E3%80%91%E3%82%B5%E3%82%A4%E3%83%88%E3%83%9E%E3%83%83%E3%83%97%E3%82%92%E9%80%81%E4%BF%A1%E3%81%97%E3%81%A6%E3%82%82%E3%80%8C%E5%8F%96%E5%BE%97%E3%81%A7%E3%81%8D%E3%81%BE%E3%81%9B%E3%82%93%E3%81%A7%E3%81%97%E3%81%9F%E3%80%82%E3%80%8D%E3%81%A8%E3%81%AA%E3%82%8A%E3%81%BE%E3%81%99%E3%80%82?hl=ja -
スマホの商品詳細ページでサムネイル画像を一覧で確認できるようにしておくと、訪問者も見たい写真がすぐに探せて便利です。せっかく用意した商品写真、購入促進のためにも閲覧率を上げたいところです。他テーマでそのまま使う事は出来ませんがDawnでの設定例です。
https://colossal-vanadium-63c.notion.site/Dawn-9cf6812c12a9479999c004643bb8ed95
#Shopify -
ShopifyでメタフィールドもCSVを使って編集したいことがあると思います。デフォルトのエクスポート機能だとカラムが無いので操作できないのですが、そんな時もMatrixifyが便利です。フィルタをかけられるので、特定のフィールド値だけ編集することも可能です。
https://apps.shopify.com/excel-export-import?locale=ja
#Shopify
-
Shopifyのテーマ「Dawn」では商品詳細ページが長い場合、スクロールしてくと「カートに追加」ボタンが見えなくなってしまうので少々不便です。そこでStickyボタンの設定例です。（売り切れ時のボタンラベルまで反映していますが、「追加」固定でも良いかと思います）
https://colossal-vanadium-63c.notion.site/Dawn-f124087ea0044ec19a22d48bea7d526a
#Shopify -
Shopifyのテーマには遷移元のコレクションに合わせて商品ページのパンくずリストを動的に設定してくれるものがあります。withinフィルタの効果なのですが、公式リファレンスにはSEOに関する注記があります。弊社もSEO対策にはこれを使わず別の方法を実装しています。
https://shopify.dev/docs/api/liquid/filters#within
#Shopify
-
Shopifyの商品情報について、バリエーションごとに商品情報も一部切り替えて表示したいというリクエストを頂くことがあります。色々と方法は考えられますが、バリエーションメタフィールドを使った実装例です。
https://colossal-vanadium-63c.notion.site/Dawn-HTML-OK-6affff6dad584643abdbebd028053b74
#Shopify
