Xポストログ

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

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

  • Shopifyのテーマ「Dawn/Rise」のスライドショーセクションですが、ボタン部分以外の画像全体にもリンクを指定したいケースがあります。その設定例です。 ボタンを有効にしているスライドに適用されます。
    #Shopify

  • @MakiNumano そうですね。Matrixifyを使ったやり方としましてはこのような感じになります。

  • Shopifyのテーマ「Dawn/Rise」のメニューに親子構造を持たせると、親メニューをクリックした際はその下の子・孫メニューを開くだけでその画面には遷移できなくなってしまいます。なので親メニューにも遷移させたい場合、「○○○すべて」等のメニューも設置してもらうようにしています。
    #Shopify

  • 以前紹介したMatrixifyを用いた方法とは別に、Shopify Flowを用いて割引セールを自動的にスケジュールする設定方法です。Flowアクションで割引価格を設定することができないので、同じSKUを持つ2つの商品を用意して表示を切り替えることで対応しています。
    https://x.com/sh_sakamoto/status/1733335663578345820
    #Shopify

  • Shopifyのテーマ「Dawn/Rise」のコレクションページでデスクトップ用画面の絞り込みフィルターを左サイド表示している際に、最初から全て展開しておきたい場合の設定例です。ユーザーテストするとわかりますが、見えないものは意外と気づかれないので、最初から開いておくのも良いですね。
    #Shopify

  • Shopifyの商品詳細ページで、タブ切り替えの商品説明を掲載したい場合の設定例です。テーマ編集で商品情報セクションの中にタブ切り替えを行うJavascriptとcssを設定した上で、商品情報の「商品説明」内に対応フォーマットに沿ってHTMLタグを設定します。特にテーマの制限はありません。
    #Shopify

  • Shopifyのテーマ「Dawn/Rise」の商品画面で数量を指定してカート追加する際、通常は在庫数以上に指定することが可能になっていますが、在庫上限までしか指定できないようにしたい場合の設定例です。増分ボタン、数値入力ともに上限値までしか入力できないようになります。
    #Shopify

  • Shopifyのテーマ「Dawn/Rise」の商品ページで、数量セレクターを「+/-」ボタン（または直接数値入力）ではなく、プルダウン式に変えたい場合の設定例です。ボタンをタップせずに即座に希望数量を選択できるため、商材によっては利便性が高まります。
    #Shopify

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

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

  • 前回の「Shopifyのテーマ「Dawn/Rise」のコレクションページで表示件数を切り替える」カスタマイズを行った際、そのままですと注文の「追加の詳細」にその情報が保持されます。特に保持する必要がなければ、main-cart.liquidに１行コードを追加しておきます。
    https://x.com/sh_sakamoto/status/1848212616147267678
    #Shopify

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

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

  • Shopifyの日本向け新テーマ「Rise」についてですが、基本構造が「Dawn」に非常に似ているため、過去に紹介した施策事例がそのまま適用できるケースが多くあります。たとえば、コレクションの連続読み込みも同様に実装できました。
    #Shopify

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

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

  • Shopifyの商品ページに関連キーワードリンクブロックを表示する設定例ですが、ファイルによるコード編集を必要とせずに、メタフィールドとテーマエディタのカスタムliquidだけで設定することも可能です。
    https://x.com/sh_sakamoto/status/1846038292451688916
    #Shopify

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

  • Shopifyのテーマ「Dawn/Rise」に実装した「閲覧履歴セクション」を使って、「最近見た商品」ページを実装することもできます。その設定例です。
    https://x.com/sh_sakamoto/status/1844951128368349362
    #Shopify

  • 前回の「Shopifyのテーマ「Dawn/Rise」にカスタマイズした閲覧履歴セクションを実装する」カスタマイズを行った際、そのままですと注文の「追加の詳細」にその情報が保持されます。特に保持する必要がなければ、main-cart.liquidに１行コードを追加しておきます。
    https://x.com/sh_sakamoto/status/1844951128368349362
    #Shopify