{"title":"Shopify TIPS","description":"\u003ch2\u003eShopifyストア運営を成功に導く実践的なTIPS集\u003c\/h2\u003e\n\u003cp\u003eShopifyの技術的なノウハウとカスタマイズ方法をまとめています。\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eテーマカスタマイズ\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003e- Dawnテーマの詳細な設定例とHTML活用法\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e自動化設定\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003e- Shopify Flowを使った効率的な店舗運営\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSEO最適化\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003e- メタフィールドとsitemap設定による検索エンジン対策\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e顧客管理\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003e- セグメント分類とメルマガ運用の実践例\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e初心者から上級者まで、Shopifyストアの可能性を引き出す具体的な手法を紹介しています。\u003c\/p\u003e","products":[{"product_id":"2022-09-23","title":"Shopifyの公式サイトで提供されている「プライバシーポリシー無料作成ツール」が便利","description":"\u003cp\u003eShopify公式サイトで提供されている「プライバシーポリシー無料作成ツール」が便利です。会社情報など基本的な項目を入力したら自動でプライバシーポリシーの雛形文章を作成してくれます。\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003carticle class=\"link-card\"\u003e\u003ca href=\"https:\/\/www.shopify.com\/jp\/tools\/policy-generator\" target=\"_blank\"\u003e\u003cimg alt=\"Shopify\" src=\"https:\/\/cdn.shopify.com\/assets\/images\/logos\/shopify-bag.png\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2\u003e利用規約ジェネレーター ― 無料のプライバシーポリシー作成ツール\u003c\/h2\u003e\n\u003cp\u003eShopifyの利用規約ジェネレーターで、オンラインストア向けの利用規約を数分で作成できます。プロの作成したテンプレートを無料でご利用いただけます。\u003c\/p\u003e\n\u003ccite\u003eshopify.com\u003c\/cite\u003e\u003ccite\u003e\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/article\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003eフォームに必要な情報を入力して送信すれば...\u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-09-23_1.png?v=1735784708\" class=\"zoomable-image\" width=\"800\" height=\"903\" style=\"aspect-ratio: 0.89;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e入力したメールアドレス宛にプライバシーポリシーの雛形が送られてくる。\u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-09-23_2.png?v=1735785290\" class=\"zoomable-image\" width=\"800\" height=\"680\" style=\"aspect-ratio: 1.18;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"date\"\u003e（2025.01.02追記）\u003c\/div\u003e\n\u003cp\u003e現在は自動プライバシー設定機能があるため、そちらを有効化しておけば自動で適用された状態から運用可能なため、こちらの機能をあえて使う必要はありません。\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-09-23_3.png?v=1735792932\" class=\"zoomable-image\" width=\"800\" height=\"831\" style=\"aspect-ratio: 0.96;\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46818728083707,"sku":"","price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-09-23.png?v=1764417300"},{"product_id":"2022-09-27","title":"Shopifyで特定の商品を購入またはカートに追加できるリンクの作成方法","description":"\u003cp\u003eShopifyでは、メールや通常のWebサイトから特定の商品を購入またはカートに追加できるリンクを作ることができます。\u003c\/p\u003e\n\u003cp\u003e「今すぐ購入」は対象の商品だけを選択してすぐに購入手続き画面に遷移するリンク、「カートに追加」は対象商品を追加したカート画面に遷移するリンクになります。\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cp\u003e\u003clink href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/themes\/prism.min.css\" rel=\"stylesheet\"\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/components\/prism-core.min.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/plugins\/autoloader\/prism-autoloader.min.js\"\u003e\u003c\/script\u003e\u003c\/p\u003e\n\u003c!-- Line Number--\u003e\n\u003cp\u003e\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/plugins\/line-numbers\/prism-line-numbers.min.js\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/plugins\/line-numbers\/prism-line-numbers.min.css\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003c!-- Line HighLight--\u003e\n\u003cp\u003e\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/plugins\/line-highlight\/prism-line-highlight.min.js\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/plugins\/line-highlight\/prism-line-highlight.min.css\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003c!-- Unescaped Markup--\u003e\n\u003cp\u003e\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/plugins\/unescaped-markup\/prism-unescaped-markup.min.js\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/plugins\/unescaped-markup\/prism-unescaped-markup.min.css\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cdiv\u003eカートに追加：\u003cscript type=\"text\/plain\" class=\"language-html line-numbers\" data-line=\"1,2\"\u003ehttps:\/\/[subdomain].myshopify.com\/cart\/add?id=[VARIANTID]\u0026quantity=[QUANTIT]\u003c\/script\u003e 実際のコード：\u003ca href=\"https:\/\/store-dojo.com\/cart\/add?id=46819410903291\u0026amp;quantity=1\"\u003ehttps:\/\/store-dojo.com\/cart\/add?id=46819410903291\u0026amp;quantity=1\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv\u003e今すぐ購入： \u003cscript type=\"text\/plain\" class=\"language-html line-numbers\" data-line=\"1,2\"\u003ehttps:\/\/[subdomain].myshopify.com\/cart\/[VARIANTID]:[QUANTIT]\u003c\/script\u003e 実際のコード：\u003ca href=\"https:\/\/store-dojo.com\/cart\/46819410903291:1\"\u003ehttps:\/\/store-dojo.com\/cart\/46819410903291:1\u003c\/a\u003e\n\u003c\/div\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46819410903291,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-09-27.png?v=1764418572"},{"product_id":"2022-09-28","title":"ShopifyのLiquidチートシートが便利","description":"\u003cp\u003eLiquidコードを書く際に、どのテンプレートで何のオブジェクトやプロパティが使えるかを覚えるのは結構大変です。そんなときこのShopify公式のLIQUIDチートシートが便利です。例文と機能解説がとても役立ちます。\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003carticle class=\"link-card\"\u003e\u003ca href=\"https:\/\/www.shopify.com\/partners\/shopify-cheat-sheet\" target=\"_blank\"\u003e\n\u003cdiv\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/shopifycloud\/brochure\/assets\/partners\/shopify-cheat-sheet\/shopify-cheat-sheet-social-0db72390c20f0277e52ec837e42ab307c13c86f37a59deb3fdd77affba10e7ed.png\" class=\"zoomable-image\" width=\"800\" height=\"420\" style=\"aspect-ratio: 1.90;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2\u003eShopify Cheat Sheet\u003c\/h2\u003e\n\u003cp\u003eA resource for building Shopify Themes with Liquid\u003c\/p\u003e\n\u003ccite\u003eshopify.com\u003c\/cite\u003e\u003ccite\u003e\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/article\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003eShopify公式が提供する \u003cstrong\u003e「Shopify チートシート」\u003c\/strong\u003e で、主にLiquidやテーマ開発に関するコードリファレンスなどを簡単に参照できるようまとめられたリソースです。\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-09-28_2.png?v=1735871265\" class=\"zoomable-image\" width=\"800\" height=\"476\" style=\"aspect-ratio: 1.68;\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46821495406843,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-09-28.png?v=1764418922"},{"product_id":"2022-09-29","title":"Shopifyで控えのテーマで作成したテンプレートが選択できない時の対応方法","description":"\u003cp\u003eShopifyテーマ編集について、控えのテーマで作成したテンプレートが、ページや商品情報などの編集画面で表示されず設定できないことがあります。そんな時は、ライブテーマ側にも同名のテンプレートを作ることで選択できるようになります。\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cp\u003eライブテーマに無いテンプレートは商品やページ、ブログ管理画面からは選べないため、下書きテーマのプレビュー画面を表示できない\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-09-29_1.jpg?v=1735877137\" class=\"zoomable-image\" width=\"800\" height=\"523\" style=\"aspect-ratio: 1.53;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003eライブテーマにも同じ名前のテンプレートを作成することで選択可能になる。\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-09-29_2.jpg?v=1735877136\" class=\"zoomable-image\" width=\"800\" height=\"355\" style=\"aspect-ratio: 2.25;\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46821687066875,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-09-29.png?v=1764419372"},{"product_id":"2022-10-03","title":"Shopifyで姓名が逆になってしまう場合、customer.nameプロパティをlast_nameとfirst_nameプロパティに分解して入れ替えて対応","description":"\u003cp\u003eShopifyは基本英語圏で使われるアプリなので、姓名が逆になってしまうことがよくあります。そんな時は仕方がないので、nameプロパティをlast_nameとfirst_nameプロパティに分解して入れ替えて対応することになります。\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cp\u003eShopifyは基本英語圏で使われるアプリなので、日本語名はデフォルトで姓名逆に表示されます。\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-10-03_1.png?v=1735881413\" class=\"zoomable-image\" width=\"800\" height=\"270\" style=\"aspect-ratio: 2.96;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003eこれらの姓名を日本語順で表示するためには、それぞれ last_name と first_name にわけて表記します。\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-10-03_2.png?v=1735881413\" class=\"zoomable-image\" width=\"800\" height=\"166\" style=\"aspect-ratio: 4.82;\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46821761319163,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-10-03.png?v=1764419771"},{"product_id":"2022-10-08","title":"Shopifyでクーポンコードを自動で適用するURLにパラメータを設定する方法","description":"\u003cp\u003eQRコードなどにクーポン（ディスカウント）適用済みのURLを設定することがありますが、リンク先のページがパラメータを持つ場合には、記述の仕方に少し気を付けなければいけません。リダイレクト先URLのパラメータの一つ目を「?」から「\u0026amp;」に変更する必要があります。\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003e\u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/themes\/prism.min.css\"\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/components\/prism-core.min.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/plugins\/autoloader\/prism-autoloader.min.js\"\u003e\u003c\/script\u003e\u003c\/p\u003e\n\u003c!-- Line Number--\u003e\n\u003cp\u003e\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/plugins\/line-numbers\/prism-line-numbers.min.js\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/plugins\/line-numbers\/prism-line-numbers.min.css\"\u003e\u003c\/p\u003e\n\u003c!-- Line HighLight--\u003e\n\u003cp\u003e\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/plugins\/line-highlight\/prism-line-highlight.min.js\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/plugins\/line-highlight\/prism-line-highlight.min.css\"\u003e\u003c\/p\u003e\n\u003c!-- Unescaped Markup--\u003e\n\u003cp\u003e\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/plugins\/unescaped-markup\/prism-unescaped-markup.min.js\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/plugins\/unescaped-markup\/prism-unescaped-markup.min.css\"\u003e\u003c\/p\u003e\n\u003ch2\u003e特定のページにリンクさせるための設定方法\u003c\/h2\u003e\n\u003cdiv\u003eクーポンコードを適用した状態でページを表示させるためのURLフォーマット：\u003cscript data-line=\"1,2\" class=\"language-html line-numbers\" type=\"text\/plain\"\u003ehttp:\/\/mysite.com\/discount\/'coupon_code'?redirect='リダイレクト先PATH'\u003c\/script\u003e\n\u003c\/div\u003e\n\u003cdiv\u003eコード記述例（商品詳細ページへのリダイレクト）：\u003cscript data-line=\"1,2\" class=\"language-html line-numbers\" type=\"text\/plain\"\u003ehttp:\/\/mysite.com\/discount\/10peroff?redirect=\/products\/A12345\u003c\/script\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch2\u003eリンク先のページがパラメータを含んでいる場合の設定方法\u003c\/h2\u003e\n\u003cp\u003eリダイレクト先に含まれるパラメータの１つ目を「?」ではなく「\u0026amp;」に変更する\u003c\/p\u003e\n\u003cdiv\u003eリンク先ページがフリーワード検索結果の場合のURL： \u003cscript data-line=\"1,2\" class=\"language-html line-numbers\" type=\"text\/plain\"\u003ehttp:\/\/mysite.com\/search?q=[検索ワード]\u003c\/script\u003e\n\u003c\/div\u003e\n\u003cdiv\u003eコード記述例（パラメータを含むページ（フリーワード検索結果ページ）へのリダイレクト）：\u003cscript data-line=\"1,2\" class=\"language-html line-numbers\" type=\"text\/plain\"\u003ehttp:\/\/mysite.com\/discount\/10peroff?redirect=\/search\u0026amp;q=[検索ワード]\u003c\/script\u003e\n\u003c\/div\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46821796577531,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-10-08.png?v=1764420404"},{"product_id":"2022-10-10","title":"Shopifyの「商品タイプ」をサジェストされる標準タイプから選んでおくとGoogleやInstagramとの連携がしやすい","description":"\u003cp\u003eShopifyの商品情報に設定する「商品タイプ」ですが、サジェストされる標準タイプから選んでおくとGoogleやInstagramとの連携もしやすいので後々重宝します。\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003carticle class=\"link-card\"\u003e\u003ca href=\"https:\/\/github.com\/Shopify\/product-taxonomy\/blob\/main\/dist\/ja\/categories.txt\" target=\"_blank\"\u003e\n\u003cdiv class=\"img\"\u003e\u003csvg class=\"octicon octicon-mark-github v-align-middle\" data-view-component=\"true\" width=\"32\" version=\"1.1\" viewbox=\"0 0 24 24\" aria-hidden=\"true\" height=\"32\"\u003e\n    \u003cpath d=\"M12.5.75C6.146.75 1 5.896 1 12.25c0 5.089 3.292 9.387 7.863 10.91.575.101.79-.244.79-.546 0-.273-.014-1.178-.014-2.142-2.889.532-3.636-.704-3.866-1.35-.13-.331-.69-1.352-1.18-1.625-.402-.216-.977-.748-.014-.762.906-.014 1.553.834 1.769 1.179 1.035 1.74 2.688 1.25 3.349.948.1-.747.402-1.25.733-1.538-2.559-.287-5.232-1.279-5.232-5.678 0-1.25.445-2.285 1.178-3.09-.115-.288-.517-1.467.115-3.048 0 0 .963-.302 3.163 1.179.92-.259 1.897-.388 2.875-.388.977 0 1.955.13 2.875.388 2.2-1.495 3.162-1.179 3.162-1.179.633 1.581.23 2.76.115 3.048.733.805 1.179 1.825 1.179 3.09 0 4.413-2.688 5.39-5.247 5.678.417.36.776 1.05.776 2.128 0 1.538-.014 2.774-.014 3.162 0 .302.216.662.79.547C20.709 21.637 24 17.324 24 12.25 24 5.896 18.854.75 12.5.75Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2\u003eShopifyの標準商品分類\u003c\/h2\u003e\n\u003ccite\u003egithub.com\u003c\/cite\u003e\u003ccite\u003e\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/article\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-10-10_1.png?v=1735885385\" class=\"zoomable-image\" width=\"800\" height=\"898\" style=\"aspect-ratio: 0.89;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-10-10_2.png?v=1735885385\" class=\"zoomable-image\" width=\"800\" height=\"412\" style=\"aspect-ratio: 1.94;\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46821818368251,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-10-10.png?v=1764420941"},{"product_id":"2022-10-11","title":"Shopifyの管理画面から行った注文情報の削除・編集はマイページの注文履歴に反映されない","description":"\u003cp\u003eShopifyの管理画面から注文情報の削除・編集を行なった場合、「refund.refund_line_items」などでline_item.idを取得できず、マイページの注文履歴には反映することができません。\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003carticle class=\"link-card\"\u003e\u003ca href=\"https:\/\/community.shopify.com\/c\/%E6%8A%80%E8%A1%93%E7%9A%84%E3%81%AAq-a\/shopify%E7%AE%A1%E7%90%86%E7%94%BB%E9%9D%A2%E3%81%A7-%E3%82%A2%E3%82%A4%E3%83%86%E3%83%A0%E3%82%92%E5%89%8A%E9%99%A4-%E6%95%B0%E9%87%8F%E3%82%92%E8%AA%BF%E6%95%B4-%E3%81%97%E3%81%9F%E5%A0%B4%E5%90%88-%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E7%94%BB%E9%9D%A2-%E6%B3%A8%E6%96%87%E5%B1%A5%E6%AD%B4%E7%94%BB%E9%9D%A2%E3%81%AB%E5%8F%8D%E6%98%A0%E3%81%95%E3%82%8C%E3%81%AA%E3%81%84\/td-p\/720130\" target=\"_blank\"\u003e\n\u003cdiv\u003e\u003cimg class=\"zoomable-image\" alt=\"Shopify\" src=\"https:\/\/cdn.shopify.com\/assets\/images\/logos\/shopify-bag.png\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2\u003eShopify管理画面で「アイテムを削除」「数量を調整」した場合、ユーザー画面＞注文履歴画面に反映されない\u003c\/h2\u003e\n\u003ccite\u003eShopify Community Japan (JP)  Shopify ディスカッション  技術的なQ＆A\/cite\u0026gt;\u003ccite\u003e\u003c\/cite\u003e\n\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/article\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46822206308603,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-10-11.png?v=1764464753"},{"product_id":"2022-10-20","title":"ShopifyのFlowでは難しいアクションも 実現可能なワークフローアプリ「Mechanic」","description":"\u003cp\u003eShopify Flowが使えない時は、Mechanicを採用することが多いです。最初から膨大なタスクが用意されておりそのまま使えるものが結構ありますので助かります。\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003carticle class=\"link-card\"\u003e\u003ca href=\"https:\/\/apps.shopify.com\/mechanic?locale=ja\" target=\"_blank\"\u003e\n\u003cdiv\u003e\u003cimg class=\"zoomable-image\" alt=\"Mechanic\" src=\"https:\/\/cdn.shopify.com\/app-store\/listing_images\/e9f7304f320df1ee017af1d0bf9c64f4\/icon\/CKmEoL2ng_sCEAE=.jpeg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2\u003eMechanic\u003c\/h2\u003e\n\u003cp\u003e355+ workflow automations and a development and integration platform to supercharge your shop.\u003c\/p\u003e\n\u003ccite\u003eapps.shopify.com\u003c\/cite\u003e\u003ccite\u003e\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/article\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46822260670715,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-10-20.png?v=1764465352"},{"product_id":"2022-10-21","title":"Shopifyのギフトカードとクーポンは注文データが異なる","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eギフトカードとクーポン（ディスカウント）、用途は勿論ですが注文データが異なる点も気をつけたい所です。クーポンはDiscountなので直接「売上額」がマイナスされるのですが、ギフトカードは決済方法として計上されるので、後日割引額を集計する際など注意が必要です。\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eギフトカードは支払われた金額として扱われ、\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eクーポン（ディスカウント）\u003c\/span\u003eは値引き額として計上される。\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-10-21_1.jpg?v=1735914599\" class=\"zoomable-image\" width=\"800\" height=\"214\" style=\"aspect-ratio: 3.74;\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46822387450107,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-10-21.png?v=1764465654"},{"product_id":"2022-10-24","title":"ShopifyのLiquidの割り算結果は除数と同じ結果になる","description":"\u003cp\u003eLiquidでは除数と同じ型の結果になります。\u003cbr\u003e整数で除算すると結果は整数になるので、小数点が必要な場合は少数を含んだ数字で割る必要があります。\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-10-24_1.jpg?v=1735916214\" class=\"zoomable-image\" width=\"800\" height=\"615\" style=\"aspect-ratio: 1.30;\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46822415106299,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-10-24.png?v=1764466076"},{"product_id":"2022-10-25","title":"Shopifyの商品タイプに親カテゴリを含めた文字列で設定しておくと、親子構造を持った自動コレクションが作りやすくなる","description":"\u003cp\u003e商品情報を登録する際、ショッピング広告用に「商品カテゴリ」はリスト選択したものを設定しますが、商品タイプに親カテゴリを含めた文字列で設定しておくと、親子構造を持った自動コレクションが作りやすくなります。\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eプロジェクターの商品設定例。商品タイプに「親コレクションカテゴリー：子\u003cmeta charset=\"utf-8\"\u003eコレクションカテゴリー：商品カテゴリー」までの構造を入力しておく\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-10-25_1.png?v=1735953990\" class=\"zoomable-image\" width=\"800\" height=\"544\" style=\"aspect-ratio: 1.47;\"\u003e\u003c\/p\u003e\n\u003cp\u003e親コレクションを作成する際に条件を「商品タイプが右で始まる」に指定し、親コレクション名の文字までを指定\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-10-25_2.jpg?v=1735953990\" class=\"zoomable-image\" width=\"800\" height=\"607\" style=\"aspect-ratio: 1.32;\"\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e続いて子コレクションの条件を「商品タイプが右で始まる」に指定し、親コレクション名から子コレクション名の文字までを指定\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-10-25_3.jpg?v=1735953990\" class=\"zoomable-image\" width=\"800\" height=\"561\" style=\"aspect-ratio: 1.43;\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46823326253307,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-10-25.png?v=1764466506"},{"product_id":"2022-10-26","title":"Shopifyで複数のバリエーションを持つ商品をコレクションページに同時掲載できるアプリ「B4B ‑ Variable Products」","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eサイズやカラーなど複数のバリエーションを持つ商品をコレクションページに同時掲載できるアプリです。\u003cbr\u003eただ、こちらのアプリは掲載する点数が多すぎると、スタックしてしまって画面の読み込みが非常に遅くなってしまうことがあるので注意が必要です。\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003carticle class=\"link-card\"\u003e\u003ca href=\"https:\/\/apps.shopify.com\/variable-products?locale=ja\" target=\"_blank\"\u003e\n\u003cdiv\u003e\u003cimg class=\"zoomable-image\" alt=\"B4B ‑ Variable Products\" src=\"https:\/\/cdn.shopify.com\/app-store\/listing_images\/001db4330c0eae1bb3db01f6ea5fba0e\/icon\/CL2l7sf0lu8CEAE=.png\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2\u003eB4B ‑ Variable Products\u003c\/h2\u003e\n\u003cp\u003eDo not create tons of products! Just split up products and show variants on collection pages\u003c\/p\u003e\n\u003ccite\u003eapps.shopify.com\u003c\/cite\u003e\u003ccite\u003e\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/article\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46823359545595,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-10-26.png?v=1764466794"},{"product_id":"2022-10-27","title":"Shopifyでバリエーションごとに表示するサムネイルセットを変えたい時は「StarApps Variant Image」が便利","description":"\u003cp\u003e商品詳細画面ですべての写真を載せてしまうのではなく、バリエーションごとに表示するサムネイルセットを変えたい時はこちらのアプリが便利です。さまざまなストアに導入させてもらっています。\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003carticle class=\"link-card\"\u003e\u003ca href=\"https:\/\/apps.shopify.com\/variant-image-automator?locale=ja\" target=\"_blank\"\u003e\n\u003cdiv\u003e\u003cimg class=\"zoomable-image\" alt=\"Mechanic\" src=\"https:\/\/cdn.shopify.com\/app-store\/listing_images\/4001363d6af25ac80753053c650d1117\/icon\/CImiqbD08PACEAE=.png\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2\u003eStarApps Variant Image\u003c\/h2\u003e\n\u003cp\u003eShow Multiple Variant Images of Selected Variant Options. Set Multiple Variant Images Automatically.\u003c\/p\u003e\n\u003ccite\u003eapps.shopify.com\u003c\/cite\u003e\u003ccite\u003e\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/article\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46823365771515,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-10-27.png?v=1764467477"},{"product_id":"2022-10-28","title":"Shopifyで商品やコレクションページへのアクセスを制御出来るアプリ「Locksmith」","description":"\u003cp\u003e会員限定などシークレットセールの相談を受けることがありますが、そんな時におすすめなアプリがLocksmithです。指定タグをもつユーザーやパスコード、特定URLでのみアクセス可能など様々な方法で商品やコレクションページへのアクセスを制御出来るようになります。\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003carticle class=\"link-card\"\u003e\u003ca href=\"https:\/\/apps.shopify.com\/locksmith?locale=ja\" target=\"_blank\"\u003e\n\u003cdiv\u003e\u003cimg class=\"zoomable-image\" alt=\"Locksmith\" src=\"https:\/\/cdn.shopify.com\/app-store\/listing_images\/9beb0d2bacfb9677b62fefcbfe1facee\/icon\/CMP0uqnMg_sCEAE=.jpeg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2\u003eLocksmith\u003c\/h2\u003e\n\u003cp\u003eAccess control for the Online Store channel. Lock any content; grant access with passcodes and more.\u003c\/p\u003e\n\u003ccite\u003eapps.shopify.com\u003c\/cite\u003e\u003ccite\u003e\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/article\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46823376355579,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-10-28.png?v=1764468284"},{"product_id":"2022-10-31","title":"ShopifyでInstagramの投稿内容をストアに掲載出来るアプリ「Socialwidget ‑ Instagram Feed」","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eInstagramの投稿内容をストアに連携するケースは多いと思いますが、こちらのアプリで実装することが多いです。複数アカウントを管理できたり、ストアのデザインに合わせてカスタマイズできたりなど、価格の割に高機能なので、高評価なのも頷けます。\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003carticle class=\"link-card\"\u003e\u003ca href=\"https:\/\/apps.shopify.com\/instafeed-socialwidget?locale=ja\" target=\"_blank\"\u003e\n\u003cdiv\u003e\u003cimg class=\"zoomable-image\" alt=\"Locksmith\" src=\"https:\/\/cdn.shopify.com\/app-store\/listing_images\/78c7d846fe4892fb9f338d208c8e9e6e\/icon\/CKOcpfzRzYMDEAE=.png\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2\u003eSocialwidget‑Instagram Feed\u003c\/h2\u003e\n\u003cp\u003eインスタグラムの投稿をショップ可能なフィードに変えて、売上アップ！\u003c\/p\u003e\n\u003ccite\u003eapps.shopify.com\u003c\/cite\u003e\u003ccite\u003e\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/article\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46823405748475,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-10-31.png?v=1764468870"},{"product_id":"2022-11-05","title":"Shopifyで注文の確認メールに注文メモを表示する方法","description":"\u003cp\u003e購入完了画面に注文メモを表示させるのであれば、注文の確認メールにも表示させたくなります。注文メモの有無を{% if note != blank %}...{% endif %}で判別させつつ、表示させたい場所にtableレイアウトでHTMLを記述しておきます。\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-11-05_1.png?v=1735959443\" class=\"zoomable-image\" width=\"800\" height=\"695\" style=\"aspect-ratio: 1.15;\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46823410761979,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-11-05.png?v=1764469333"},{"product_id":"2022-11-08","title":"Shopifyでアカウント（会員情報）の独自項目を追加したり登録後に編集できるようになるアプリ「Helium Customer Fields」","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eShopify標準のマイページは名前とメールアドレス、それと複数の住所が入力できるだけなので、独自の項目を追加したり、その内容をユーザー側でも編集できるようにしたいという場合は、Helium Customer Fieldsというアプリをおすすめしています。\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003carticle class=\"link-card\"\u003e\u003ca href=\"https:\/\/apps.shopify.com\/customr?locale=ja\" target=\"_blank\"\u003e\n\u003cdiv\u003e\u003cimg class=\"zoomable-image\" alt=\"Locksmith\" src=\"https:\/\/cdn.shopify.com\/app-store\/listing_images\/be9f46fe70870efa191a9c0eab91d5f4\/icon\/CK-dwtWI7_kCEAE=.jpeg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2\u003eHelium Customer Fields\u003c\/h2\u003e\n\u003cp\u003eビジネスと同じくらいユニークな顧客サインアップ フォームを作成し、カスタム データを顧客アカウントに保存します。\u003c\/p\u003e\n\u003ccite\u003eapps.shopify.com\u003c\/cite\u003e\u003ccite\u003e\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/article\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46823542653179,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-11-08.png?v=1764469758"},{"product_id":"2022-11-10","title":"Shopifyのペイメントのテストモードでさまざまな決済をシミュレーション可能","description":"\u003cp\u003eShopify Paymentの決済テスト、いろんなカードやステータスで確認できるので便利です。\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003carticle class=\"link-card\"\u003e\u003ca href=\"https:\/\/help.shopify.com\/ja\/manual\/payments\/shopify-payments\/testing-shopify-payments#part-1d55596f833094b9\" target=\"_blank\"\u003e\n\u003cdiv\u003e\u003cimg alt=\"Shopify\" src=\"https:\/\/cdn.shopify.com\/assets\/images\/logos\/shopify-bag.png\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2\u003eShopify ペイメントのテスト\u003c\/h2\u003e\n\u003cp\u003eShopifyペイメントの設定をテストするには、テストモードを有効にし、テスト用のクレジットカードを使用して決済のシミュレーションを行います。\u003c\/p\u003e\n\u003ccite\u003eshopify.com\u003c\/cite\u003e\u003ccite\u003e\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/article\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e入力するカード番号でカードタイプを指定可能\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-11-10_1.png?v=1735965915\" class=\"zoomable-image\" width=\"800\" height=\"719\" style=\"aspect-ratio: 1.11;\"\u003e\u003c\/p\u003e\n\u003cp\u003eクレジットカードのエラーメッセージを表示したい場合の番号が用意されている\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-11-10_2.png?v=1735965915\" class=\"zoomable-image\" width=\"800\" height=\"549\" style=\"aspect-ratio: 1.46;\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46823550714107,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-11-10.png?v=1764470312"},{"product_id":"2022-11-11","title":"ShopifyでPaymentsを有効化しなくてもBogus Gateway を設定すればすぐにテスト決済可能","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003e標準の決済手段である Shopify Paymentsを有効化しなくても、こちらの手順に従ってBogus Gatewayという決済手段を設定するだけで、すぐにテスト決済ができる様になります\u003c\/span\u003e。\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003carticle class=\"link-card\"\u003e\u003ca href=\"https:\/\/help.shopify.com\/ja\/partners\/dashboard\/managing-stores\/test-orders-in-dev-stores#testing-using-bogus-gateway\" target=\"_blank\"\u003e\n\u003cdiv\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/assets\/images\/logos\/shopify-bag.png\" alt=\"Shopify\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2\u003eShopifyのBogusゲートウェイを使用してテストする\u003c\/h2\u003e\n\u003cp\u003eBogus Gatewayは、どのストアでもテスト注文の作成に使用できる決済サービスです。\u003c\/p\u003e\n\u003ccite\u003eshopify.com\u003c\/cite\u003e\u003ccite\u003e\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/article\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003eBogus Gatewayを使ってテスト決済する\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-11-11_1.jpg?v=1735966683\" class=\"zoomable-image\" width=\"800\" height=\"527\" style=\"aspect-ratio: 1.52;\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46823554908411,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-11-11.png?v=1764484203"},{"product_id":"2022-11-17","title":"ShopifyのブログにもRSSフィードがあります","description":"\u003cp\u003e著名なリーダーアプリが終了してしまたのであまり話題に登らなくなりましたが、ShopifyのブログにもRSSフィードがあります。\u003cbr\u003e作成したブログは全て自動でフィードが生成されており、以下のURL形式で取得可能です。\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003clink href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/themes\/prism.min.css\" rel=\"stylesheet\"\u003e\n\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/components\/prism-core.min.js\"\u003e\u003c\/script\u003e\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/plugins\/autoloader\/prism-autoloader.min.js\"\u003e\u003c\/script\u003e\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/plugins\/line-numbers\/prism-line-numbers.min.js\"\u003e\u003c\/script\u003e\u003clink href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/plugins\/line-numbers\/prism-line-numbers.min.css\" rel=\"stylesheet\"\u003e\n\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/plugins\/line-highlight\/prism-line-highlight.min.js\"\u003e\u003c\/script\u003e\u003clink href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/plugins\/line-highlight\/prism-line-highlight.min.css\" rel=\"stylesheet\"\u003e\n\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/plugins\/unescaped-markup\/prism-unescaped-markup.min.js\"\u003e\u003c\/script\u003e\u003clink href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/plugins\/unescaped-markup\/prism-unescaped-markup.min.css\" rel=\"stylesheet\"\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003ch2\u003eフィードリーダー用のRSSフィードURL\u003c\/h2\u003e\n\u003cdiv\u003e\n\u003cscript type=\"text\/plain\" class=\"language-html line-numbers\" data-line=\"1,2\"\u003ehttp:\/\/[store-domain]\/blogs\/blogname.atom\u003c\/script\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\n\u003carticle class=\"link-card\"\u003e\u003ca href=\"https:\/\/help.shopify.com\/ja\/en\/manual\/online-store\/blogs\/publishing-blogs#part-69142b95f5b05575\" target=\"_blank\"\u003e\u003cimg class=\"zoomable-image\" alt=\"Shopify\" src=\"https:\/\/cdn.shopify.com\/assets\/images\/logos\/shopify-bag.png\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2\u003eお客様のブログを購読するよう招待する\u003c\/h2\u003e\n\u003cp\u003eShopifyでは、作成したすべてのブログのRSSフィードを自動的に作成します。\u003c\/p\u003e\n\u003ccite\u003eshopify.com\u003c\/cite\u003e\u003ccite\u003e\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/article\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46823656521979,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-11-17.png?v=1764485198"},{"product_id":"2022-11-18","title":"ShopifyのLiquidで現在の時刻を取得する方法","description":"\u003cp\u003eLiquidで現在の時刻を取得するには特殊な単語 `now` または `today` を使い、フィルタで任意の日付フォーマットを指定します。\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-11-18_1.jpg?v=1735972043\" class=\"zoomable-image\" width=\"800\" height=\"171\" style=\"aspect-ratio: 4.68;\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46823679885563,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-11-18.png?v=1764485834"},{"product_id":"2022-11-20","title":"Shopifyの404.liquidにコレクションリストやおすすめ商品の掲載がオススメ","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eShopifyにはどのテーマも404ページが備わっていますが、標準ではそっけない感じですので、404.liquidにコレクションリストやおすすめ商品などを差し込んでおくと良いですね。\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-11-20_1.jpg?v=1735982518\" class=\"zoomable-image\" width=\"800\" height=\"466\" style=\"aspect-ratio: 1.72;\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46823821312251,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-11-20.png?v=1764487831"},{"product_id":"2022-11-25","title":"Shopifyでページビルダーアプリ３選「PageFly ランディングページビルダー」「GemPages Landing Page Builder」「Shogun ‑ Landing Page Builder」","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eShopifyのページビルダーアプリの有力どころ３選です。\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003carticle class=\"link-card\"\u003e\u003ca href=\"https:\/\/apps.shopify.com\/pagefly?locale=ja\" target=\"_blank\"\u003e\n\u003cdiv\u003e\u003cimg class=\"zoomable-image\" alt=\"PageFly\" src=\"https:\/\/cdn.shopify.com\/app-store\/listing_images\/f85ee597169457da8ee70b6652cae768\/icon\/CMvknMn0lu8CEAE=.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2\u003ePageFly ランディングページビルダー\u003c\/h2\u003e\n\u003cp\u003eコーディング不要で魅力的なストアページを作成・デザインしましょう。訪問者をコンバージョンさせるために、さらにカスタマイズできます。\u003c\/p\u003e\n\u003ccite\u003eapps.shopify.com\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/article\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003carticle class=\"link-card\"\u003e\u003ca href=\"https:\/\/apps.shopify.com\/gempages?locale=ja\" target=\"_blank\"\u003e\n\u003cdiv\u003e\u003cimg class=\"zoomable-image\" alt=\"GemPages Landing Page Builder\" src=\"https:\/\/cdn.shopify.com\/app-store\/listing_images\/6d72140e25d3f444e352738033321b98\/icon\/CJCIkdONi_UCEAE=.jpeg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2\u003eGemPages Landing Page Builder\u003c\/h2\u003e\n\u003cp\u003e直感的なビジュアルエディターと強力なAI機能を備え、手軽でコンバージョンに焦点を当てたページビルダー。\u003c\/p\u003e\n\u003ccite\u003eapps.shopify.com\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/article\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003carticle class=\"link-card\"\u003e\u003ca href=\"https:\/\/apps.shopify.com\/shogun?locale=ja\" target=\"_blank\"\u003e\n\u003cdiv\u003e\u003cimg class=\"zoomable-image\" alt=\"Shogun ‑ Landing Page Builder\" src=\"https:\/\/cdn.shopify.com\/app-store\/listing_images\/0ca2c1526ec07b9f52021bd42651b1fd\/icon\/CO2wi8_0-4IDEAE=.jpeg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2\u003eShogun ‑ Landing Page Builder\u003c\/h2\u003e\n\u003cp\u003eEasy to use visual page editor to design blog posts, product pages, landing pages \u0026amp; theme sections\u003c\/p\u003e\n\u003ccite\u003eapps.shopify.com\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/article\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46823821934843,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-11-25.png?v=1764488187"},{"product_id":"2022-11-26","title":"Shopifyで日付の比較を行う場合、date: '%s' フィルタを使って Unix time（秒）に変換してから行う","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eShopifyで日付の比較を行う場合、date: '%s' フィルタを使って Unix time（秒）に変換してから行います。\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-11-26_1.png?v=1735991081\" class=\"zoomable-image\" width=\"800\" height=\"380\" style=\"aspect-ratio: 2.11;\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46823876100347,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-11-26.png?v=1764488526"},{"product_id":"2022-11-27","title":"ShopifyでJPEG形式の商品写真で背景を透過する方法","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e商品写真がJPEGの場合、透過状態に切り抜くのは何かと大変ですが、薄地の背景色であればCSSのmix-blend-modeを使うと便利です。\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-11-27_1.jpg?v=1735992254\" class=\"zoomable-image\" width=\"800\" height=\"771\" style=\"aspect-ratio: 1.04;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-11-27_2.png?v=1735992267\" class=\"zoomable-image\" width=\"800\" height=\"708\" style=\"aspect-ratio: 1.13;\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46823876755707,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-11-27.png?v=1764489034"},{"product_id":"2022-11-29","title":"ShopifyのLiquidで特定の文字列前後の文字を抜き出す方法","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003eスプレッドシートではLEFTとFIND関数を使って特定の文字より前の文字を抜き出す方法がありますが、Shopifyのliquid上で同じようなことをやりたいとき、splitを使って簡易に実装するときがあります。\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-11-29_1.jpg?v=1735992667\" class=\"zoomable-image\" width=\"800\" height=\"221\" style=\"aspect-ratio: 3.62;\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46823877181691,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-11-29.png?v=1764489419"},{"product_id":"2022-12-01","title":"Shopifyのリダイレクト設定は指定したページが 404 Not Found の時だけ有効","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003eShopifyのリダイレクト設定でわかりづらいところですが、リダイレクト指定をしたページが404 Not Foundの時だけ有効になります。なお、こちらで大変ありがたい検証結果を共有いただいてますが、商品が下書き状態の場合404ではないためリダイレクトが有効にならないとのことなので要注意ですね。\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003carticle class=\"link-card\"\u003e\u003ca href=\"https:\/\/webutubutu.com\/webdesign\/10482#toc_H3-2\" target=\"_blank\"\u003e\n\u003cdiv\u003e\u003cimg class=\"zoomable-image\" alt=\"リダイレクトが有効な状態\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/link.png?v=1735994348\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2\u003eリダイレクトが有効な状態\u003c\/h2\u003e\n\u003cp\u003e商品を残した状態でリダイレクトを行う場合、下書きへの変更ではなく販売チャネルのオンラインストアを解除する必要があります。\u003c\/p\u003e\n\u003ccite\u003ewebutubutu.com\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/article\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46823885308155,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-12-01.png?v=1764489788"},{"product_id":"2022-12-07","title":"Shopifyでお問い合わせフォームアプリ「Powerful Contact Form Builder」","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan class=\"css-1jxf684 r-bcqeeo r-1ttztb7 r-qvutc0 r-1tl8opc\"\u003eShopifyの標準のお問い合わせフォームには自動返信機能がありません（\u003ca rel=\"noopener\" href=\"https:\/\/community.shopify.com\/c\/%E6%8A%80%E8%A1%93%E7%9A%84%E3%81%AAq-a\/%E3%81%8A%E5%95%8F%E3%81%84%E5%90%88%E3%82%8F%E3%81%9B%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%81%AE%E8%87%AA%E5%8B%95%E8%BF%94%E4%BF%A1%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6\/td-p\/828347\" target=\"_blank\"\u003e公式回答\u003c\/a\u003e）。そ\u003c\/span\u003e\u003cspan class=\"css-1jxf684 r-bcqeeo r-1ttztb7 r-qvutc0 r-1tl8opc\"\u003eこで、こちらのアプリをおすすめしています。\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003carticle class=\"link-card\"\u003e\u003ca href=\"https:\/\/apps.shopify.com\/form-builder-contact-form?locale=ja\" target=\"_blank\"\u003e\n\u003cdiv\u003e\u003cimg class=\"zoomable-image\" src=\"https:\/\/cdn.shopify.com\/app-store\/listing_images\/7919647ec002bc41691875d798fc4339\/icon\/COmlwLH0lu8CEAE=.png\" alt=\"Powerful Contact Form Builder\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2\u003ePowerful Contact Form Builder\u003c\/h2\u003e\n\u003cp\u003eパワーフルのお問い合わせフォームビルダーのアプリを使用すると、お問い合わせフォームや高度なフォームを数分で作成する時間を節約できます。\u003c\/p\u003e\n\u003ccite\u003eapps.shopify.com\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/article\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46823886127355,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-12-07.png?v=1764490362"},{"product_id":"2022-12-10","title":"Shopifyが提供する無料のロゴジェネレーター","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eShopifyが提供する無料のロゴジェネレーターのHatchful。いきなりプロにオーダーする前に、まずはこちらで試してみて、自社ブランドに合致しそうなものを見つけてみるのも手です\u003c\/span\u003e。\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003carticle class=\"link-card\"\u003e\u003ca href=\"https:\/\/www.shopify.com\/jp\/tools\/logo-maker\" target=\"_blank\"\u003e\n\u003cdiv\u003e\u003cimg class=\"zoomable-image\" alt=\"ロゴジェネレーター\" src=\"https:\/\/cdn.shopify.com\/assets\/images\/logos\/shopify-bag.png\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2\u003eロゴジェネレーター\u003c\/h2\u003e\n\u003cp\u003eわずか数秒でプロ仕様のロゴが作成できる\u003c\/p\u003e\n\u003ccite\u003ewww.shopify.com\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/article\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46823893008635,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-12-10.png?v=1764490761"},{"product_id":"2022-12-13","title":"Shopifyのメタフィールドの複数行テキストを表示側で改行するには「newline_to_br」フィルタをつける必要あり","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003eメタフィールドの複数行テキスト欄の場合、そのままですと表示側で改行が反映されないので、出力するタグ側で「newline_to_br」フィルタをつけておく必要があります。\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-12-13_1.jpg?v=1735995930\" class=\"zoomable-image\" width=\"800\" height=\"180\" style=\"aspect-ratio: 4.44;\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46823896776955,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-12-13.png?v=1764491189"},{"product_id":"2022-12-17","title":"ShopifyのMechanicを使えば配送不要品を自動でフルフィルメント（配送完了）可能","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eShopifyは通常、配送不要品は自動でフルフィルメント（配送完了）されませんが、Mechanicを使えばできるようになります。 そこでフルフィルメント済みかつ商品タイプがデジタルグッズの場合、注文詳細を「発送済」ではなく「ダウンロード」リンクが表示されるようにしてみました。便利です。\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-12-17_1.jpg?v=1735998886\" class=\"zoomable-image\" width=\"800\" height=\"253\" style=\"aspect-ratio: 3.16;\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003carticle class=\"link-card\"\u003e\u003ca href=\"https:\/\/apps.shopify.com\/mechanic?locale=ja\" target=\"_blank\"\u003e\n\u003cdiv\u003e\u003cimg alt=\"Mechanic\" src=\"https:\/\/cdn.shopify.com\/app-store\/listing_images\/e9f7304f320df1ee017af1d0bf9c64f4\/icon\/CKmEoL2ng_sCEAE=.jpeg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2\u003eMechanic\u003c\/h2\u003e\n\u003cp\u003e355+ workflow automations and a development and integration platform to supercharge your shop.\u003c\/p\u003e\n\u003ccite\u003eapps.shopify.com\u003c\/cite\u003e\u003ccite\u003e\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/article\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46823917027579,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-12-17.png?v=1764491695"},{"product_id":"2022-12-20","title":"Shopifyでコレクションリストを複数掲載したい場合は新規テンプレートに「コレクションリスト」セクションを設置する方法で代用可能","description":"\u003cp\u003eShopifyのコレクションリストは「\/collections」というURLで一つしか持てないのですが、複数掲載したいケースがあります。そんな時は新規作成したテンプレートに「コレクションリスト」セクションを表示する方法を使うことがあります。コードを書かずにエディタから管理できるので便利です。\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch3\u003eコレクションリストテンプレートは１つだけ（複製できない）\u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-12-20_1.png?v=1735999318\" class=\"zoomable-image\"\u003e\u003c\/p\u003e\n\u003ch3\u003e新規のコレクションテンプレートを作成し、通常のコレクション機能をオフにしてコレクションリストセクションを表示\u003c\/h3\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-12-20_2.png?v=1735999318\" alt=\"\" class=\"zoomable-image\"\u003e\u003c\/p\u003e\n\u003ch3\u003eコレクションページで新規作成したテンプレートを選択して画面に反映\u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-12-20_3.png?v=1735999317\" class=\"zoomable-image\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46823918174459,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-12-20.png?v=1736037675"},{"product_id":"2022-12-24","title":"Shopifyで日付をまたいでイベント設定できるカレンダーアプリ「Event Calendar by Elfsight」","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eカレンダーアプリは色々ありますが、日付をまたいでイベント設定できたり、イベント詳細をモーダルで表示できるなど、こちらのアプリが今のところ一番使い勝手が良いですね。\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003carticle class=\"link-card\"\u003e\u003ca href=\"https:\/\/apps.shopify.com\/elfsight-event-calendar?locale=ja\" target=\"_blank\"\u003e\n\u003cdiv\u003e\u003cimg class=\"zoomable-image\" alt=\"Event Calendar by Elfsight\" src=\"https:\/\/cdn.shopify.com\/app-store\/listing_images\/402a20ec3e7d1febec44fe00dbae1823\/icon\/CKOBjNr0lu8CEAE=.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2\u003eEvent Calendar by Elfsight\u003c\/h2\u003e\n\u003cp\u003eShowcase and manage your events with a calendar, schedule and agenda to keep users engaged.\u003c\/p\u003e\n\u003ccite\u003ewww.shopify.com\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/article\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46823925842171,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-12-24.png?v=1736037680"},{"product_id":"2022-12-26","title":"Shopify FlowでOrderのLine Item Propertiesの値はcustomAttributesでアクセス可能","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eShopify Flowで Order の Line Item Properties の値を使って処理を振り分けたい場合はcustomAttributesでアクセス可能です。\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch3\u003e例）注文された商品に応じてタグ付けしたい場合\u003c\/h3\u003e\n\u003cp\u003e\u003cimg class=\"zoomable-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-12-26_1.jpg?v=1736001449\" alt=\"\"\u003e\u003c\/p\u003e\n\u003ch3\u003eLine Item Propertiesの値はcustomAttributesでアクセスする\u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-12-26_2.jpg?v=1736001449\" class=\"zoomable-image\"\u003e\u003c\/p\u003e\n\u003ch3\u003e参考URL：\u003c\/h3\u003e\n\u003carticle class=\"link-card\"\u003e\u003ca href=\"https:\/\/community.shopify.com\/c\/shopify-flow-app\/can-we-access-line-item-properties-with-flow-on-new-orders\/m-p\/1488117\/highlight\/true\" target=\"_blank\"\u003e\n\u003cdiv\u003e\u003cimg alt=\"Re: Flow: Access Line Item Properties?\" src=\"https:\/\/cdn.shopify.com\/assets\/images\/logos\/shopify-bag.png\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2\u003eRe: Flow: Access Line Item Properties?\u003c\/h2\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ccite\u003ewww.shopify.com\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/article\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46823929053435,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-12-26.png?v=1736037684"},{"product_id":"2022-12-28","title":"Shopifyで閲覧ユーザーの利便性向上のためにメニューにサムネイルを表示する","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eShopifyのメニュー、テーマによってはメガメニューで見栄え良く設定できるのですが、通常メニューでもサムネイルが表示できると閲覧ユーザーの利便性が上がるのでオススメです。メニューの要素オブジェクト（link.links）から画像URLを取得してサムネイル表示させる方法です。\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch3\u003eメニューに画像を表示する例\u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-12-28_1.jpg?v=1736003033\" class=\"zoomable-image\"\u003e\u003c\/p\u003e\n\u003ch3\u003eメニューに設定できるものの中で、画像を表示できるのは「コレクション」「商品」「ブログ記事」\u003c\/h3\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-12-28_2.jpg?v=1736003033\" alt=\"\" class=\"zoomable-image\"\u003e\u003c\/p\u003e\n\u003ch3\u003eリンクに設定しているコレクションや商品の画像を参照するコード例\u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-12-28_3.jpg?v=1736003033\" class=\"zoomable-image\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46823935803643,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-12-28.png?v=1736037693"},{"product_id":"2022-12-30","title":"Shopify Flowで注文メモ付きOrderにタグ付けする設定例","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eShopifyの注文管理画面で「注文メモ」付きのデータを絞り込みたい場合、残念ながら標準のフィルタ機能がありません。そこでFlowを使って注文メモ付きOrderにタグ付けするよう設定しておくと便利です。ちなみにFlowは既存注文にも適用できるので後から設定しても問題ありません。\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch3\u003e例）注文メモの入ったOrderにタグが追加される\u003c\/h3\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-12-30_1.jpg?v=1736003611\" alt=\"\" class=\"zoomable-image\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch3\u003e【手順①】注文作成時に注文メモの有無を判別\u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-12-30_2.jpg?v=1736003611\" class=\"zoomable-image\"\u003e\u003c\/p\u003e\n\u003ch3\u003e【手順②】注文メモがあればタグを追加\u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-12-30_3.jpg?v=1736003611\" class=\"zoomable-image\"\u003e\u003c\/p\u003e\n\u003ch3\u003e【手順③】過去の注文データにもFlowを適用可能\u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-12-30_4.jpg?v=1736003611\" class=\"zoomable-image\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46823939014907,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2022-12-30.png?v=1736037697"},{"product_id":"2023-01-02","title":"ShopifyでおすすめのCRMアプリ「Klaviyo」","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eShopifyでおすすめのCRMツールといえばやはりKlaviyoでしょうか。 購入金額や任意のセグメントなどかなり細かい条件を指定してメール配信することができるほか、配信したメールの効果検証もかなり詳細にできるので非常に重宝しています。\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003carticle class=\"link-card\"\u003e\u003ca href=\"https:\/\/apps.shopify.com\/klaviyo-email-marketing?locale=ja\" target=\"_blank\"\u003e\n\u003cdiv\u003e\u003cimg class=\"zoomable-image\" alt=\"Klaviyo: Email Marketing \u0026amp; SMS\" src=\"https:\/\/cdn.shopify.com\/app-store\/listing_images\/5edd9000b933a8fa88c152d1e498531f\/icon\/CP6B2OOv3PYCEAE=.png\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2\u003eKlaviyo: Email Marketing \u0026amp; SMS\u003c\/h2\u003e\n\u003cp\u003eGrow faster and more efficiently with email, sms, reviews and more. Powered by your customer data.\u003c\/p\u003e\n\u003ccite\u003eapps.shopify.com\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/article\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46826885677307,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-02.png?v=1736037704"},{"product_id":"2023-01-03","title":"Shopifyでギフトカード一括生成アプリ「Gift Card Factory」","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eShopifyでクーポンコードの一括生成はいくつか方法がありますが、ギフトカードについてはこちらのアプリが便利です。数千件のギフトカード発行も問題なく、何かあってもベンダーのサポート窓口が迅速に回答してくれたので安心して運用できます。\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003carticle class=\"link-card\"\u003e\u003ca href=\"https:\/\/apps.shopify.com\/gift-card-factory?locale=ja\" target=\"_blank\"\u003e\n\u003cdiv\u003e\u003cimg class=\"zoomable-image\" alt=\"Gift Card Factory\" src=\"https:\/\/cdn.shopify.com\/app-store\/listing_images\/6229196a582dd7b9f96ad135f2dd3f65\/icon\/CJOqpoLR1ocDEAE=.png\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2\u003eGift Card Factory\u003c\/h2\u003e\n\u003cp\u003eCreate, import, update and send gift cards in bulk. Refunds on gift cards. Balance reminders \u0026amp; more.\u003c\/p\u003e\n\u003ccite\u003eapps.shopify.com\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/article\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46826890035451,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-03.png?v=1736037310"},{"product_id":"2023-01-04","title":"Shopifyの注文後の「配送先」変更は可能だが「請求先」は変更できない","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eShopifyでは、注文についてご購入者の方から様々なお問い合せを受けることがあるかと思います。注文後の「配送先」変更は可能なのですが、セキュリティ上の理由から「請求先」は管理画面からも行えません。注文をキャンセルしてから再注文して頂く必要があります。\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003carticle class=\"link-card\"\u003e\u003ca href=\"https:\/\/community.shopify.com\/c\/%E7%B7%8F%E5%90%88%E7%9A%84%E3%81%AA%E3%83%87%E3%82%A3%E3%82%B9%E3%82%AB%E3%83%83%E3%82%B7%E3%83%A7%E3%83%B3\/%E6%B3%A8%E6%96%87%E7%AE%A1%E7%90%86%E7%94%BB%E9%9D%A2%E3%81%AE%E8%AB%8B%E6%B1%82%E5%85%88%E4%BD%8F%E6%89%80%E3%81%AE%E5%A4%89%E6%9B%B4%E6%96%B9%E6%B3%95%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6\/td-p\/1380\" target=\"_blank\"\u003e\n\u003cdiv\u003e\u003cimg class=\"zoomable-image\" alt=\"注文管理画面の請求先住所の変更方法について\" src=\"https:\/\/cdn.shopify.com\/assets\/images\/logos\/shopify-bag.png\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2\u003e注文管理画面の請求先住所の変更方法について\u003c\/h2\u003e\n\u003cp\u003e\u003c\/p\u003e\n\u003ccite\u003ewww.shopify.com\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/article\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46826903765243,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-04.png?v=1736038030"},{"product_id":"2023-01-06","title":"Shopifyで「xxxDrop」の中身を確認する方法（jsonフィルターを付与する）","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eShopifyテンプレートでは商品タイトルや値段など{{product.title}}のように取得できますが、xxxDropという値が表示されるものがあります。 その際、全てのケースで有効ではないのですがjsonフィルタを使うと中身を見ることができます。プロパティ値がわからないときに助かります\u003c\/span\u003e。\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-06_1.jpg?v=1736038339\" class=\"zoomable-image\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46826909565179,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-06.png?v=1736038307"},{"product_id":"2023-01-08","title":"Shopifyのページタイトル「返金ポリシー」と「配送ポリシー」を変更する方法","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eShopifyの「返金ポリシー」と「配送ポリシー」は、そのままだとあまり馴染みがないのでページタイトルを変えたくなりますよね。当初、テンプレートのカスタマイズで対応しようとしていたのですが、そもそも言語設定から簡単に変更可能なことを見落としてました。\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cimg class=\"zoomable-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-08_1.jpg?v=1736038730\" alt=\"\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46826918838523,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-08.png?v=1736038800"},{"product_id":"2023-01-09","title":"ShopifyでShadow DOMで描画されたアプリコードのCSSを編集する方法","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003e（修正版の再投稿です）Shopifyアプリにはレビューやレコメンド、SNS連携など画面表示後にJSで動的に描画されるものがあります。そして大抵はデザインを操作できるのですが、とあるアプリで設定が変更できずテンプレート側のCSSでも操作できない事がありました。その対応方法です。\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003eShadow DOMについて\u003c!-- notionvc: 932b3dfa-e449-4e8f-ab23-dd296c52809b --\u003e\n\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003eアプリの中にはその仕様上、Javascriptを使って画面表示後に動的に要素を読み込んでいるものがある。\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eその読み込まれる要素を \u003ccode\u003eShadow DOM\u003c\/code\u003e として定義することによって、ドキュメントのCSSの影響を受けない（適用されない）ようにしているケースがある。\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e前提条件を満たしていれば、以下の方法で対応することが可能。\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e前提条件：定義されている Shadow DOM の mode が open であること\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eopen の場合は、シャドウ DOM にメインページに書かれた JavaScript からアクセスできます。以下のように Element.shadowRoot プロパティを利用してアクセスできます。let myShadowDom = myCustomElem.shadowRoot;\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e対応方法：取得したElement.shadowRoot にstyleを追加して Shadow Tree 内の Shadow DOM スタイルを操作\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg class=\"zoomable-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-09_1.png?v=1736039775\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3\u003e作成したスクリプト\u003c\/h3\u003e\n\u003cdiv\u003e\n\u003clink href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/themes\/prism.min.css\" rel=\"stylesheet\"\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/components\/prism-core.min.js\"\u003e\u003c\/script\u003e\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/plugins\/autoloader\/prism-autoloader.min.js\"\u003e\u003c\/script\u003e\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/plugins\/line-numbers\/prism-line-numbers.min.js\"\u003e\u003c\/script\u003e\u003clink href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/plugins\/line-numbers\/prism-line-numbers.min.css\" rel=\"stylesheet\"\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/plugins\/line-highlight\/prism-line-highlight.min.js\"\u003e\u003c\/script\u003e\u003clink href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/plugins\/line-highlight\/prism-line-highlight.min.css\" rel=\"stylesheet\"\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/plugins\/unescaped-markup\/prism-unescaped-markup.min.js\"\u003e\u003c\/script\u003e\u003clink href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prism\/1.24.0\/plugins\/unescaped-markup\/prism-unescaped-markup.min.css\" rel=\"stylesheet\"\u003e\n\u003c\/div\u003e\n\u003ch2\u003eテンプレート内の任意の場所に{{ note }}を追加する記入例\u003c\/h2\u003e\n\u003cp\u003eこのケースではnoteの中身があるときだけ表示する処理を加えている。\u003c\/p\u003e\n\u003cdiv\u003e\n\u003cscript type=\"text\/plain\" class=\"language-html line-numbers\" data-line=\"1,2\"\u003e\u003cscript\u003e\nvar widgetContainer = document.querySelector('pics-widget');\nconst observer = new MutationObserver(records =\u003e {\n    const shadowRoot = widgetContainer.shadowRoot;\n    const pageWidth = (document.querySelector('.picture__html')).clientWidth;\n    const swiperWrapperHeightForPC = ((pageWidth - 30) \/ 3) * 1.25;\n    const swiperWrapperHeightForSP = pageWidth * 1.25;\n    const styleForShadowDom = document.createElement('style');\n    styleForShadowDom.innerHTML = `\n\t\t\/* Shadow Dom 内に適用されるCSS *\/\n    div.wrapper {\n      height: ${swiperWrapperHeightForPC}px;\n    }\n    @media screen and (max-width:640px){\n        div.wrapper {\n          height: ${swiperWrapperHeightForSP}px;\n        }\n    }`;\n    shadowRoot.appendChild(styleForShadowDom);\n});\nobserver.observe(widgetContainer, {attributes: true});\u0026lt;\n  \/script\u0026gt;\u003c\/script\u003e \u003cbr\u003e\n\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003ccode\u003epics-widget\u003c\/code\u003e はテンプレート上にあらかじめ定義された要素。アプリはこの中身を動的に切り替えるので、 \u003ccode\u003eMutationObserver\u003c\/code\u003e を使って要素が切り替わるタイミングをキャッチする\u003c\/li\u003e\n\u003cli\u003e要素が切り替わるタイミングで、Shadow Rootを取得し、画面サイズ幅に合わせて \u003ccode\u003e.wrapper\u003c\/code\u003e 要素の高さを指定したstyleをappendする。\u003c\/li\u003e\n\u003cli\u003e埋め込み場所はmain-product.liquid内に直接記入しても良いし、エディタ画面でCustom HTMLが使えればそちらに埋め込む形でもOK。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-09_2.jpg?v=1736040337\" alt=\"\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46826932502779,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-09.png?v=1736040416"},{"product_id":"2023-01-10","title":"Shopifyでオプション商品を単品で購入できないようにする設定例","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eShopifyの商品ページでギフトや熨斗の有無を設定できるようになる便利なアプリがありますが、有料オプションを設定する場合、商品情報を紐づけする必要があります。ただ、一部のアプリはカートにその商品も入れてしまうので、単品購入できないようにしておきたい所ですが、その設定例です。\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cspan\u003eアプリ「Infinite options」は有料オプションをカート追加すると商品として入ってくるため商品画面に遷移できてしまう\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-10_1.jpg?v=1736041174\" alt=\"\" class=\"zoomable-image\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3\u003eオプション用商品には購入ボタンを持たない商品テンプレートを設定しておく\u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-10_2.jpg?v=1736041174\" class=\"zoomable-image\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46826951934203,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-10.png?v=1736041300"},{"product_id":"2023-01-13","title":"Shopifyでサイズの異なる画像を扱う際は、CSSのaspect-ratio: n\/nとobject-fit: cover;プロパティの組み合わせが便利","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003e\u003cmeta charset=\"utf-8\"\u003eサイズの異なる画像を扱う際は、CSSのaspect-retioとobject-fit: cover;プロパティの組み合わせが便利です。比較的新しいプロパティですが、モバイル含めて既にほぼ全てのモダンブラウザで利用可能になっています。\u003c\/span\u003e\u003cmeta charset=\"utf-8\"\u003e\u003c\/p\u003e\n\u003ch3\u003e異なるサイズの画像を揃えてレイアウト可能\u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-13_1.jpg?v=1736041943\" class=\"zoomable-image\"\u003e\u003c\/p\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e\n\u003cspan\u003eモバイル含めて既にほぼ全てのモダンブラウザで利用可能\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-13_2.jpg?v=1736041943\" class=\"zoomable-image\"\u003e\u003c\/span\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46826960257275,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-13.png?v=1736041943"},{"product_id":"2023-01-15","title":"Shopifyのリダイレクト機能は元のURLがクエリパラメータの場合、引き継ぎできない点に注意が必要","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003e\u003cmeta charset=\"utf-8\"\u003eShopifyには標準でリダイレクト機能があるため他カートからの乗り換え時はSEO効果を引き継ぎやすいのですが、元のURLがクエリパラメータの場合はそれができません。\u003cbr\u003e\n検索インデックスが全てやり直しになってしまうため、乗り換え直後の検索順位と流入数が下がる可能性が高いので要注意です。\u003c\/span\u003e\u003cmeta charset=\"utf-8\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-15_1.jpg?v=1736042682\" class=\"zoomable-image\"\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46826969202939,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-15.png?v=1736042616"},{"product_id":"2023-01-18","title":"Shopifyでタイトルを英小文字で入力しても全て大文字で表示されてしまうテンプレートの対応例","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eShopifyのテンプレートの中にはサブタイトルを英小文字で入力しても全て大文字で表示されてしまうものがあります。意図してそのようになっているのですが、そうは言っても小文字で表示したい時もあります。ストア全体への影響を理解した上で、直接CSSファイルを編集する必要があります。\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e小文字で入力しても大文字で表示される\u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-18_1.jpg?v=1736043646\" class=\"zoomable-image\"\u003e\u003c\/p\u003e\n\u003ch3\u003e\n\u003cspan\u003etheme.cssなどでtext-transform: uppercase;が設定されている（Prestigeの場合）\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-18_2.jpg?v=1736043646\" class=\"zoomable-image\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cspan\u003eCSSを直接編集\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-18_3.jpg?v=1736043823\" class=\"zoomable-image\"\u003e\u003c\/span\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46826983850235,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-18.png?v=1736043646"},{"product_id":"2023-01-19","title":"Shopifyでネクストエンジンで取り込めない注文の条件を確認する","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eShopifyの注文データをネクストエンジンに連携するケースは多いかと思います。基本的には専用アプリにお任せで問題ないのですが、要件の詳細を詰める際はこちらのページで取り込めない注文の条件など確認しておくのがおすすめです。\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003carticle class=\"link-card\"\u003e\u003ca href=\"https:\/\/manual.next-engine.net\/app\/shopify\/43809\/\" target=\"_blank\"\u003e\n\u003cdiv\u003e\u003cimg class=\"zoomable-image\" alt=\"Shopify用 自動連携｜受注データと受注伝票の対応表\" src=\"https:\/\/manual.next-engine.net\/wp-content\/uploads\/icon_shopify.png\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2\u003eShopify用 自動連携｜受注データと受注伝票の対応表\u003c\/h2\u003e\n\u003cp\u003eメイン機能の受注伝票項目とShopifyの受注データの対応表です。\u003c\/p\u003e\n\u003ccite\u003emanual.next-engine.net\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/article\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46826985783547,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-19.png?v=1736044022"},{"product_id":"2023-01-20","title":"Shopifyで商品のサイズや量に応じて配送日時指定の可否を設定する場合の対応例","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eShopifyで配送日時指定アプリを実装する際、注文内容次第では指定不可にしたい時があります。 商品ごとに可否設定しても良いのですが、ロジ関連用途以外で設定する事が少ない商品重量を応用することで、注文商品の組み合わせ次第では配送日時指定が可能となるよう設定するケースがあります。\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003eアイテムの重量に基づいた配送方法を設定\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-20_1.jpg?v=1736045003\" class=\"zoomable-image\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch3\u003e商品に重量を設定\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-20_2.jpg?v=1736045003\" class=\"zoomable-image\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch3\u003eカート画面に配送日時指定アプリを設定しておきつつ、カスタマイズされたLiquidセクションを追加\u003cbr\u003e設定した重量に届かない場合に配送日時指定のアプリの表示枠を\n非表示するような処理を追加しておく\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-20_3.jpg?v=1736045004\" class=\"zoomable-image\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch3\u003e設定した重量を超える注文（ゆうパック配送）では配送日時指定アプリのブロックを表示し、そうでない時（ゆうパケット配送）は配送日時指定不可のメッセージを表示する\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-20_4.jpg?v=1736045004\" class=\"zoomable-image\"\u003e\u003c\/span\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46826997088507,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-20.png?v=1736044775"},{"product_id":"2023-01-21","title":"Shopifyの公式サイトで提供されているポリシーページのジェネレーター","description":"\u003cp\u003e「プライバシーポリシー無料作成ツール」以外にも、\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eポリシーページについてはいくつかジェネレーターが用意されています。\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003carticle class=\"link-card\"\u003e\u003ca href=\"https:\/\/www.shopify.com\/jp\/tools\/policy-generator\/terms-and-conditions\" target=\"_blank\"\u003e\n\u003cdiv\u003e\u003cimg class=\"zoomable-image\" alt=\"無料でシンプルな利用規約テンプレート\" src=\"https:\/\/cdn.shopify.com\/assets\/images\/logos\/shopify-bag.png\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2\u003e無料でシンプルな利用規約テンプレート\u003c\/h2\u003e\n\u003cp\u003eShopifyのジェネレーターで適切な利用規約を作成\u003c\/p\u003e\n\u003ccite\u003ewww.shopify.com\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/article\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003carticle class=\"link-card\"\u003e\u003ca href=\"https:\/\/www.shopify.com\/jp\/tools\/policy-generator\/refund\" target=\"_blank\"\u003e\n\u003cdiv\u003e\u003cimg class=\"zoomable-image\" alt=\"無料の返金ポリシージェネレーター\" src=\"https:\/\/cdn.shopify.com\/assets\/images\/logos\/shopify-bag.png\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2\u003e無料の返金ポリシージェネレーター\u003c\/h2\u003e\n\u003cp\u003eウェブサイト用返金ポリシーのテンプレート\u003c\/p\u003e\n\u003ccite\u003ewww.shopify.com\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/article\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003carticle class=\"link-card\"\u003e\u003ca href=\"https:\/\/www.shopify.com\/jp\/tools\/policy-generator\" target=\"_blank\"\u003e\u003cimg class=\"zoomable-image\" alt=\"Shopify\" src=\"https:\/\/cdn.shopify.com\/assets\/images\/logos\/shopify-bag.png\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2\u003e利用規約ジェネレーター ― 無料のプライバシーポリシー作成ツール\u003c\/h2\u003e\n\u003cp\u003eShopifyの利用規約ジェネレーターで、オンラインストア向けの利用規約を数分で作成できます。プロの作成したテンプレートを無料でご利用いただけます。\u003c\/p\u003e\n\u003ccite\u003eshopify.com\u003c\/cite\u003e\u003ccite\u003e\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/article\u003e\n","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":46827001610491,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2023-01-21.png?v=1736045664"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/collections\/collection-shopify-tips_48de866b-e948-4b89-93aa-5dfd9f7f8547.png?v=1743495658","url":"https:\/\/store-dojo.com\/collections\/all.oembed?page=19","provider":"STORE DOJO","version":"1.0","type":"link"}