アイコン付きメガドロップダウンメニュー

Question

メガドロップダウンメニューに各メニュー項目のアイコンが大きく表示されています。 BOLTメニューには、そのアイコンのURLを保存して、そのImg URL値をループ内に出力できるURLオプションも用意されていますか？

main: 
    - label: Home 
     title: This is the first menu item. 
     path: homepage 
     class: first 
    #imgurl: url <- SOMETHING LIKE THIS # 

クラスを使用することは別のオプションですが、実際にはCSS疑似セレクタを使用して背景画像を追加することはあまりありません。他の可能性はありますか？

Answer 1

imgurlオプションを設定に追加するだけです。テンプレートでは、item.imgurlのようにアクセスできます。

デフォルトのメニューの実装を見てみると、あなたはそれがメニュー項目+任意のサブメニューをレンダリングする関数を呼び出すメニュー項目の上にあること、それを反復する参照してください。 https://github.com/bolt/bolt/blob/release/3.0/app/theme_defaults/_sub_menu.twig#L40-L42

そして、あなたが見ることができるように次のリンクをクリックすると、メニュー項目で定義されているオプションにアクセスできます。 https://github.com/bolt/bolt/blob/release/3.0/app/theme_defaults/_sub_menu.twig#L20-L22