Xポストログ

Shopifyのテーマ「Dawn」で通貨シンボルを価格と異なるサイズで表記したい場合の設定例その２です。前回と異なりjsを使った方法です。商品ページでバリアントを変更した際や、カート画面で価格変更した場合も適用されます。
https://x.com/sh_sakamoto/status/1730436562872160559
#Shopify

Shopifyのテーマでフッターグループにセクションを追加すれば、ストア全体で共通の要素を表示することができます。カスタムliquidセクションを使ってUNIQLO公式ストアのようなフッター固定メニューを表示する設定例です。
#Shopify

Shopifyの商品情報画面に会員登録を促すプロモーションを開くを設置する設定例です。会員登録（またはログイン）した後は、即座に元の商品ページにリダイレクトされるので、すぐにクーポンを取得してもらえるようになっています。
#Shopify

Shopifyのテーマ「Dawn」のコレクションページで、絞り込みフィルターとして設定されているもののうち１つだけ、ボタン形式で外出しして絞り込みやすくした設定例です。
#Shopify

Shopifyのアカウントページはアカウントセクションが１つしかないため、デフォルトではページタイトルと注文履歴の間に別のセクションを追加することができません。そこでカスタムLiquidを使って、お知らせ枠を追加する設定例です。
#Shopify

Shopifyのテーマ「Dawn」で、アプリを使わずに特定のタグ（例えば「購入制限」など）がついた商品を１回の注文につき１つだけしかカートに追加（購入）できないよう制限をかけたい場合の設定例です。
#Shopify

Shopifyのカート画面でレコメンドできるアプリは色々ありますが、弊社では性能・評価ともに高く、価格も非常に手頃なAlso Boughtをオススメすることが多いですね。
https://apps.shopify.com/also-bought?locale=ja
#Shopify

Shopify Flowを使えば不正の可能性が高い注文が来たら即座に自分にメール通知するなどできるのですが、注文生成をトリガーに条件判別していた項目が非推奨となりました。その代わりOrder risk analyzedトリガーを使う必要があります。
#Shopify

Shopifyの商品価格に「税込」表示を追加したい時は、設定画面の「ストアの詳細：ストア通貨」から「通貨フォーマット」を変更する方法があります。
#Shopify

Shopifyのテーマ「Dawn」のコレクションページで、カラーフィルターを設定した際にスウォッチを表示するための設定例です。商品メタフィールド＋メタオブジェクトでもできるのですが、バリアントフィルターは絞り込んだ後に商品写真を切り替える事ができるのでその利点は活かしたい所です。
#Shopify

Shopifyのテーマ「Dawn」コレクションページの商品カードのレイアウトを横型で表示するための設定例です。カスタムCSSに追記します。（特集コレクションなども同様に設定可能です）
#Shopify

Shopifyのテーマ「Dawn」のトップページに検索フォームと検索候補ワードリストを表示する設定例です。main-search.liquidに記載されている検索フォームに関するコードを引用することで実装可能です。
#Shopify

Shopifyのテーマ「Dawn」の商品詳細ページに追加できるポッポアップウィンドウ用のリンクブロックについて。ただのリンクに見えてしまうので、アイコンを追加してそれとわかるようにしておくのも良いですね。
#Shopify

Shopifyのテーマ「Dawn」のドロワーメニューの中でコレクションのリンクにサムネイル画像を表示する設定例です。商品を探しているユーザーにイメージが伝わりやすくなり、クリック率の向上が図れます。
#Shopify

Shopifyの注文管理画面で追跡番号と配送事業者を設定してフルフィルメントを行った際に、顧客に送られる配送通知メールの配送事業者名を英語ではなく日本語表記となるようにしたい場合の設定方法です。
#Shopify

Shopifyのコレクションページや商品詳細ページに、商品のリリース日を掲載したい場合の設定例です。created_at、published_atは使用せずに、メタフィールドによって任意の日付を指定しやすくしています。
#Shopify

Shopifyのテーマ「Dawn」の商品詳細画面にデフォルトで設定されている「関連商品」セクションですが、自動でサジェストされる商品とは別に独自に指定した商品を表示したい時があります。メタフィールドで指定した商品を優先表示させる設定例です。
#Shopify

Shopify Flowを使って一定金額でノベルティグッズプレゼントを行う実装例に、開催期間の時間制限を加える場合の設定例です。Flowも条件を指定すれば自動で開始・終了を設定可能です。
https://x.com/sh_sakamoto/status/1784069968633442738
#Shopify

Shopifyでブログ記事本文の下に訪問者が感想を投稿できるフォームを設定する方法の例です。お問い合わせフォームセクションを使いつつ、見た目やメッセージをカスタムLiquidで変更することで専用のフォームを用意する必要なく対応できるようにしています。
#Shopify

Shopifyのテーマ「Dawn」で、デフォルトのフッターグループに追加できないセクションがほとんどですが、セクションのschema設定を変更すれば、追加することができるようになります。
#Shopify