Xポストログ

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

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

  • Shopifyのテーマ「Dawn」のドロワーメニューにバナー画像を表示する設定例ですが、メニューリストの下に表示させるにすることもできます。
    https://x.com/sh_sakamoto/status/1795666374808973364
    #Shopify

    Xで見る
  • Shopifyのテーマ「Dawn」のドロワーメニューにバナー画像を表示する設定例ですが、メニューリストの下に表示させるにすることもできます。
    https://x.com/sh_sakamoto/status/1795666374808973364
    #Shopify

    Xで見る
  • Shopifyのテーマ「Dawn」のトップページで利用することが多い「特集コレクション」ですが、「もっと見る」ボタンを右上に表示したいというリクエストをいただくことがあります。その設定例です。上下の幅を取らなくなりますね。
    #Shopify

    Xで見る
  • Shopifyのテーマ「Dawn」のドロワーメニューにバナー画像を表示する設定例です。この設定を使えば、クーポンの配布やイベント告知、新商品の案内などに活用できます。
    #Shopify

    Xで見る
  • Shopifyのコレクションページのフィルターにカラースウォッチを表示するにあたって前回はコードで対応しましたが、今回はバリアントメタフィールドとメタオブジェクトの組み合わせによるノーコードでの設定例です。
    https://x.com/sh_sakamoto/status/1790955334921752764
    #Shopify

    Xで見る
  • Shopifyのテーマ「Dawn」の告知バーはデフォルトでテキストとリンク先を指定できるのみなので、カスタムLiquidブロックを追加できるようにした設定例です。任意のHTML/CSS/Javascritp/Liquidコードを挿入できることで表現力の高い告知が可能です。
    #Shopify

    Xで見る
  • ShopifyのテーマDawnで購入履歴のあるアカウントに対して購入済み商品を表示するセクションの設定例です。「特集セクション」を複製している関係で、購入バリアントの出し分表示はできないのですが、指定件数を表示可能です。購入頻度の高い商品を扱うストアでのリピート購入を促せます。
    #Shopify

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

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

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

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

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

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

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

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

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

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

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

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

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

    Xで見る