Xポストログ

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

2024年7月の投稿 絞り込みを解除

  • Shopifyのコレクションページでランキング表示する方法を応用して、少々無理やりですが「特集コレクション」セクションも同様にテーマエディタからの編集のみでランキング表示できるようにした設定例です。
    https://x.com/sh_sakamoto/status/1617462348968783872
    #Shopify

    Xで見る
  • Shopifyのコレクションページでランキングを表示する際、以前紹介した方法は「コード編集」画面から操作する必要がありましたが、今回はテーマエディタだけで編集できる設定方法です。
    https://x.com/sh_sakamoto/status/1617462348968783872
    #Shopify

    Xで見る
  • Shopifyのカートページに設置されている「買い物を続ける」リンクですが、固定で「collections/all」が指定されています。ショッピング途中など、前に見ていたページに戻りたいケースも多いので、直前ページにリンクするようにしておくのも良いですね。
    #Shopify

    Xで見る
  • Shopifyのテーマ「Dawn」の「折りたたみ可能なコンテンツ」セクションはデフォルトで「最初の行を開いておく」ことができますが、前回のカスタマイズ内容を同じように適用すれば、こちらも任意の行を開いておくことができるようになります。
    https://x.com/sh_sakamoto/status/1817047263249859014
    #Shopify

    Xで見る
  • @machitake__ ですよね。ちょっと癖があってうまく動かないケースもあるのですが、こちらのChrome拡張は大量のメニューを別ストアにエクスポート・インポートしたいときなど便利でした。
    https://chromewebstore.google.com/detail/shopify-menu-assistant/kapgbdjkajejnjkbppedkdjkibijnffi?pli=1

    Xで見る
  • Shopifyのテーマ「Dawn」の商品ページで挿入可能な「折りたたみ可能」ブロックですが、複数設置した際に一つだけ最初から開いておきたいというリクエストをいただくことがあります。その設定例です。
    #Shopify

    Xで見る
  • ShopifyのテーマDawnで、メニュー内の各コレクションページのリンクに商品数を表示したいケースがありますが、その設定例です。メニュー要素の`link.object`にコレクション情報が入ってくるので、あとは通常のcollectionオブジェクトと同じようにproducts.sizeで商品数が取得できます。
    #Shopify

    Xで見る
  • Shopifyのカート画面でカートが空のときだけおすすめ商品を表示し、カートに商品が入った際は非表示にしたいケースがあります。例えば「特集コレクション」セクションを使って特定のコレクションを掲載する場合、liquidの冒頭に少し手を加えて非表示条件を指定するなどしています。
    #Shopify

    Xで見る
  • Shopifyのテーマ「Dawn」にはトップページのキービジュアルとして使用することが多い「スライドショー」セクションがあります。テーマエディタで表示順を調整することができるのですが、アクセスするたびにランダムで表示したいケースがあります。その設定例です。
    #Shopify

    Xで見る
  • Shopifyのテーマ「Dawn」はデフォルトの状態では、セール中の商品が少し目立ちにくいので、値引き商品のバッジや価格のカラーを変更するのも良いですね。
    #Shopify

    Xで見る
  • Shopifyのテーマ「Dawn」のコレクションページで、商品と商品の間の余白を無くしたレイアウトで表示したいケースがあります。その際のカスタムCSS設定例です。
    #Shopify

    Xで見る
  • Shopifyの会員登録フォームで誕生日を顧客タグに設定しかつ顧客年齢をメタフィールドに設定できるようにした際、その顧客が誕生日を迎えたら自動で年齢を更新できるようにしたShopify Flowの設定例です。
    https://x.com/sh_sakamoto/status/1814510545904476568
    #Shopify

    Xで見る
  • Shopifyの会員登録フォームで顧客の誕生日をタグとして取得したら、そのタグを元に顧客の年齢を自動でメタフィールドに挿入できるようにするためのShopify Flowの設定例です。
    #Shopify

    Xで見る
  • Shopifyのテーマ「Dawn」のマルチカラムセクションに少し手を加えて画像にもリンクが設定されるようにカスタマイズすることで、よく見かけるスタイルのバナー掲載枠としても活用することができます。
    #Shopify

    Xで見る
  • Shopifyの注文管理画面で配送先住所に不備がある場合、アラートが表示されるようになりました。さらにそこから住所確認メールを送信できるようになりましたが、カスタムメッセージの欄が空白となので、ご注文頂いた方に住所を確認するためのメール文例です。
    https://colossal-vanadium-63c.notion.site/c284ed24d5be4f3da1344941fd989e39?pvs=4
    #Shopify

    Xで見る
  • Shopify Flowを利用して経過日数ごとにタグを付け替える設定を行うことで、登録後n日目のメルマガ配信に加え、登録後30日や60日などの各タイミングで、ユーザーごとに異なるメッセージやプロモーションをログイン時のストアに掲載することができます。
    #Shopify

    Xで見る
  • ShopifyのテーマDawnには便利なセクションが色々ありますが、その中の一つ「マルチカラムセクション」について。前回の複数列セクションと同様に各項目を一つひとつ入力するのではなく商品情報を指定して表示内容を自動で設定できるようにしたカスタマイズ例です。
    https://x.com/sh_sakamoto/status/1812336220296679909
    #Shopify

    Xで見る
  • Shopifyのテーマ「Dawn」の商品詳細ページの「折りたたみ可能な行」ブロックにメタフィールドの値を設定して表示する際にHTMLタグを使用したい場合があります。デフォルトではHTMLタグがエスケープされてそのまま表示されてしまうので、少し手を加える必要があります。

    Xで見る
  • ShopifyのテーマDawnには便利なセクションが色々ありますが、その中の一つである「複数列セクション」について。ブランク画像の通り商品情報を掲載することが多いのですが、各項目を一つひとつ入力するのではなく商品情報を指定して表示内容を自動で設定できるようにしたカスタマイズ例です。
    #Shopify

    Xで見る
  • Shopifyのsitemap.xmlはrobots.txtのように新規にファイルを作成して編集することはできません。しかし、noindex処理をしているコンテンツを除外したい場合があります。その場合は、メタフィールド「seo.hidden」を指定することで対応できます。
    #Shopify

    Xで見る