いろいろな商品が載っているサイトがあります。そこで、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テンプレートで出力して、カラーボックスと必要なすべてのものを自動的にロードするようにする別の方法はありますか?
あなたは本当に使いたいでしょう:
{{ content.field_product_image }}
フィールド表示設定はそれに画像スタイルを渡します、そして私はcolorboxがここにもフィールドフォーマッターまたはタイを持っていると思います。フィールドTwigテンプレートを入力して、無関係なマークアップdivを削除します。