Xポストログ

商品詳細画面ですべての写真を載せてしまうのではなく、バリエーションごとに表示するサムネイルセットを変えたい時はこちらのアプリが便利です。さまざまなストアに導入させてもらっています。
https://apps.shopify.com/variant-image-automator
#Shopify

Shopifyにはサイズやカラーなど複数のバリエーションを持つ商品をコレクションページに同時掲載できるアプリはいくつかあるのですが、こちらのアプリは掲載する点数が多すぎると、スタックしてしまって画面がまったく描画されなくなってしまうので注意が必要です。
https://apps.shopify.com/variable-products?locale=ja
#shopify

商品情報を登録する際、ショッピング広告用に「商品カテゴリ」はリスト選択したものを設定しますが、商品タイプに親カテゴリを含めた文字列で設定しておくと、親子構造を持った自動コレクションが作りやすくなります。
プロジェクターは電気製品、映像それぞれのコレクションに表示されます。
#Shopify

Liquidでは除数と同じ型の結果になります。つまり整数で除算すると、結果は整数になります。小数点が出るはずの数字が必要な時は気をつけないといけませんね。（それを知らずにしばらく悩みました）
#Shopify #liquid

Shopifyはテンプレートが豊富なもののStoreHeroではオリジナルデザインの作成を請け負う機会も多く、ワイヤーフレームの作成からデザインFIXまでは基本的にFigmaを使っています。デザインに限らずマーチャント様とは情報や進捗、コンセプトなど幅広く共有しやすいのでやはり便利ですね。
#Shopify

コードを直接編集せずにテンプレートごとに処理を出し分けたい場合「カスタムliquid」セクションを使うことがあります。（Javascriptを埋め込むだけならカスタムHTMLセクションで良いのですが、デフォルトテンプレートDawnには入って無いので）
#Shopify

ギフトカードとクーポン、用途は勿論ですが注文データが異なる点も気をつけたい所です。クーポンはDiscountなので直接「売上額」がマイナスされるのですが、ギフトカードは決済方法として計上されるので、後日割引額を集計する際など注意が必要です。
#Shopify

契約プランの関係でShopify Flowが使えない時は、Mechanicを採用することが多いです。最初から膨大なタスクが用意されておりそのまま使えるものが結構ありますので助かります。「在庫が○件以下になったらメール通知」は設定する機会が多いです。
https://apps.shopify.com/mechanic?locale=ja

Google Analyticsでサイト内検索を計測している場合、「行動＞サイトコンテンツ＞すべてのページ＞ページタイトル」のページで「結果0件」とフィルタをかければ、対策が必要な検索ワードを見つけることができます。（0件を表すページタイトルはテーマにより異なりますのでご注意ください）
#Shopify

マーチャント様から日々様々な希望要件を頂きますが、アプリストアのおかげで開発せずに機能実装できるケースは非常に多いです。
ちなみにお試し実装によってビジネス要件側を変更した方が良いと気付ける事もよくあるため、個人的にはそちらのメリットの方が大きいと感じています。
#shopify

Shopifyでプロトタイプを作成する時などデモデータがあると色々と助かるわけですが、そんな時に便利なのがこちらのアプリ「Simple Sample Data」。@toritori0318に教えてもらいました。
https://apps.shopify.com/simple-sample-data?locale=ja
#Shopify

クーポンの組み合わせが使えるストアが徐々に増えてきました。
色々なケースを調べていますが、「注文と商品のディスカウントは組み合わせできない」「複数の商品のディスカウントは掛け合わせではなく割引額が最も高いものが適用される」点に注意が必要そうです。https://bit.ly/3EKtLzT
#Shopify

多くのストアに関わらせて頂いていることもあり、ストア様ごとにアカウントを分けて管理しているのですが、その中の一つにPinterestがあります。定期的に送られてくるレコメンドメールの精度が非常に高く、マーチャント様とのコンセプトすり合わせのためのムードボード作成用に重宝してます。
#shopify

弊社の資産の一つにアプリやShopify設定の膨大なマニュアルがあるのですが、こちらのサービスを使って作ることが多いです。操作アクションをトリガーに画面をキャプチャしてくれるのでサクッと手順書が仕上がります。
https://www.tango.us/

以前はTheme kitを使ってローカル環境でコードを書いていましたが、Online Store 2.0のテーマで作業することも増え、今ではほぼ全てShopify CLIで作業するようになりました。ホットリロードなど色々便利で作業がはかどるので助かります。（と言いつつテーマエディタも使ってはいるのですが）
#Shopify

Shopifyのダイレクトリンク、カート画面を挟まない「今すぐ購入」リンクは管理画面から取得可能なのですが、パラメータ付きで遷移させたい場合の方法が見つからずにおりました。「/cart/add?〜」のパラメータの一つとして「&return_to=/checkout」とする必要がありました。
#shopify

Shopifyの管理画面から注文情報の削除・編集を行うとマイページの注文履歴に反映されない問題。自分も調べてみたのですが「refund.refund_line_items」でline_item.idを取得できず、キャンセルされたアイテムを突合して非表示にすることができませんでした。残念。
https://bit.ly/3rO2O6S
#shopify

Shopifyの商品情報に設定する「商品タイプ」ですが、サジェストされる標準タイプから選んでおくとGoogleやInstagramとの連携もしやすいので後々重宝します。
ちなみに種類が膨大なので、予めこちらのリストからざっと確認しておくことをオススメしています。
https://help.shopify.com/txt/product_taxonomy/ja.txt
#shopify

Shopifyでスニペットを呼び出す際、基本的には非推奨のincludeではなくrenderを使う必要があります。
ただ、カート画面でアイテムのループ処理をスニペット側で行なっているテーマで呼び出し元のテンプレート側の変数を操作したい時などは、その時に限りincludeを使うこともあります。
#shopify

QRコードなどにクーポン適用済みのURLを設定することがありますが、リンク先のページがパラメータを持つ場合には、記述の仕方に少し気を付けなければいけません。リダイレクト先URLのパラメータの一つ目を「?」から「&」に変更する必要があります。
#shopify #Growth