Xポストログ

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

  • Shopifyの商品写真には一つひとつaltを指定することができますが、これをテーマ「Dawn」の商品詳細ページで画像のキャプションとして表示する方法です。訪問者の商品理解を促しつつ、SEO効果も期待できます。(画像のaltとキャプションを併用する事はSEOの観点からも特に問題はありません)
    #Shopify

    Xで見る
  • Shopifyの会員登録について、「従来のお客様アカウント」を使う場合、新規登録時は本人認証されることなく登録が完了します。ただし、以前にメルマガ登録やゲスト購入を行っていた場合、メールアドレスは登録済みとなり本人認証が走ります。必ずしも認証が走るわけではありません。
    #Shopify


    スレッド

    こちらの情報を更新致します。
    @shunorc10 さんに教えて頂きまして、サポートに依頼すれば初回の初期設定時から本人認証が入るようにしてもらえる、ということがわかりました(実際に問い合わせしましたところ、添付の通りサポートの方から回答いただけました)。ありがとうございます!

    Xで見る
  • Shopify標準のお問合せフォームの代わりにこのアプリをよく使います。自動応答メールが設定できるほか、有料版では顧客情報を作成・更新して内容のタグ付けやメモ連携ができるので便利です。(タグやメモは既存の内容を上書きしてしまうので運用には注意が必要です)
    https://apps.shopify.com/form-builder-contact-form?locale=ja
    #Shopify

    Xで見る
  • Shopifyのテーマ「Dawn」でモバイル画面の表示列数は標準で1列か2列のどちらかを選択できますが、少し手を加えて3列表示も可能にする方法です。
    #Shopify

    Xで見る
  • Shopifyのテーマ「Dawn」の商品詳細画面は、PC用の画面でも商品説明の表示枠が小さいので、掲載する情報が多くなると少々見づらくなります。そこで、PC画面の時は楽天のように商品説明部分を最初の方に持ってきて、画面幅いっぱいに広げてしまうのも良いですね。
    #Shopify

    Xで見る
  • ShopifyのテーマDawnには商品一覧(コレクション)ページから直接詳細画面に遷移せずにカート追加できる機能が付いていますが、検索結果ページでも使えるようにするための方法です。ほぼ同じ見た目ということもあって、わずかな修正で実装できます。
    #Shopify

    Xで見る
  • Shopifyで一時的にページをリダイレクトしたい場合など、テーマエディタからカスタマイズされたLiquidを使ってjsを書いたりしますが、その際にエディタ上ではjsが動作しないようにしておくと便利ですね。(下手するとその後エディタでもリダイレクトされて画面が編集できなくなるので...)#Shopify

    Xで見る
  • @sshhggo いえ。こちらはコードは公開しておりませんでした。それではこちらに掲載致します。
    https://colossal-vanadium-63c.notion.site/Dawn-027309828c0748da8133f81a7bd15ae1?pvs=4
    なお、あくまでもメニューに設定しているものを表示しているだけなので、実際のパンくずリストの仕組みとは違うのでご注意ください。

    Xで見る
  • コーディネートブログの補足です。商品バリアントのメタフィールドやスタッフのメタオブジェクトは当然他からも参照できます。引用した商品には自動で記事へのリンクが設定されたり、スタッフごとの記事一覧にリンクするなどしておけばSEO対策としても効果的です。
    https://x.com/sh_sakamoto/status/1673193673193029632
    #Shopify

    Xで見る
  • なるほど、このやり方は面白いですね。Shopifyのブログページで本文中に商品情報を引用したいときに独自タグを使って置き換えるための方法です。
    これを応用すれば、ブログ以外にも本文中にliquidコードを挿入しているかのような操作ができそうです。
    https://thefunction.works/how-to-add-product-blocks-inside-your-blog-using-nothing-but-liquid-shopify/
    #Shopify

    Xで見る
  • Shopifyのテーマ「Dawn」の商品詳細で、ページ内スクロールメニューを設置するための「ブロック」設定例です。掲載内容の充実はとても重要ですがその分閲覧率の低下も懸念されるため、項目を明示しつつ誘導できるページ内ナビは特にスマホの直帰率改善に有用です。
    https://colossal-vanadium-63c.notion.site/Dawn-98a7779719c641fcb767bbd6fd6972ce?pvs=4
    #Shopify

    Xで見る
  • Shopifyでセクションやブロックをカスタマイズする際、ブランク画像を生成してくれる`placeholder_svg_tag`フィルターが便利なんですが、プレースホルダー名で出し分けることもできるんですよね。
    https://www.shopify.com/partners/blog/placeholder-images
    #Shopify

    Xで見る
  • Shopifyの管理画面で、商品一覧からはストアフロントのページを直接閲覧できるのですが、コレクション一覧にはその機能がありません。大量にコレクション登録した際など一気に確認したいので、ブックマークレットを作ってしまいました。公式に直接表示する機能が提供されたら有難いですね。
    #Shopify

    Xで見る
  • Shopifyでは独自セッションが追加できます。例えばこちらですが、商品やブログ記事ごとのリストではなくメディアサイトのように記事や商品、コレクションを混在させて表示できるようにしたセクション事例です。テーマに合わせて表示列数の変更や結合も可能です。
    https://colossal-vanadium-63c.notion.site/Dawn-49b35f9b0cc347e78e61f3c02c3aa401
    #Shopify

    Xで見る
  • Shopifyの商品ページでスペック表や関連情報などに使われることが多い商品メタフィールドですが、一覧ページでの絞り込みフィルターとして使うことができます。これを応用して商品ページにリンクを貼っておく設定例です。
    #Shopify

    Xで見る
  • Shopifyの管理画面では商品登録数が表示されず現在何件の商品が登録されているか把握しづらいのですが、URLにcount.jsonを付けることで確認できるようになります(条件を絞った場合もOK)。
    #Shopify

    Xで見る
  • Shopifyのブログを使って、コーディネートブログなどを設置する場合の入力項目設定例です。メタフィールドを使った入力フォーマットによって見栄えをそろえたり、スタッフ情報など複数の記事で共用するコンテンツにはメタオブジェクトで設定しておくと便利ですね。
    #Shopify

    Xで見る
  • Shopifyのメタフィールドで複数の値をセットできる「リスト」形式ですが、タイプに「ファイル」を設定した際、その登録数を取得する方法わからず迷いました。liquidで一般的な「size」で取得可能かと思っていたのですが、countを使うことで取得できました。
    #Shopify

    Xで見る
  • Shopifyのテーマ「Dawn」の「デフォルトのブログ」テンプレートは、1ページあたりのブログ記事カード表示件数が6件に固定されています。一度に表示される件数を増やしたい場合もあるので、表示件数を任意に設定できるようにするための設定例です。
    #Shopify


    スレッド

    失礼しました。一つ手順が抜けてました。

    Xで見る
  • Shopifyでクーポンを配布する際など、チェックアウト画面でクーポンコードを入力してもらうのが一般的ですが、クリックで適用されるようにしてしまうのも良いですね。元々、標準機能として配布用のリンクが生成でききるので、そちらを応用した設定例です。
    https://colossal-vanadium-63c.notion.site/1b1303c254604ee78a8705d19abeed27?pvs=4
    #Shopify

    Xで見る