FROM LOAD - jp_header

法務関連ページのtemplate やsectionはどこにありますでしょうか?

解決済
ayaMatsu
Shopify Partner
11 0 0

いつもお世話になっております。よろしくお願いいたします。

 

法務関連ページ(プライバシーポリシー、特商法に関する表記など)のスタイルを微修正したいのですが、

templateやsectionのliquidファイル、CSSファイルはどれが該当しますでしょうか?

 

使用テーマ

  • Simple

 

試したこと

  • Chromeの検証ツールで確認できた固有っぽいなぁと思ったclass名でDebutディレクトリ以下をgrepしてもヒットしませんでした
  • Chromeの検証ツールで確認できたCSSファイルをassets/以下で探しましたが見つかりませんでした

 

左右の余白が広く感じたため少し調整したいというだけではあるのですが。。。

Google等で検索すると新しいtemplateファイルを作成するようアドバイスが出てきたのですが、その作業をする前に確認したい次第です。

 

お忙しいところ恐縮ですが、よろしくお願いいたします。

もしお役に立てたら"いいね"と、
解決できたら"ベストソリューションとして承認"をお願いします(*´ω`*)
If helpful then please Like and Accept Solution 🙂 !!
========================================
Twitter: @ayaMatsu_o31
1 件の受理された解決策

ベストソリューション
Jizo_Inagaki
Shopify Partner
579 237 551

成功

https://community.shopify.com/c/Shopify-Design/Liquid-template-for-legal-pages/m-p/973051/highlight/...

上記にあるような見解と同意見ですが、該当のテンプレートを操作するのは無理かと思います。

 

ただ、CSSを追加したいだけなら以下で可能だと思います。

  • theme.liquidのhead内に目的のhandleを用いたifを追加
  • 指定のコードを出力させる(インラインCSSで良いような気はしますが)

 

{% if handle == "privacy-policy" %}
 <link rel="stylesheet" href="" type="text/css">
{% endif %}

 

 

ハンドルの確認は以下で可能です。

  • theme.liquidのどこかに{{ handle }}を記載する

 

なお、この手法は上記のようにして調べたハンドルを用いて分岐させているだけなので、今後何かがあってハンドルが変更された場合は対応できず、その点は留意ください。

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。

元の投稿で解決策を見る

4件の返信4
Jizo_Inagaki
Shopify Partner
579 237 551

https://cdn.shopify.com/shopifycloud/shopify/assets/storefront/policy-xxxxx.css

開発者ツールで上記のようなリンクの外部スタイルシートが読み込まれていることが確認できますので、テーマ内に該当のスタイルシートは存在しないはずです。

 

どこでどういう情報を見られたのかわからないのでテンプレート作成の件はわかりませんが、theme.cssなどで以下のように多少詳細度を上げて指定すれば変更可能かと思います。

#MainContent .shopify-policy__container {
 max-width: 100ch;
}

 

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。
ayaMatsu
Shopify Partner
11 0 0

jizoさん、いつもお世話になっております。さっそくのご回答ありがとうございます!

 

https://cdn.shopify.com/shopifycloud/shopify/assets/storefront/ 配下のファイルはテーマ内にはないということですね!その認識がありませんでした汗 勉強になります。

 

既存のclassにCSSを指定した場合の影響範囲が読めなかったため、liquidファイルで独自classを追加しようと思っていました。

幅の変更だけあれば .shopify-policy__container に指定しても問題ないと思うのですが、今後のためにもしliquidファイルがテーマ配下にあるかどうかご存知でしたら教えていただきたいです・・・!

どうぞよろしくお願い致します。

もしお役に立てたら"いいね"と、
解決できたら"ベストソリューションとして承認"をお願いします(*´ω`*)
If helpful then please Like and Accept Solution 🙂 !!
========================================
Twitter: @ayaMatsu_o31
Jizo_Inagaki
Shopify Partner
579 237 551

成功

https://community.shopify.com/c/Shopify-Design/Liquid-template-for-legal-pages/m-p/973051/highlight/...

上記にあるような見解と同意見ですが、該当のテンプレートを操作するのは無理かと思います。

 

ただ、CSSを追加したいだけなら以下で可能だと思います。

  • theme.liquidのhead内に目的のhandleを用いたifを追加
  • 指定のコードを出力させる(インラインCSSで良いような気はしますが)

 

{% if handle == "privacy-policy" %}
 <link rel="stylesheet" href="" type="text/css">
{% endif %}

 

 

ハンドルの確認は以下で可能です。

  • theme.liquidのどこかに{{ handle }}を記載する

 

なお、この手法は上記のようにして調べたハンドルを用いて分岐させているだけなので、今後何かがあってハンドルが変更された場合は対応できず、その点は留意ください。

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。
ayaMatsu
Shopify Partner
11 0 0

ありがとうございます!

勉強になりました。

もしお役に立てたら"いいね"と、
解決できたら"ベストソリューションとして承認"をお願いします(*´ω`*)
If helpful then please Like and Accept Solution 🙂 !!
========================================
Twitter: @ayaMatsu_o31