Xポストログ
Xで投稿したShopify関連の内容をそのまま記録しています。
-
【Shopify TIPS】
Shopiryのテーマ「Dawn」のお問い合わせフォームに 一致しないと送信できない確認用メールフォームを設置する設定例Shopifyのアカウントページと同様に、お問い合わせフォームについてもメールアドレスの間違いは防ぎたいところです。実際、アドレス間違いで返信が届かないということが発生しています。そこで確認用のフォームを設置して入力間違いを防ぐための設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyで{% liquid 〜 %}内の変数を表示させたい場合は “echo” を使用Shopifyのテーマでは長めのロジックは {% liquid 〜 %} タグにまとめて書いたりしますが、コード作成中は処理状況を確認するため変数の値を出力したい時があります。その際、{% liquid 〜 %}内では {{ }}タグを使えないので代わりにechoを使います。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyで注文完了メールのお客様情報の氏名に「様」を付与する方法Shopifyの注文確認メールに掲載されているお客様情報（配送先・請求先住所）ですが、デフォルトでは氏名の部分が呼び捨て表記になってしまっています。「様」などの呼称を付けたい場合はコードを編集して対応する必要がありますがその設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのアプリ「Search&Discovery」のグルーピング機能で絞り込みをシンプルに設定可能Shopifyの商品一覧に絞り込み機能を追加してくれる公式アプリ Search & Discovery ですが、今年の１月にグルーピング機能がリリースされています。細かいサイズ群なども任意の範囲に切り分けてフィルタリングできるようになるので便利ですね。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyでメニューのテキストを日本語・英語で併記するための設定例Shopifyのメニューで英語と日本語を併記したい場合に、区切り文字で入力しておいてsplitで分解して展開する方法が紹介されていました。新規項目の追加や編集もしやすいので便利ですね。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopiryのテーマ「Dawn」で在庫切れの商品に表示されるラベルを商品ごとにメタフィールドで指定できるようにする設定例Shopifyのテーマ「Dawn」で、商品詳細や商品一覧の在庫切れ商品に表示される「売り切れ（テーマのコンテンツ編集から変更可能）」の文字ですが、これを商品ごとに任意の内容に変更するための設定例です。定期的に在庫が補充される商品についてラベルを設定しておくなどの使い方になります。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyで特定のパラメータで流入された際にそのパラメータ名と値をorder.attributesとして注文情報に引き継ぐ設定例少々マニアックなカスタマイズ事例です。アンバサダー施策などで特定の流入経路からの購入であることがわかるように、パラメータ名とその値を注文データに引き継ぐための設定例です。ストアアクセス時に指定されたパラメータが付与されていればcart attributesに値を渡します。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopiryのテーマ「Dawn」でカートの商品を削除する際に確認ダイアログを表示する設定例Shopifyのテーマ「Dawn」ではカートに入っている商品の削除ボタンを押すと、確認メッセージなど表示されず即座にアイテムが取り除かれます。そこで誤って削除されないようにするためダイアログを表示する方法です。（cart.jsを修正するのでテーマバックアップを行なってから実装して下さい）
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyでチェックアウト画面の配達先住所入力欄のプレースホルダーに入力例を表示して入力漏れを防ぐShopifyのチェックアウト画面はPlusを契約しないとカスタマイズできないことがほとんどですが、入力フォームのプレースホルダーは変更ができます。詳細住所の入力不備で配達不能な注文を削減するためにも、入力例などを追記しておくと良いですね。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopiryのテーマ「Dawn」のアカウント作成ページで一致しないと送信できない確認用メールフォームを設置する設定例Shopifyのアカウントは(Shopifyに依頼して設定変更しない限り)メールアドレスの受信確認なしで登録可能です。そのためアドレスを間違えて登録された場合、再ログインできない可能性があります。そこで確認用のフォームを設置して入力間違いを防ぐための設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPSスレッド
https://store-dojo.com/products/2023-10-06
-
【Shopify TIPS】
Shopiryでメタオブジェクトを使った作業実績(イベント)履歴管理本来の使い方ではないのですが、マーチャントさんと相談の上、メタオブジェクトを使って作業実績を保管している事例です。作業スケジュールなど別途管理することがほとんどですが、これをやっておくとShopify単体で状況把握できるので引き継ぎもしやすいです。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS #メタオブジェクト
スレッド
-
【Shopify TIPS】
Shopiryのテーマ「Dawn」のスライドショーセクションでボタンコンテナが非表示でもリンクは有効にしておきたい場合の設定例Shopifyのテーマ「Dawn」のスライドショーセクションですが、リンク先を指定する際はリンクボタンとして画像の上に表示されます。これはこれで導線としてわかりやすくて良いのですが、場合によってはボタンは表示せずに画像全体にリンク先を指定したい時があります。その設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopiryのテーマ「Dawn」のお問い合わせフォーム送信完了後に別URLにリダイレクトする設定例Shopifyのテーマ「Dawn」のお問い合わせフォームですが、デフォルトでは送信が成功するとその場でメッセージを表示して完了となります。ただ、計測のためだったり別途フォームの無いメッセージを表示したいなどの目的から、別のページ（URL）に飛ばしたい時があります。その設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
ShopiryのテーマDawnのコレクションの商品サムネイルに１枚目・２枚目以外の画像を指定できるようにする設定方法ShopifyのテーマDawnのコレクションページに表示される商品写真は、商品情報に登録した１枚目（マウスオーバー時は２枚目）の画像に固定されていますが、これを任意の画像を指定できるようにする設定方法です。メタフィールドに入力欄を設けているので、商品ごとに指定が可能です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopiryの注文確認メールにも配送日時を表示する設定例Shopifyで購入後に送られる「注文の確認」メールにも注文時に指定された配送希望日時を掲載しておきたいというご要望をいただくことがあります。配送希望日時を指定するアプリによって項目名は異なりますが、注文詳細画面に表示される項目名を使って掲載可能です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
テーマDawnのブログ記事一覧で記事カードに「もっと見る」リンクを表示できるようにする設定例テーマ「Dawn」のブログページには各記事カードに「もっと見る」リンクがありません。とあるストアではヒートマップツールによる分析結果から、ユーザーが記事カードを全くクリックしていない事がありました。そこで明示的にリンクテキストを表示する対策を取りましたが、その設定方法です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
特定のタグを持つ商品が購入された時、注文確認メールに特記事項を記載する設定例Shopifyで購入後に送られる「注文の確認」メールですが、LIQUIDやHTML、CSSを使って内容を編集することができます。例えば、特定のタグを持つ商品が購入された際に、そのタグを持つ商品に関する特定のメッセージを表示させるための設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
テーマDawnでアカウント作成時に姓名入力欄を必須にするShopifyのアカウント登録画面は、デフォルトではメールアドレスとパスワードだけあれば登録できてしまいます。とはいえ氏名の入力率は低くないので必須にする必要はないかも知れませんが、「どうしても必須にしたい」という場合の設定方法です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
-
【Shopify TIPS】
Liquidの文字列と数字の値を評価するときは型を揃える必要ありShopifyのLiquidでは基本的に動的に型を解釈して比較を行ってくれるのですが、明示的に型変換した方が良いときがあります。文字列と数字の値比較などですね。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
商品ごとにあらかじめ指定しておいた在庫数を下回ったら管理者宛通知を送る方法Shopify Flowには在庫が基準値を下回ったら通知してくれる便利なフローがあらかじめテンプレートとして提供されているのですが、商品によっては通知したいタイミングが異なるケースもあります。そこで、少し手を加えてタグで通知基準を指定できるようにしておくと使い勝手が良いです。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド