Xポストログ
Xで投稿したShopify関連の内容をそのまま記録しています。
-
【Shopify TIPS】
ShopifyのLiquidコードでメタオブジェクトを直接参照する方法ShopifyのメタオブジェクトはLiquidから直接呼び出せます。
・店舗全体で共通の固定データ（会社概要、配送ポリシーなど）
・ページに依存しない独立コンテンツ（レシピ集、用語集など）
・複数テンプレートで使い回すテキストや画像 など「1回だけ使う固定データ」や「共通パーツ表示」なら、この方法がシンプルです。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」のコレクションページにサブメニューを表示する設定例Shopifyのコレクションページにサブメニューを持たせたい場合にメニュー構造をトレースして表示する方法を以前ご紹介（https://store-dojo.com/products/2023-06-01）しましたが、コレクションごとにテンプレートを用意する方がコレクションに合わせてスタイルを設定しやすいメリットがあります。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」の特集コレクションセクションの「すべてを表示する」ボタンを右上に表示し、ラベル文字を変更できるようにする設定例Shopifyのテーマ「Dawn」のトップページで利用することが多い「特集コレクション」ですが、「もっと見る」ボタンを右上に表示したいというリクエストをいただくことがあります。その設定例です。上下の幅を取らなくなりますね。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」のドロワーメニュー内にバナー画像を表示する設定例Shopifyのテーマ「Dawn」のドロワーメニューにバナー画像を表示する設定例です。この設定を使えば、クーポンの配布やイベント告知、新商品の案内などに活用できます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」の告知バーにカスタムliquidコードを挿入できるようにして自由な表現ができるようにする設定例Shopifyのテーマ「Dawn」の告知バーはデフォルトでテキストとリンク先を指定できるのみなので、カスタムLiquidブロックを追加できるようにした設定例です。任意のHTML/CSS/Javascritp/Liquidコードを挿入できることで表現力の高い告知が可能です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyで通貨シンボルを価格と異なるサイズに変更する方法（その２）Shopifyのテーマ「Dawn」で通貨シンボルを価格と異なるサイズで表記したい場合の設定例その２です。前回（<a href="https://store-dojo.com/products/2023-12-01">https://store-dojo.com/products/2023-12-01</a>）と異なりjsを使った方法です。商品ページでバリアントを変更した際や、カート画面で価格変更した場合も適用されます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyでテーマ「Dawn」の商品詳細ページで会員登録を促すプロモーション枠の設置例Shopifyの商品情報画面に会員登録を促すプロモーションを開くを設置する設定例です。会員登録（またはログイン）した後は、即座に元の商品ページにリダイレクトされるので、すぐにクーポンを取得してもらえるようになっています。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」のコレクションページでフィルタのうち特定の１つをボタン形式で表示する設定例Shopifyのテーマ「Dawn」のコレクションページで、絞り込みフィルターとして設定されているもののうち１つだけ、ボタン形式で外出しして絞り込みやすくした設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」のアカウントページで アカウントタイトルの下にお知らせ枠を表示する設定例Shopifyのアカウントページはアカウントセクションが１つしかないため、デフォルトではページタイトルと注文履歴の間に別のセクションを追加することができません。そこでカスタムLiquidを使って、お知らせ枠を追加する設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn 」で「購入制限」タグをつけた商品について １回の注文で１つだけしかカートに追加できないよう制限をかける設定例Shopifyのテーマ「Dawn」で、アプリを使わずに特定のタグ（例えば「購入制限」など）がついた商品を１回の注文につき１つだけしかカートに追加（購入）できないよう制限をかけたい場合の設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPSスレッド
-
【Shopify TIPS】
Shopifyでカート画面に追加した商品でレコメンドできるアプリ「Also Bought」Shopifyのカート画面でレコメンドできるアプリは色々ありますが、弊社では性能・評価ともに高く、価格も非常に手頃なAlso Boughtをオススメすることが多いですね。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopify Flowで参照するOrder.riskLevelが非推奨になったので 今後はOrder risk analyzedトリガーで判別するShopify Flowを使えば不正の可能性が高い注文が来たら即座に自分にメール通知するなどできるのですが、注文生成をトリガーに条件判別していた項目が非推奨となりました。その代わりOrder risk analyzedトリガーを使う必要があります。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyで商品価格を税込にしている際に価格に「(税込)」表記を追加する設定例Shopifyの商品価格に「税込」表示を追加したい時は、設定画面の「ストアの詳細：ストア通貨」から「通貨フォーマット」を変更する方法があります。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
@cuebko @sh_sakamoto パレット開いて、dark でブラックに🖤
昼間は特にダークの方が見やすいですよね！
画像はスマホ版だから見にくいかもだけど😉
-
【Shopify TIPS】
Shopifyのテーマ「Dawn 」のコレクション（商品リスト）ページで商品カードのレイアウトを横型にする設定例Shopifyのテーマ「Dawn」コレクションページの商品カードのレイアウトを横型で表示するための設定例です。カスタムCSSに追記します。（特集コレクションなども同様に設定可能です）
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn 」のトップページに検索ワード候補付きのキーワード検索ボックスを設置する設定例Shopifyのテーマ「Dawn」のトップページに検索フォームと検索候補ワードリストを表示する設定例です。main-search.liquidに記載されている検索フォームに関するコードを引用することで実装可能です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
テーマ「Dawn 」の商品ページに追加可能な「ポップアップ」リンクブロックにインフォメーションアイコンを追加する設定例Shopifyのテーマ「Dawn」の商品詳細ページに追加できるポッポアップウィンドウ用のリンクブロックについて。ただのリンクに見えてしまうので、アイコンを追加してそれとわかるようにしておくのも良いですね。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn 」のドロワーメニューでコレクションリンクにサムネイル画像を表示する設定例Shopifyのテーマ「Dawn」のドロワーメニューの中でコレクションのリンクにサムネイル画像を表示する設定例です。商品を探しているユーザーにイメージが伝わりやすくなり、クリック率の向上が図れます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyで配送情報通知に追跡番号を設定した際に英語表記の配送事業者名を日本語に変更する方法Shopifyの注文管理画面で追跡番号と配送事業者を設定してフルフィルメントを行った際に、顧客に送られる配送通知メールの配送事業者名を英語ではなく日本語表記となるようにしたい場合の設定方法です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
