Xポストログ

Xで投稿したShopify関連の内容をそのまま記録しています。

2023年2月の投稿 絞り込みを解除

  • Shopifyのメタオブジェクト、色々と用途を模索中です。まずは、これまでテンプレートごとに一つひとつ設定するか無理やりスニペット化して設定していたストア内共有コンテンツを、一元管理するために使ってみることにしました。編集もれもなく管理画面で編集できるので便利になりました。
    #Shopify

  • Shopifyのメタオブジェクトについて色々と調べていますが、Liquidから直接アクセスする方法について早速共有してくれている方がいらっしゃいました。ブログ記事などエディタで動的リソースを指定できないテンプレートから呼び出せるので助かりますね。
    #Shopify #metaobject
    https://joeybabcock.me/blog/shopify/shopify-access-metaobjects-with-liquid/

  • Shopify公式アカウントのアンケートですが、圧倒的な得票率で、ワンページチェックアウトに対する期待値の高さが伺えますね。
    #Shopify
    https://x.com/Shopify/status/1628411262261682177

  • Shopify Flowはどんどん使いやすくなって大変ありがたいのですが、出来そうででき￥ない事もまだあります。そんなときはMechanicアプリを組み合わせると便利です。注文者に対してメールを送りたい機能はまだMechanicにしかないので、例えば添付のようなフローを設定したいときは助かります。
    #Shopify

  • Shopifyの「ファイル」には残念ながら一括ダウンロード機能がありません。そして一つずつURLをコピーしてファイルを取得するのはなかなかに手間を要します。そこでJavascriptを使ってリンクのURLを一括で取得できるようにし、シェルでまとめてファイルをダウンロードするなどしています。
    #Shopify

  • Shopifyで別のストアに同じ環境を作るのは結構手間がかかります。エクスポートしたテーマをそのままインポートしただけでは商品やコレクション以外の画像や動画ファイルが表示されないので、「コンテンツ＞ファイル」ページにも必要なものを移す必要があります。
    #Shopify

  • Shopifyの「従来のお客様アカウント」を有効にした際、アカウント登録後に送られてくるメールで認証しなくてもログインできてしまう問題ですが、以前から議論されていたようです。アップデートはなく、認証必須にするにはCustomer Fieldsを使うしかなさそうですね。
    #Shopify
    https://community.shopify.com/c/shopify-discussions/customer-account-email-verification/m-p/1038863/highlight/true#M223069

  • Shopifyのテーマの中には商品の閲覧履歴をアプリを使わずに実装できるものがあります。WebAPIのlocalStorageを使って実装されているのですが、これを応用すればストア内の検索履歴の表示も可能そうでしたのでサンプルを一つ作成してみました。
    #Shopify

  • Shopifyで現在表示中のページURL（pathname）をJavascriptではなくLiquidで取得する方法を探していたところ、簡潔な方法を紹介している方がいらっしゃいました。実際に検証してみたところ問題なく取得できてました。便利ですね。
    #Shopify
    https://joepichardo.com/blogs/shopify/get-current-url-of-any-page

  • Shopifyテーマは購入せずにお試しできますが、一つひとつ設定するのは少々手間です。
    そこで独自デザインを行わない予定のマーチャント様には予めFigma上に候補テーマを用意しておき、掲載予定の商品やイメージ写真を一括で差し替えて実機プレビューして頂くなどしています。
    #Shopify #Figma

  • Shopifyのテーマには各ページに掲載できるセクションやブロック要素に上限がありますよね。添付はPrestigeテーマのFAQページ例ですが、過去の事例では結構な頻度で上限値に引っかかるケースが多かったので、最近は最初からHTMLブロックを追加して拡張性を担保するようにしています。
    #shopify

  • Shopifyで配送先住所の変更など顧客側で行えるようにするためのアプリ「Orderify」ですが、「注文の編集」＝「キャンセルして同じ内容で再注文」という仕組みのため、クーポンが自動で再適用されなかったりするので注意して運用する必要があります。
    #Shopify
    https://apps.shopify.com/orderify?locale=ja

  • 管理画面の「オンラインストア＞各種設定」で設定できる「ホームページタイトル」ですが、トップページ用の項目です。
    テーマの構造にもよりますが、例えば「Dawn」で他のページにもトップと同じ名前を付記したい場合「設定＞ストアの詳細」から「ストア名」を編集する必要があります。
    #Shopify

  • Shopifyのテーマで複数の画面から呼び出されるスニペットファイルなんですが、どの画面に影響があるか把握しやすいよう、初めて修正かける際はVSCodeで呼び出し元を検索した結果をそのままコードの冒頭に貼り付けたりしています。
    #Shopify

  • Shopifyには非常に多くのアプリがありますが、実装・運用実績や動作検証したものを中心にNotionで独自のデータベースを作ってリスト化しています。そして、ストア構築時には要件定義した内容に基づいて採用可否判断を行い、その場で月額費用などが見積もれるようにしています。
    #Shopify #Notion

  • Shopify Flowの条件指定に正規表現が使えないという件で実例を一つ。
    例えば注文データの不備は注文直後に検知できた方が注文者に連絡が取りやすく助かります。そこで「住所に番地等が無い」といった際、自動でタグ付けorメール通知されるよう設定しておくと便利ですが、その設定例です。
    #Shopify

  • Shopify Flowの条件設定で「英数字から始まる」「数字が含まれない」などのパターンを判別したいケースがあるのですが、その際に正規表現は使えないので全て設定しないといけないとのことでした。少々面倒ですね。
    #Shopify #Shopifyflow
    https://community.shopify.com/c/shopify-flow-app/missing-number-in-address/m-p/1859113#M1203

  • Shopifyで、xmlとは別に画面表示用のサイトマップを表示するための設定例です。公開中の全URLを表示します。
    最近はサイトマップを掲載するサイトは少ないですし、自分達も普段は弊社が立ち上げたものではないストアの改修依頼を受けた際など、ストアの全体像を把握するために使っています。
    #Shopify

  • 今年中にShopifyの１ページチェックアウト画面がリリースされるようです。
    送付先情報入力→配送料確認→決済情報入力の３ステップはやはり長すぎてCVRを下げる要因でしたので、リリースが待ち遠しいですね。
    #Shopify
    https://www.shopify.com/editions/winter2023#one-page-checkout

  • Shopifyの「ファイル」機能、新メニュー「コンテンツ」に移ってアクセスしやすくなりましたね。
    ちなみに個人的にはこの画面で一つひとつファイルを確認するよりも、一括でダウンロードしたり別ウィンドウで開きたい事の方が多いので、独自Viewerのブックマークレットを作るなどしています。
    #Shopify