Xポストログ

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

  • 【Shopify TIPS】
    ストアの各種テキストラベルを変更したい場合は「デフォルトテーマのコンテンツを編集する」から行う

    Shopifyの画面に表示されるテキストラベルもすべてテーマエディタで編集できるように思われがちですが、エラーメッセージなどは「デフォルトテーマのコンテンツを編集する」から行う必要があります。何気にお問い合わせを受けることが多いので、マニュアル化してご案内していたりします。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2023-06-17

    Xで見る
  • 【Shopify TIPS】
    テーマ「Dawn」で商品ページにランキング枠を設置する設定例

    ShopifyのテーマDawnの「特集セクション」を拡張して、ランキング枠として使う方法ですが、商品ページにももちろん実装可能です。関連商品とあわせて「その商品が含まれるカテゴリのランキング」を表示しておけば、類似商品の閲覧率を高める効果が期待できます。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2023-06-16

    Xで見る
  • 【Shopify TIPS】
    テーマ「Dawn」でヘッダー・フッターを持たないページを作成する方法

    Shopifyでランディングページを作る際など、デフォルトのヘッダーやフッターが無いページを作成したい時があります。 基本的にはPageFlyなどビルダーアプリをオススメしていますが、アプリを使わずに実装したい時は少々無理矢理ですが、このような方法で非表示にすることがあります。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2023-06-15

    Xで見る
  • 【Shopify TIPS】
    テーマ「Dawn」のモバイル用商品詳細ページで、商品写真をヘッダー固定(Sticky)させる方法

    Shopifyのテーマ「Dawn」のモバイル用商品詳細ページで、商品写真を固定しながらページをスクロールできるようにする方法です。 ユーザーは商品の解説文を読みながら画像を確認することができるようになります。必要に応じてこの機能をon/offすることもできます。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    Instagramからの訪問者に対して動的にコンテンツを差し替える方法(LPO)
    https://store-dojo.com/products/2023-06-14

    Xで見る
  • 【Shopify TIPS】
    テーマ「Dawn」でコレクションページにランキング枠を設置する設定例

    Shopifyのコレクションページで、楽天のようにカテゴリ内のランキングを別枠で表示したいというご要望を頂くことがあります。 少々手間ですが、テーマDawnで「特集コレクション」セクションの通常利用を可能にしつつ、ランキング表示枠として使うための設定例です。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    Instagramからの訪問者に対して動的にコンテンツを差し替える方法(LPO)
    https://store-dojo.com/products/2023-06-13

    Xで見る
  • 【Shopify TIPS】
    Shopifyの「手動コレクション」を複製する手順

    Shopifyの「手動」コレクションを複製したい時がありますが、商品情報と違いそのまま「複製」することができません。アプリを使ってやるほどの作業量でなければ、こちらで紹介されている方法が参考になります。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    Instagramからの訪問者に対して動的にコンテンツを差し替える方法(LPO)
    https://store-dojo.com/products/2023-06-12

    Xで見る
  • 【Shopify TIPS】
    商品詳細画面にバリエーションごとの在庫一覧表を表示する方法

    Shopifyの商品情報は1〜3種類の項目を掛け合わせて最大100件のバリエーションを登録できますが、種類が多い場合、一つひとつ確かめるのも手間がかかります。 商品ごとに作成するのは面倒ですが、Liquidを使って組み合わせの一覧表を生成し、在庫情報を掲載するのも良いですね。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    Instagramからの訪問者に対して動的にコンテンツを差し替える方法(LPO)
    https://store-dojo.com/products/2023-06-09

    Xで見る
  • 【Shopify TIPS】
    テーマ「Dawn」の商品詳細画面でチェックボックスを表示し全てチェックされた時に購入ボタンを有効にするようにする方法

    Shopifyの商品画面でチェックボックスを設置し、チェックされていない時は商品を購入できない(カートに追加できない)ようにしてほしいという依頼をいただくことがあります。テーマによって設定方法は異なるのですが、テーマDawnでの設定例です。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS

    Xで見る
  • 【Shopify TIPS】
    Instagramからの訪問者に対して動的にコンテンツを差し替える方法(LPO)

    ShopifyにInstagramの投稿を連携するアプリは色々ありますが、Instagramからの流入対策も重要です。 訪問者の方は投稿内容に興味を持ってくれているはずなので、トップページにリンクしている場合、連動してInstagram関連のコンテンツがすぐに目に入るようにしてあげるのも良いですね。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2023-06-05

    Xで見る
  • 【Shopify TIPS】
    スタッフ「注文通知」メールに注文メモを表示する設定例

    以前、Shopifyで注文確認メールに注文メモを表示させる方法についてPostしましたが、スタッフ通知メールにも表示させることができます。その設定方法です。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2023-06-04

    Xで見る
  • 【Shopify TIPS】
    タグを併用することでメタフィールドの内容も検索対象にしておきたい

    Shopifyのメタフィールドですが、ストア内検索ではヒットしません。コミュニティでも話題になっていますが、検索対象とするためにはアプリを使う必要があります。ただ、内容にもよりますが、アプリを使わずに簡易的に対策したい場合はタグを併用するのも手ですね。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2023-06-02

    Xで見る
  • 【Shopify TIPS】
    テーマ「Dawn」で同一階層を移動できるメニューを メインメニューから自動で生成する方法

    Shopifyのグローバルメニューを第2、3階層目まで設定した場合、同じ階層の移動であっても毎回メニューを開く必要があるので少々面倒です。そこでテーマDawnで、メニューの構造に合わせて、自動で同一階層間を遷移しやすくするサブメニューを表示する方法です。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2023-06-01

    Xで見る
  • 【Shopify TIPS】
    商品詳細のYou may also like(関連商品)に表示される商品について確認する方法

    たまにお問合せを受けますが、Shopifyの商品詳細画面に表示される関連商品は、管理画面でその内容を確認することができます。また、自動生成されるロジックについては、こちらのページで解説されています。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2023-05-31

    Xで見る
  • 【Shopify TIPS】
    テーマ「Dawn」でドロワーメニューを開いた時に現在表示しているページの階層に予めセットしておく方法

    Shopifyではスマホ用メニューは毎回上からたどる必要があり、階層が深いと行き来するのが少々面倒です。そこで、メニューを開いた直後からその階層を表示させておけば遷移がかなりスムーズになります。他テーマでは方法が異なりますが、テーマDawnでの実装例です。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2023-05-30

    Xで見る
  • 【Shopify TIPS】
    商品詳細にその商品が属するコレクションの一覧リンクを表示する方法

    Shopifyの商品情報画面で、その商品が含まれるコレクションをリスト表示する方法です。関連商品リンクと同様、類似商品を探している訪問者の回遊性を高める効果が期待できます。以前共有させて頂いた商品タグのリンク一覧と併用しても良いですね。

    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2023-05-28

    Xで見る
  • 【Shopify TIPS】
    テーマ「Dawn」のカートページにコンテンツ(セクション)を追加した際にカートが空の時のみ表示し、商品がある場合は表示させない方法

    そこまで効果があるわけでは無いのですが、Allbirdsのように中身が空のカートページに商品やコレクションへの導線を表示しておくのも良いですね。 中身に応じて表示・非表示されるようにしつつ、空にした瞬間も画面を更新せずに表示されるようにした設定例です。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2023-05-26

    Xで見る
  • 【Shopify TIPS】
    Shopifyのドメインが「〜.myshopify.com」の場合、Google Search Consoleでsitemap.xmlを送信しても取得してもらえないようです。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    Shopifyのドメインが「〜.myshopify.com」の場合、Google Search Consoleでsitemap.xmlを送信しても取得してもらえない
    https://store-dojo.com/products/2023-05-25

    Xで見る
  • 【Shopify TIPS】
    メタフィールドもCSVで編集可能「Matrixify」

    ShopifyでメタフィールドもCSVを使って編集したいことがあると思います。デフォルトのエクスポート機能だとカラムが無いので操作できないのですが、そんな時もMatrixifyが便利です。フィルタをかけられるので、特定のフィールド値だけ編集することも可能です。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2023-05-23

    Xで見る
  • テーマ「Dawn」の商品詳細ページでページのスクロール位置に応じて固定表示されるカート追加ボタンを表示する方法
    https://store-dojo.com/products/2023-05-21

    Shopifyのテーマ「Dawn」では商品詳細ページが長い場合、スクロールしてくと「カートに追加」ボタンが見えなくなってしまうので少々不便です。そこでStickyボタンの設定例です。(売り切れ時のボタンラベルまで反映していますが、「追加」固定でも良いかと思います)

    #Shopify #ShopifyTIPS


    スレッド

    デフォルトの「検索モーダル」は表示させずに様々な切り口の導線を設置した検索ページに直接遷移させる
    https://store-dojo.com/products/2023-05-22

    Shopifyのテーマの多くは検索アイコンをタップするとその場でワード入力を促されます。 ですが、訪問者がより簡単に目的の商品にたどり着けるようにするために、直感的なナビゲーションを提供する検索ページに直接遷移させる方法も有用です。

    Xで見る
  • 【Shopify TIPS】
    Shopify TIPSに本日4つの新しい情報を追加しました。
    ---------------------
    ・テーマ「Dawn」のスライドショーに設定できる最大枚数を変更する方法(最大50件まで)
    ・テーマ「Dawn」のコレクションページに商品バリエーションを表示する
    ・テーマ「Dawn」の商品詳細ページでページのスクロール位置に応じて固定表示されるカート追加ボタンを表示する方法
    ・デフォルトの「検索モーダル」は表示させずに様々な切り口の導線を設置した検索ページに直接遷移させる
    ※各コンテンツへのリンクはスレッドに掲載しています。

    #Shopify #ShopifyTIPS

    Xで見る