Shopifyテーマ「Simple」で、プライバシーポリシーや特商法ページの余白・スタイルを微調整したいが、該当するtemplate / section / CSSファイルがテーマ内のどこにあるか、という相談。Chrome開発者ツールやgrepで探しても見つからず、テーマ内に存在しない可能性が話題になった。
結論として、法務関連ページのスタイルはテーマ内ではなく、cdn.shopify.com/shopifycloud/.../policy-xxxxx.css のような外部CSSで読み込まれているため、該当CSSはテーマ配下には基本的に存在しない、という見解が示された。テンプレート自体もテーマ側から直接操作するのは難しいとされた。
対応策としては、theme.css などで .shopify-policy__container に対して詳細度を上げたCSSを追加し、max-width などを上書きする方法が提案された。特定ページだけに適用したい場合は、theme.liquid の head 内で handle（ページ識別子）を使って条件分岐し、対象ページにのみCSSを出力する方法が案内された。
議論は概ね解決済みで、ハンドル変更時のメンテナンスには注意が必要という補足が残っている。
いつもお世話になっております｡よろしくお願いいたします｡
法務関連ページ（プライバシーポリシー､特商法に関する表記など）のスタイルを微修正したいのですが､
templateやsectionのliquidファイル､CSSファイルはどれが該当しますでしょうか？
使用テーマ
試したこと
左右の余白が広く感じたため少し調整したいというだけではあるのですが｡｡｡
Google等で検索すると新しいtemplateファイルを作成するようアドバイスが出てきたのですが､その作業をする前に確認したい次第です｡
お忙しいところ恐縮ですが､よろしくお願いいたします｡
https://cdn.shopify.com/shopifycloud/shopify/assets/storefront/policy-xxxxx.css
開発者ツールで上記のようなリンクの外部スタイルシートが読み込まれていることが確認できますので、テーマ内に該当のスタイルシートは存在しないはずです。
どこでどういう情報を見られたのかわからないのでテンプレート作成の件はわかりませんが、theme.cssなどで以下のように多少詳細度を上げて指定すれば変更可能かと思います。
#MainContent .shopify-policy__container {
max-width: 100ch;
}
jizoさん､いつもお世話になっております｡さっそくのご回答ありがとうございます！
https://cdn.shopify.com/shopifycloud/shopify/assets/storefront/ 配下のファイルはテーマ内にはないということですね！その認識がありませんでした汗 勉強になります｡
既存のclassにCSSを指定した場合の影響範囲が読めなかったため､liquidファイルで独自classを追加しようと思っていました｡
幅の変更だけあれば .shopify-policy__container に指定しても問題ないと思うのですが､今後のためにもしliquidファイルがテーマ配下にあるかどうかご存知でしたら教えていただきたいです･･･！
どうぞよろしくお願い致します｡
https://community.shopify.com/post/973051
上記にあるような見解と同意見ですが、該当のテンプレートを操作するのは無理かと思います。
ただ、CSSを追加したいだけなら以下で可能だと思います。
{% if handle == "privacy-policy" %}
{% endif %}
ハンドルの確認は以下で可能です。
なお、この手法は上記のようにして調べたハンドルを用いて分岐させているだけなので、今後何かがあってハンドルが変更された場合は対応できず、その点は留意ください。
ありがとうございます！
勉強になりました｡