FROM CACHE - jp_header

グローバルメニューの表記について

解決済
takeoube
Shopify Partner
15 0 4

ABOUT

私たちについて

↑こんな感じの、英語と日本語が併記されたメニューにしたいのですが

どのファイルをどのように編集したらよろしいでしょうか。

静的サイトは作れますが、shopifyは初めてです。

2 件の受理された解決策

ベストソリューション
Jizo_Inagaki
Shopify Partner
582 238 553

成功

いくつか作り方はあると思いますが、一つは以下のような者が考えられます。

  • linklist オブジェクトのtitleを変数として、case/whenで場合分けして出力

参考:
https://shopify.dev/api/liquid/objects/linklist#linklist-title
https://shopify.dev/api/liquid/tags/control-flow-tags#case-when

 

もう一つは、リンク先のページのタイトルが目的に語句である前提ですが、それを取得する方法です。
以下の公式のサンプルコードが参考になると思います。

https://help.shopify.com/en/manual/online-store/themes/os/customize/feature-a-subset-of-collections

 

上記の情報で難しい場合はさらに関連情報を探したり別方向の方法を探されるか、エキスパートやパートナーに依頼されることをお勧めします。

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

元の投稿で解決策を見る

Jizo_Inagaki
Shopify Partner
582 238 553

成功

もう一つは、リンク先のページのタイトルが目的に語句である前提ですが、それを取得する方法です。
以下の公式のサンプルコードが参考になると思います。

https://help.shopify.com/en/manual/online-store/themes/os/customize/feature-a-subset-of-collections

すみません、通知がきたのでたまたま見直しましたが、上記は誤字の上に内容間違ってますね...。
取り下げさせてただければと思います。

一応ですが、上記で記載予定だった方法と類似のものを追記させていただきます。

  • リンク設定対象ページのメタフィールドに必要な文言を設定
  • link.listのlinkオブジェクトのlink.objectを通して、リンク設定対象ページのメタフィールドの情報を取得して表示させる

参考:
https://help.shopify.com/ja/manual/metafields
https://shopify.dev/api/liquid/objects/metafield
https://shopify.dev/api/liquid/objects/link#link-object

まだ公式の機能として全てのページがメタフィールドの付与対象になっていないのと、mrtcさんのご回答の方がシンプルなので、上記はそれほどお勧めするものではありませんが。

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

元の投稿で解決策を見る

6件の返信6
Jizo_Inagaki
Shopify Partner
582 238 553

成功

いくつか作り方はあると思いますが、一つは以下のような者が考えられます。

  • linklist オブジェクトのtitleを変数として、case/whenで場合分けして出力

参考:
https://shopify.dev/api/liquid/objects/linklist#linklist-title
https://shopify.dev/api/liquid/tags/control-flow-tags#case-when

 

もう一つは、リンク先のページのタイトルが目的に語句である前提ですが、それを取得する方法です。
以下の公式のサンプルコードが参考になると思います。

https://help.shopify.com/en/manual/online-store/themes/os/customize/feature-a-subset-of-collections

 

上記の情報で難しい場合はさらに関連情報を探したり別方向の方法を探されるか、エキスパートやパートナーに依頼されることをお勧めします。

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

ありがとうございます!試してみます!

mrtc
Shopify Partner
43 20 26

私がよく使う技して、こんな出力方法もあります。

メニュー名を「ABOUT/私たちについて」で設定

{{ link.title | split: '/' | first }} → ABOUT
{{ link.title | split: '/' | last }} → 私たちについて

あとは該当箇所のHTMLとCSSを設定するだけです。

takeoube
Shopify Partner
15 0 4

ありがとうございます!

そのような方法もあるのですね・・!

とても助かります!!

Jizo_Inagaki
Shopify Partner
582 238 553

成功

もう一つは、リンク先のページのタイトルが目的に語句である前提ですが、それを取得する方法です。
以下の公式のサンプルコードが参考になると思います。

https://help.shopify.com/en/manual/online-store/themes/os/customize/feature-a-subset-of-collections

すみません、通知がきたのでたまたま見直しましたが、上記は誤字の上に内容間違ってますね...。
取り下げさせてただければと思います。

一応ですが、上記で記載予定だった方法と類似のものを追記させていただきます。

  • リンク設定対象ページのメタフィールドに必要な文言を設定
  • link.listのlinkオブジェクトのlink.objectを通して、リンク設定対象ページのメタフィールドの情報を取得して表示させる

参考:
https://help.shopify.com/ja/manual/metafields
https://shopify.dev/api/liquid/objects/metafield
https://shopify.dev/api/liquid/objects/link#link-object

まだ公式の機能として全てのページがメタフィールドの付与対象になっていないのと、mrtcさんのご回答の方がシンプルなので、上記はそれほどお勧めするものではありませんが。

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

ありがとうございます。

当方、初心者なもので様々な方法を提示してくださるのが

とても勉強になります!

気にかけてくださり、感謝いたします。