Xポストログ

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

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

  • @aile4624 そうですね。Dawnで設定された上でヘッダーのHTMLなど変更されてないようでしたら、ここを加えていただくと非表示にできます。

    Xで見る
  • ストア分析のためのヒートマップツールは色々とありますが、Shopifyで実際に使えるものとしてはこのようなものがあります。
    - Lucky Orange:https://apps.shopify.com/lucky-orange?locale=ja
    - Clality:https://clarity.microsoft.com/
    - hotjar:https://www.hotjar.com/
    #Shopify

    Xで見る
  • Shopifyには全商品表示用のコレクション「collections/all」が最初から用意されているんですが、文字通り全ての商品を自動で表示する上に管理画面からは操作することができません。
    そこでallコレクションを独自に作成することで、掲載対象商品や表示順をコントロールできるようになります。
    #shopify

    Xで見る
  • Shopifyのプレビュー機能で、下書き状態の商品やページ、ブログ記事を控えのテーマで確認する方法です。
    この方法がわからず、毎回一時的に公開していたのですがパートナーさんに教えて頂きました。ありがとうございます!下書き状態のまま確認できるのはありがたいですね。
    #Shopify

    Xで見る
  • Shopifyのブログ記事メタフィールドを使って商品ページとブログ記事に相互リンクを設定する方法です。テンプレートのカスタマイズが必要になりますがカスタムLiquidで埋め込むことができます。商品情報が下書きや削除で非掲載になるとリンクも消えるので、メンテナンスもしやすいです。
    #Shopify

    Xで見る
  • 先日ツイートした内容の補足です。テーマ「Dawn」に限った内容ですが、スマートフォンでもヘッダーのテキストメニューを表示可能にするCSSコードの改修例です。添付画像にも注記していますが他のテーマでは実装方法が異なりますのでご注意ください。
    https://x.com/sh_sakamoto/status/1619204287309180929
    #Shopify

    Xで見る
  • ShopifyのLiquidコードでURLパラメーターを取得する方法です。別の投稿でもチラッと触れましたが、page.urlではパラメータより前までしか取得できなかったので、この方法を参考にさせていただいて実装しています。
    https://fullmetalworkshop.com/developer-blog/get-the-shopify-url-parameters-in-liquid-code/
    #Shopify #liquid

    Xで見る
  • Shopifyで、商品の予約公開ではなく指定日まで購入できない形で事前公開したいリクエストを頂くことがあります。そのためのアプリもあるのですが、運用中に様々な事情で細かい対応が発生するケースが多いこともあり、前提条件付きですがメタフィールドを用いて独自に実装したりもします。
    #Shopify

    Xで見る
  • @ryu_techgeek あ、そうですね。複数のテンプレートを持つページタイプでは全てが対象にしてしまうので、おっしゃる通りです。
    正しく「テンプレートごとに」挙動を分けたい時は、templateオブジェクトで判別頂く方が良いですね。ありがとうございます。

    Xで見る
  • ShopifyではLiquidを使って特定のテンプレートごとに処理を振り分けたい時があります。そんな時は http://request.page_type タグを使って判別するのですが、判別可能なページ種別一覧がこちらになります。
    https://shopify.dev/api/liquid/objects/request?shpxid=0bd161f6-C14F-4F29-077F-2788E509F749#request-page_type
    #Shopify

    Xで見る