Xポストログ

2025年12月21日

【Shopify TIPS】
Shopifyのテーマ「Rise/Dawn」でコード編集によるプルダウン形式の数量セレクターを実装するための設定例

Shopifyのテーマ「Dawn/Rise」の商品ページで、以前ポストした数量セレクターをプルダウン式に変更する場合の設定例（https://store-dojo.com/products/2024-08-13）について、テーマエディタ上でカスタムLiquidを追加して対応する方法ではなく、コード編集によってテーマブロックを使って実装できるようにするための設定例です。

（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS

スレッド

https://store-dojo.com/products/2024-10-25

2025年12月20日

【Shopify TIPS】
Shopifyのテーマ「Rise/Dawn」で商品画像やコレクション画像、ブログ一覧画像を角丸にする設定例

Shopifyのテーマ「Dawn/Rise」の商品情報画面で、商品写真やサムネイルを角丸にしたい場合ですが、すべてテーマエディタの「設定」項目からノーコード・ノーカスタマイズで設定可能です。

（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS

スレッド

https://store-dojo.com/products/2024-10-24

2025年12月19日

【Shopify TIPS】
Shopifyでメニューに登録した内容を、サイトマップとしてリスト表示する設定例

Shopifyのヘッダーに登録・表示されるメインメニューですが、一覧に展開することでサイトマップのように表示させることもできます。その設定例です。

（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS

スレッド

https://store-dojo.com/products/2024-10-23

2025年12月18日

【Shopify TIPS】
テーマ「Dawn/Rise」のコレクションページに閲覧者が表示件数を変更できる機能を追加する設定例

Shopifyのテーマ「Dawn/Rise」のコレクションページで、１ページあたりの表示件数をストアフロント側で変更できるようにする設定例です。変更した表示件数は、同じテンプレートを使用するコレクションで、購入完了するまで維持されます。

（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS

スレッド

https://store-dojo.com/products/2024-10-21

2025年12月17日

【Shopify TIPS】
Shopify Flowをスプレッドシート連携して簡易集計する設定例

Shopify Flowはスプレッドシートと連携ができるので、注文データの一部を抽出してログ計測することで、例えば日次のディスカウント利用率を算出するなど、簡易集計に使ったりもしています。

（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS

スレッド

https://store-dojo.com/products/2024-10-20

2025年12月16日

【Shopify TIPS】
Shopifyのテーマ「Rise/Dawn」の商品情報セクションに追加可能なテキストブロックは「メタフィールド」を動的ソースとして接続し、HTMLタグを使うことで個々にスタイル設定可能

Shopifyのテーマ「Dawn/Rise」の商品ページで、商品情報セクション内に追加可能な「テキストブロック」ですが、テーマエディタ上ではスタイル操作の自由度は小さいのですが、テキストメタフィールド内でHTMLタグを使うことができるので実は自由にスタイル設定できます。

（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS

スレッド

https://store-dojo.com/products/2024-10-18

2025年12月15日

【Shopify TIPS】
Shopifyのテーマ「Rise/Dawn」で特集コレクションや商品サムネイルのカルーセルのスクロール位置を保存しておく設定例

Shopifyのテーマ「Dawn/Rise」の特集コレクションや商品サムネイルのカルーセルは横スクロールが可能ですが、そのスクロール位置をセッション中に保存しておく設定例です。都度スクロールし直さなくてよくなるので、回遊性を高める効果が期待できます。

（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS

スレッド

https://store-dojo.com/products/2024-10-17

2025年12月14日

【Shopify TIPS】
Shopifyのテーマ「Rise/Dawn」の商品詳細ページで関連キーワードを表示し「コレクションのタグ絞り込みページ」or「検索結果ページ」にリンクする設定例（コード編集せずにテーマエディタで設定する版）

Shopifyの商品ページに関連キーワードリンクブロックを表示する設定例ですが、前回（https://store-dojo.com/products/2024-10-15）のようなファイルによるコード編集を必要とせずに、メタフィールドとテーマエディタのカスタムliquidだけで設定することも可能です。

（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS

スレッド

https://store-dojo.com/products/2024-10-16

2025年12月13日

【Shopify TIPS】
Shopifyのテーマ「Rise/Dawn」の商品詳細ページで関連キーワードを表示し「コレクションのタグ絞り込みページ」または「検索結果ページ」にリンクする設定例

Shopifyの商品ページに関連キーワードブロックを表示する設定例です。前回はタグだけでしたが、今回はタグまたはストア内検索を選択できます。必要に応じてテーマエディタから設定可能です。

（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS

スレッド

https://store-dojo.com/products/2024-10-15

2025年12月12日

【Shopify TIPS】
Shopifyのテーマ「Rise/Dawn」でカスタマイズした閲覧履歴セクションを使って「最近見た商品」ページを作成する設定例

Shopifyのテーマ「Dawn/Rise」に実装した「閲覧履歴セクション」（https://store-dojo.com/products/2024-10-12）を使って、「最近見た商品」ページを実装することもできます。その設定例です。

（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS

スレッド

https://store-dojo.com/products/2024-10-14

2025年12月11日

ABテストできるだけで無くデジタル顧客で即座にシミュレーション出来る、膨大な顧客の振る舞いデータを持つShopifyだからこそ出来る機能と言えそう。これは早く試してみたい。

全体的にも専用のAppやFlowまでSidekickに指示出せば作れるようになると言う事で、マーチャントがストアカスタマイズに割くリソースは縮小し、状況に応じてダイナミックに運用に集中できる環境へと進化していっている感じですね。

2025年12月11日

【Shopify TIPS】
Shopifyのテーマ「Rise/Dawn」で閲覧履歴セクションを表示する設定例

Shopifyのテーマ「Dawn/Rise」には標準で商品閲覧履歴が無いので、特集コレクションセクションをベースにjsのlocalStrageとliuidのcart.attributesを使って閲覧履歴セクションを実装する際の設定例です。liquidの制約で最大20件まで表示可能です。

（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS

スレッド

https://store-dojo.com/products/2024-10-12

2025年12月10日

【Shopify TIPS】
Shopifyのテーマ「Rise/Dawn」のブログに未読の最新記事がある場合に自動で「New」バッジを表示し閲覧されるとバッジが消える設定例

Shopifyのブログに未読の最新記事がある際に、ヘッダーやドロワーメニューのブログリンクや記事一覧に自動で「New」バッジを表示する設定例です。記事が表示されるとバッジは消えますが、新しい記事が追加されると再び表示されるようになります。

（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS

スレッド

https://store-dojo.com/products/2024-10-11

2025年12月9日

【Shopify TIPS】
Shopifyのテーマ「Rise/Dawn」のセクションで指定されたタグを持つ（または持たない）アカウントにのみ表示させる設定例

Shopifyテーマのセクションについて、「特定のタグを持つ（または持たない）アカウントにのみ表示」という設定項目を追加することによって、条件に合致する顧客がストアにログインしている時だけ表示されるようにする場合の設定例です。

（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS

スレッド

https://store-dojo.com/products/2024-10-10

2025年12月8日

【Shopify TIPS】
Shopifyのテーマ「Rise/Dawn」の商品ページでメタフィールドに連動するブロックを追加した際に対象商品のメタフィールドに値が無ければ非表示にする設定例

Shopifyのテーマ「Dawn/Rise」の商品ページでは、ブロック要素などに商品メタフィールドの内容を連携させることができますが、全ての商品にメタフィールドが無い場合があります。そんな時は非表示になるようにする設定例です。

（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS

スレッド

https://store-dojo.com/products/2024-10-09

2025年12月7日

【Shopify TIPS】
Shopifyのテーマ「Rise/Dawn」のコレクションページで「売り切れ」状態の商品をバッジではなく写真全面をカバーするように表示する設定例（その２）

Shopifyのテーマ「Dawn/Rise」のコレクションページで売り切れ商品にオーバーレイ表示させる方法ですが、こちらのポスト（https://store-dojo.com/en-us/products/2024-10-05）のようにテーマエディタから編集するのではなく、直接Liquidコードを編集する方法であれば、特集コレクション側も同時に変更可能になります。

（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS