web-dev-qa-db-ja.com

twigテンプレートのフィールドにColorboxを追加するには?

いろいろな商品が載っているサイトがあります。そこで、node--product.html.twigを作成しました。次に、これを私のtwigテンプレートから削除しました:

{{content}}

Drupalの組み込みディスプレイに依存することなく、自分でフィールドをカスタム形式で表示したいからです。だから私はこれを行うことができたので、ほとんどの場合これは簡単でした:

<img src="{{ file_url( node.field_product_images.0.entity.uri.value | image_style('shop_thumb_400_x_400')  ) }}" alt="" />

これは完全に機能します。しかし、私の問題は、ユーザーがこの画像をクリックしてモーダルビューで表示できるようにすることですが、Colorboxモジュールを使用します。

このフィールドをtwigテンプレートで出力して、カラーボックスと必要なすべてのものを自動的にロードするようにする別の方法はありますか?

2
coderama

あなたは本当に使いたいでしょう:

{{ content.field_product_image }}

フィールド表示設定はそれに画像スタイルを渡します、そして私はcolorboxがここにもフィールドフォーマッターまたはタイを持っていると思います。フィールドTwigテンプレートを入力して、無関係なマークアップdivを削除します。

2
Kevin