Xポストログ
Xで投稿したShopify関連の内容をそのまま記録しています。
-
【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
スレッド
-
【Shopify TIPS】
テーマ「Dawn」のコレクションページで価格を非表示にする設定例Shopifyのコレクションページには価格を表示せず商品詳細でのみ表示したい、というケースがありました。テーマ「Dawn」にはデフォルトで価格を非表示にする設定は付いていないので、その実装例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyの稼働状況を確認できるページShopifyもSaasなので時々管理画面にアクセスできない時がありますが、そんな時はこちから稼働状況をチェックできます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Matrixifyを使って一括で未登録顧客にアクティベーションメールを送る何かと便利に使わせていただいているMatrixifyですが、インポートした顧客に向けて一括でアクティベーションメールを送ることができる点もありがたいですね。過去にもいくつかの案件で、数万件規模の顧客に対して（時間はかかりましたが）無事に案内することができました。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
どちらか一方を使うと両方とも使用不可になるクーポンの設定例Shopifyで、あるクーポンを使うと別のクーポンも利用できなくなるようにするための設定例です。分析しやすいように流入経路ごとに異なるクーポンコードを配りつつも、どちらか一方しか使えないようにしたい時などに設定します。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
テーマ「Dawn」で「ページ」にメタフィールドを使ってOGP画像を設定する方法Shopifyではホームや商品詳細、ブログなどSNSでシェアする際に表示されるOGP画像は標準で個別に設定できるのですが、「ページ」だけはそうなっていないため全てホームのOGP画像が表示されてしまいます。なので、こちらもメタフィールドを使って個別に設定できるようにしておくと便利です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
テーマ「Dawn」の特集コレクションセクションに、オプションとして「ソート順」と「売り切れ商品は非表示」を追加する設定方法Shopifyのテーマ「Dawn」のトップページで使うことが多い特集コレクションセクションですが、このセクション上でのみソート順を変えたり売り切れ商品を非表示にするための設定方法です。遷移先のコレクションの内容はそのままに、トップページには売り切れ商品は出したくない時に使います。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
トップページの内容を独自にカスタマイズしたい場合の対応例Shopifyのテーマカスタマイズをする際、トップページをゴリゴリに変更したい時があるのですが、トップページにはHTMLやCSSを直接書くための専用のliquidファイルはありません。そこで複数または１つのカスタムセクションを作成して、そこに独自コードを書く形で対応しています。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
blogタグのURLを英語、表記を日本語にする設定例Shopifyのブログは記事に設定したタグが日本語の場合、そのまま日本語URLになってしまうのですが、SEOの観点から英語にしたい時があります。そんな時はタグは英語で設定し、コード側で表記を変える処理を加えるなどしています。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopify公式の言語翻訳アプリ「Shopify Translate & Adapt」Shopifyの言語翻訳にはいろいろなアプリがありますが、公式の Translate&Adapt は ほぼ全てのデータを直感的に翻訳できて便利ですね。Google翻訳 (http://cloud.google.com/translate) で最大2言語まで無料で自動翻訳が可能で、手動では必要な数だけ翻訳を追加できます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド