Xポストログ

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

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

  • Shopifyの商品ページにサイズチャートを追加する際、様々な表示方法がありますが、メタオブジェクトを用いた設定方法が汎用性が高く長期的な運用に耐えやすいと感じています。商品タイプごとに異なるフォーマットが必要になりつつも同じ設定を複数の商品で使用したい際など利便性が高いです。
    #Shopify

  • Shopifyの購入完了後の画面で、入力された名前とメールアドレスを引き継いで会員登録を促す設定例です。購入済み顧客の場合、会員登録時のパスワードを受け付けずにメールアドレス認証が飛ぶので、パスワード入力欄を非表示にして「作成する」ボタンを押すだけでOKの状態にしています。
    #Shopify

  • Shopifyのテーマ「Dawn」のコレクションページでは通常、商品写真、タイトル、価格、レビューなどを表示することができますが、これに加えて商品説明の一部を引用したい場合の設定例です。商品詳細ページに遷移せずに商品内容を把握してもらいやすくできます。文字数の調整も可能です。
    #Shopify

  • ShopifyのテーマDawnで特設ページや特定の商品に誘導したい特集バナーを掲載したい時は、「画像バナー」よりも「マルチカラム」セクションを使う方が、想定する運用イメージに近いケースが多いかと思いますのでオススメです。
    #Shopify

  • Shopifyのコレクションページに複数のバリエーションを持つ商品を掲載する際、デフォルトではない特定カラーの商品を最初から表示しておきたいケースがあります。テーマ「Dawn」で、コレクションメタフィールドを使って任意のバリエーション値を指定して表示する設定例です。
    #Shopify

  • 前回の設定例をもとに、Shopifyでよくある質問の項目を１つひとつのページとして登録した場合、その内容を検索することもできるようになります。そこで、FAQ専用の検索フォームとその結果を表示できるようにするための設定例です。（設定①と②は前回とほぼ同じ）
    https://x.com/sh_sakamoto/status/1754354161875914982
    #Shopify

  • ShopifyのFAQページは１ページの中にアコーディオン型で展開することが多いのですが、質問と回答項目を１つずつ独立したページで登録したいときがあります。他にもページが登録されているストアで、よくある質問一覧ページで対象のFAQ項目ページだけを抽出するためのコード例です。
    #Shopify

  • Shopifyでブログ記事の中に商品情報を表示しようとする場合、HTML編集モードで画像URLや価格などを直接記載するしかないのですが、独自タグを定義してhandle（とvariant id）だけで指定できるようにする方法です。商品情報を変更すると記事側にも自動で売り切れやセール状態が反映されます。
    #Shopify

  • ShopifyのテーマDawnの「特集コレクション」セクションは商品数が表示数よりも多い場合に「すべてを表示する」ボタンが表示できまるのですが、ボタンラベルが固定化されています。そこで、特集コレクションごとに自由に指定できるようにするための設定例です。
    #Shopify

  • Shopifyのテーマ「Dawn」のブログ記事一覧でブログ記事に設定されたタグをリスト形式で表示する設定例です。表示させたくないタグの除外指定もできます。
    #Shopify

  • Shopifyでは通常「カートに追加する」ボタンのラベルは「デフォルトテーマのコンテンツ編集」で変更できますが、テーマエディタを使ってテンプレートごとにラベルを指定できるようにする設定例です。
    #Shopify

    スレッド

    すいません！設定手順画像が一つ抜けておりました。
    （最近投稿画像を全部確認できなくなっておりまして）