Xポストログ
Xで投稿したShopify関連の内容をそのまま記録しています。
-
【Shopify TIPS】
Liquidでメタフィールド「ファイル(リスト)」の登録数を取得する方法Shopifyのメタフィールドで複数の値をセットできる「リスト」形式ですが、タイプに「ファイル」を設定した際、その登録数を取得する方法わからず迷いました。liquidで一般的な「size」で取得可能かと思っていたのですが、countを使うことで取得できました。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
テーマ「Dawn」のブログ記事一覧ページで１ページあたりの表示数を変更できるようにする方法Shopifyのテーマ「Dawn」の「デフォルトのブログ」テンプレートは、１ページあたりのブログ記事カード表示件数が６件に固定されています。一度に表示される件数を増やしたい場合もあるので、表示件数を任意に設定できるようにするための設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
クーポンコードをコピー＆ペーストせずにクリックするだけで使えるようにする設定例Shopifyでクーポンを配布する際など、チェックアウト画面でクーポンコードを入力してもらうのが一般的ですが、クリックで適用されるようにしてしまうのも良いですね。元々、標準機能として配布用のリンクが生成でききるので、そちらを応用した設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPSスレッド
https://store-dojo.com/products/2023-06-23
-
【Shopify TIPS】
クーポンコードをコピー＆ペーストせずにクリックするだけで使えるようにする設定例Shopifyでクーポンを配布する際など、チェックアウト画面でクーポンコードを入力してもらうのが一般的ですが、クリックで適用されるようにしてしまうのも良いですね。元々、標準機能として配布用のリンクが生成でききるので、そちらを応用した設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPSスレッド
https://store-dojo.com/products/2023-06-23
-
【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
スレッド