Xポストログ
Xで投稿したShopify関連の内容をそのまま記録しています。
2025年1月の投稿 絞り込みを解除
-
【Shopify TIPS】
テーマ「Dawn」のスライドショーで表示されるページネーションのスタイル画像を変更する方法マニアックなカスタマイズ事例を一つ。ブランドのトーンに合わせてShopifyのスライドショーなどのページャーアイコンをデフォルト以外の任意のアイコンに変える方法です。テーマによってやり方は異なりますが、SVGを使えば画像ファイルをアップロードせずにコード編集だけで対応できますね。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
ホーム（トップページ）のようなカテゴリトップの設定例Shopifyでトップと同じレイアウトのページを用意して切り替えられるようにしたい場合があります。トップ以外はコレクションまたはページテンプレートを使いますが、同じセクションが使えるので全く同じレイアウトに設定出来ます。どちらを使うかはURLと商品一覧の使用可否で判断しています。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
テーマ「Dawn」の「ブログ記事セクション」で特定のタグを持つ記事だけ指定して表示する設定方法改修事例としては少ないですが、ブログ記事セクションでタグを使って表示内容を出しわけるための設定例です。ニュースの他にスタッフブログなど複数のブログを設置したストアで、MENS、WEMENSと言ったカテゴリトップごとにニュース記事を出しわける際などにお使い頂いています。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
テーマ「Dawn」で購入時にアカウントログインを必須にした場合、 カート画面にログイン/登録導線を表示してそのまま購入手続きに進ませる方法Shopifyで購入前ログインを必須にした場合、デフォルトでは未ログイン時にカート画面から購入手続きを進めるとログイン画面に遷移する形をとりますが、最初からカート画面にログイン and 会員登録導線を表示してしまうのも良いですね。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
テーマ「Dawn」でコレクションページのソートをプルダウン→タブ型に変更する設定例Shopifyのコレクションページでは、多くのテーマがプルダウン型のソート機能を提供していますが、これをタブ型に変更したいケースがあるかと思います。通常はLiquidコードを編集してカスタマイズしてしまうのですが、テーマエディタを使って変更を加える場合の設定例です。※「Dawn」限定
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
ストアの各種テキストラベルを変更したい場合は「デフォルトテーマのコンテンツを編集する」から行うShopifyの画面に表示されるテキストラベルもすべてテーマエディタで編集できるように思われがちですが、エラーメッセージなどは「デフォルトテーマのコンテンツを編集する」から行う必要があります。何気にお問い合わせを受けることが多いので、マニュアル化してご案内していたりします。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
テーマ「Dawn」で商品ページにランキング枠を設置する設定例ShopifyのテーマDawnの「特集セクション」を拡張して、ランキング枠として使う方法ですが、商品ページにももちろん実装可能です。関連商品とあわせて「その商品が含まれるカテゴリのランキング」を表示しておけば、類似商品の閲覧率を高める効果が期待できます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
テーマ「Dawn」でヘッダー・フッターを持たないページを作成する方法Shopifyでランディングページを作る際など、デフォルトのヘッダーやフッターが無いページを作成したい時があります。 基本的にはPageFlyなどビルダーアプリをオススメしていますが、アプリを使わずに実装したい時は少々無理矢理ですが、このような方法で非表示にすることがあります。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
テーマ「Dawn」のモバイル用商品詳細ページで、商品写真をヘッダー固定（Sticky）させる方法Shopifyのテーマ「Dawn」のモバイル用商品詳細ページで、商品写真を固定しながらページをスクロールできるようにする方法です。 ユーザーは商品の解説文を読みながら画像を確認することができるようになります。必要に応じてこの機能をon/offすることもできます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPSスレッド
Instagramからの訪問者に対して動的にコンテンツを差し替える方法（LPO）
https://store-dojo.com/products/2023-06-14
-
【Shopify TIPS】
テーマ「Dawn」でコレクションページにランキング枠を設置する設定例Shopifyのコレクションページで、楽天のようにカテゴリ内のランキングを別枠で表示したいというご要望を頂くことがあります。 少々手間ですが、テーマDawnで「特集コレクション」セクションの通常利用を可能にしつつ、ランキング表示枠として使うための設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPSスレッド
Instagramからの訪問者に対して動的にコンテンツを差し替える方法（LPO）
https://store-dojo.com/products/2023-06-13
-
【Shopify TIPS】
Shopifyの「手動コレクション」を複製する手順Shopifyの「手動」コレクションを複製したい時がありますが、商品情報と違いそのまま「複製」することができません。アプリを使ってやるほどの作業量でなければ、こちらで紹介されている方法が参考になります。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
Instagramからの訪問者に対して動的にコンテンツを差し替える方法（LPO）
https://store-dojo.com/products/2023-06-12 -
【Shopify TIPS】
商品詳細画面にバリエーションごとの在庫一覧表を表示する方法Shopifyの商品情報は１〜３種類の項目を掛け合わせて最大100件のバリエーションを登録できますが、種類が多い場合、一つひとつ確かめるのも手間がかかります。 商品ごとに作成するのは面倒ですが、Liquidを使って組み合わせの一覧表を生成し、在庫情報を掲載するのも良いですね。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
Instagramからの訪問者に対して動的にコンテンツを差し替える方法（LPO）
https://store-dojo.com/products/2023-06-09 -
【Shopify TIPS】
テーマ「Dawn」の商品詳細画面でチェックボックスを表示し全てチェックされた時に購入ボタンを有効にするようにする方法Shopifyの商品画面でチェックボックスを設置し、チェックされていない時は商品を購入できない（カートに追加できない）ようにしてほしいという依頼をいただくことがあります。テーマによって設定方法は異なるのですが、テーマDawnでの設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
-
【Shopify TIPS】
Instagramからの訪問者に対して動的にコンテンツを差し替える方法（LPO）ShopifyにInstagramの投稿を連携するアプリは色々ありますが、Instagramからの流入対策も重要です。 訪問者の方は投稿内容に興味を持ってくれているはずなので、トップページにリンクしている場合、連動してInstagram関連のコンテンツがすぐに目に入るようにしてあげるのも良いですね。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
スタッフ「注文通知」メールに注文メモを表示する設定例以前、Shopifyで注文確認メールに注文メモを表示させる方法についてPostしましたが、スタッフ通知メールにも表示させることができます。その設定方法です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
タグを併用することでメタフィールドの内容も検索対象にしておきたいShopifyのメタフィールドですが、ストア内検索ではヒットしません。コミュニティでも話題になっていますが、検索対象とするためにはアプリを使う必要があります。ただ、内容にもよりますが、アプリを使わずに簡易的に対策したい場合はタグを併用するのも手ですね。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
テーマ「Dawn」で同一階層を移動できるメニューを メインメニューから自動で生成する方法Shopifyのグローバルメニューを第２、３階層目まで設定した場合、同じ階層の移動であっても毎回メニューを開く必要があるので少々面倒です。そこでテーマDawnで、メニューの構造に合わせて、自動で同一階層間を遷移しやすくするサブメニューを表示する方法です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPSスレッド
https://store-dojo.com/products/2023-06-01
-
【Shopify TIPS】
商品詳細のYou may also like（関連商品）に表示される商品について確認する方法たまにお問合せを受けますが、Shopifyの商品詳細画面に表示される関連商品は、管理画面でその内容を確認することができます。また、自動生成されるロジックについては、こちらのページで解説されています。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
テーマ「Dawn」でドロワーメニューを開いた時に現在表示しているページの階層に予めセットしておく方法Shopifyではスマホ用メニューは毎回上からたどる必要があり、階層が深いと行き来するのが少々面倒です。そこで、メニューを開いた直後からその階層を表示させておけば遷移がかなりスムーズになります。他テーマでは方法が異なりますが、テーマDawnでの実装例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPSスレッド
https://store-dojo.com/products/2023-05-30
-
【Shopify TIPS】
商品詳細にその商品が属するコレクションの一覧リンクを表示する方法Shopifyの商品情報画面で、その商品が含まれるコレクションをリスト表示する方法です。関連商品リンクと同様、類似商品を探している訪問者の回遊性を高める効果が期待できます。以前共有させて頂いた商品タグのリンク一覧と併用しても良いですね。
スレッド