Xポストログ
Xで投稿したShopify関連の内容をそのまま記録しています。
-
【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
スレッド
-
【Shopify TIPS】
すべての対象商品のバリアントを翻訳しないとフィルター項目に未翻訳の項目が混在するので注意が必要Shopifyで翻訳を進める際、当たり前と言えば当たり前の話なのですが、全ての商品バリアントを翻訳しておかないと、コレクションや検索のフィルターに未翻訳の項目が表示されてしまいます。一気にCSVで翻訳してしまうのが良いですね。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
それだけで購入されると困る商品の場合にカート画面から先に進ませないようにする設定例Shopifyでギフト包装などを有料商品として扱う場合、それらだけでは購入できないようにしておきたいところです。そこで対象商品にタグを付けることで、通常商品を伴わない場合はカート画面から先に進めないようにする設定例です。（但し直接チェックアウトURLを指定された場合は防げません）
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
テーマDawnに設置可能なバナー画像カスタムセクションShopifyのストアに画像だけのバナーを表示したい時があるのですが、どのテーマにもちょうど良いセクションがありません。従来はカスタムliquidに直接HTMLを書いていたのですが、利用頻度も多いのでテーマDawnでは独自のカスタムセクションを作成するなどしています。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのコード編集画面の検索機能は正規表現が使えるのでifやfor文を確認しやすいShopifyのコード編集画面には検索機能が備わっており、正規表現にも対応しているので、if文やfor文などを簡単に見つけられて便利です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
コレクションリストページ（/collections）で掲載するコレクションを任意で並べる方法Shopifyのコレクション一覧（コレクションリスト）は、デフォルトで名前や日付、商品数などに基づいてソートされます。しかし、多くの場合はコレクションを自由な順番で並べたいこともあります。そんなときは「コレクションリスト」セクションを使えば、意図した順番にコレクションを並べて掲載できます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
複数の既存商品のhandleを一括で更新したい場合はMatrixifyで対応可能Shopifyの商品handleを一括で変更したい場合、商品管理画面のエクスポート・インポート機能を使うと商品を新たに登録しなおすことになるのですが、Matrixifyを使えば同じ商品情報のhandleを直接更新することができるので便利ですね。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
詳細な絞り込み(タグ)はデフォルト言語以外の言語では表示されないShopifyでコレクションページのフィルターにタグを使うケースがあるかと思いますが、多言語対応する際デフォルト言語以外では非表示になる仕様とのことで気をつけたいですね。代わりにメタフィールドの使用が推奨されています。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
テーマDawnのブログ記事セクションの「記事の抜粋」部分を表示・非表示できるようにする方法Shopifyのテーマ「Dawn」のブログ記事セクションで、サムネイルとタイトルだけ表示したいというケースがあります。そこで「ブログ記事の抜粋」部分を表示・非表示変更できるようにするための設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
テーマDawnでソーシャルアイコンにLINEアイコンを追加する設定方法ShopifyのテーマDawnのソーシャルアイコンにLINEを追加する設定例です。LINEのアイコン画像にはモノクロが使えないため一つだけ浮いてしまいますが、、Instagramやfacebookのアイコンを合わせてカラーに差し替えてしまっても良いかもしれません。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
ブログ記事セクションで特定のタグを持つ記事だけを表示できるようにする設定例Shopifyのテーマ「Dawn」のブログ記事セクションは指定したブログの記事全てが表示対象になりますが、「ニュースの中のイベント情報だけを表示したい」と言った場合に、特定のタグを持つ記事だけを表示できるようにする設定方法です。「すべてを表示」のリンク先もタグで絞り込まれます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド