Xポストログ

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

  • Shopifyのテーマ「Dawn」ではトップ(ホーム)ページの名前は「オンラインストア>各種設定」から設定できますが、他のページのタイトルの後ろにも同じ内容を表示させたい場合は、「設定>ストアの詳細」からストアタイトルを編集することで設定可能です。
    #Shopify

    Xで見る
  • Shopifyのテーマ「Dawn」のヘッダーにあるカートアイコンでは通常カート内のアイテム数が表示されますが、その代わりにカート内商品の合計金額を表示するようにした設定例です。
    #Shopify

    Xで見る
  • こちらは基本的にストア構築中のテスト用なのですが、Shopifyのカート内のアイテムを一括削除するためのリンク設定方法です。
    #Shopify

    Xで見る
  • Shopifyのテーマ「Dawn」で商品価格の「税込」表記の部分ですが、テーマのバージョン15.0.0以降で「税込。」と「。」が付いてしまうようなので、「デフォルトテーマのコンテンツを編集する」から直しておいた方が良さそうですね。
    #Shopify

    Xで見る
  • Shopifyの顧客セグメントは様々な条件で抽出可能ですが、その中の一つ「最終購入日」を使って休眠顧客を抽出する設定例です。プルダウンに例示される条件で「<=」は「日付以前」とありますが「相対日(月)」の指定も可能なので、現時点からの直近n日間未購入アカウントが抽出できます。
    #Shopify

    Xで見る
  • Shopifyの日本向け新テーマ「Rise」についてですが、基本構造が「Dawn」に非常に似ているため、過去に紹介した施策事例がそのまま適用できるケースが多くあります。たとえば、モバイルでの3列表示も「Rise」で問題なく実装できました。
    https://x.com/sh_sakamoto/status/1677515827871117312
    #Shopify

    Xで見る
  • Shopifyのテーマ「Dawn」などに標準で設置されているメルマガ登録フォームは登録済みアカウントの場合に何もメッセージが表示されないのですが、Shopify Formsを使うと「メルマガ登録完了」状態を何度も表示できるので差し替えるのもアリですね。
    https://apps.shopify.com/shopify-forms?locale=ja
    #Shopify

    Xで見る
  • ShopifyのテーマDawnには様々なセクションがありますが、見出し(タイトル)の配置位置について設定項目が無いのでカスタムCSSで調整します。なお、セクションタイプによって設定方法が異なるので、それぞれの設定例です。
    #Shopify

    Xで見る
  • 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で見る