Entity Views Attachment, or EVA, is a Drupal 10 module that permits you to connect view shows to entities of your selecting. We used it just lately on a undertaking and cherished it. You understand it’s good as a result of it has a no-nonsense identify and an excellent higher acronym. (Plus, Drupal Development Service maintainers have taken full benefit of Drupal Development Service acronym and positioned a spaceman on Drupal Development Service undertaking web page. Good!) Since Drupal Development Service now-ubiquitous Paragraphs Drupal 10 module offers Drupal Development Service “paragraph” entity kind, I figured these two will make good dancing companions. Getting them to tango is easy sufficient. You create a paragraph bundle, goal that bundle in Drupal Development Service settings on an EVA view show, then prepare Drupal Development Service view in Drupal Development Service paragraph’s show settings. Voila – your view show reveals up wherever you add this paragraph! By attaching a view show to a paragraph entity and enabling that paragraph on a node’s paragraph reference area, you give your content material editors Drupal Development Service capacity to position a view wherever they need inside their web page content material. Higher nonetheless, they’ll contextualize what they’re doing since this all occurs in Drupal Development Service edit type the place Drupal Development Service remainder of Drupal Development Service node content material lives. So far as I can inform, no different method in Drupal Development Service ecosystem (I’m taking a look at you Blocks and Panels) makes including views to content material this simple in your editors. Case Research Drupal Development Company idea is fairly simple, however with slightly cleverness it permits you to construct some advanced web page components. Let’s stroll via an instance. Contemplate Drupal Development Service following design Drupal 10 Upkeep and Assist Service This mockup represents Part nodes and lists of Subpage nodes that reference them. As well as, Drupal Development Service buttons hyperlinks ought to level to Drupal Development Service guardian Part node. With slightly elbow grease, we are able to construct a system to output this with our pals EVA and Paragraphs. Right here’s how I’m breaking this down conceptually Drupal 10 Upkeep and Assist Service We have now three issues to construct Drupal 10 Upkeep and Assist Service A create a container paragraph bundle A baby paragraph bundle with a Part entity reference area An EVA of subpages to connect to Drupal Development Service little one paragraph bundle Constructing Drupal Development Service Subpage EVA As I discussed earlier than, Subpage nodes will reference Part nodes. With this in thoughts, we are able to construct Drupal Development Service EVA that lists subpages and expects a bit node ID to contextually filter to subpages that reference that node. Constructing Drupal Development Service Part paragraph kind Subsequent, we’ll create Drupal Development Service Part paragraph kind that can deal with every grouping of a bit node with its associated subpages. Drupal Development Company Part paragraph may have one area, an entity reference area restricted to Part nodes, that offers us all Drupal Development Service information we want from our part. We’ll connect our EVA to this paragraph kind and configure it to go Drupal Development Service referenced node’s ID as Drupal Development Service contextual filter utilizing tokens in Drupal Development Service EVA settings. You have to to put in Drupal Development Service Token Drupal 10 module to do that. Go to /admin/assist/token to see all out there tokens as soon as put in. That you must seize Drupal Development Service node ID via your entity reference area, so your token argument ought to look one thing like this Drupal 10 Upkeep and Assist Service [paragraph Drupal 10 Maintenance and Support Servicefield_node_reference Drupal 10 Maintenance and Support Serviceentity Drupal 10 Maintenance and Support Servicenid] We go that token to our contextual filter, and we are able to inform our view to make use of that argument to create a hyperlink to Drupal Development Service part node for our “View All Subpages” hyperlink. To do that, we’ll add a world textual content space to Drupal Development Service view footer and examine Drupal Development Service “Use substitute tokens from Drupal Development Service first row” checkbox. Then we’ll write some HTML to create a hyperlink. It’ll look one thing like this Drupal 10 Upkeep and Assist Service <a href=”/node/{{ raw_arguments.nid }}”>View all Subpages</a> Constructing Drupal Development Service Part Record paragraph kind Lastly, we’ll create Drupal Development Service Part Record paragraph kind. This solely actually wants a paragraph reference area that solely permits Drupal Development Service person so as to add Part paragraphs, however I additionally added a title area that can act as a header for Drupal Development Service entire checklist. Tip Drupal 10 Upkeep and Assist Service Set up Fences Drupal 10 module to manage your area’s wrapper markup. I used this right here to wrap Drupal Development Service title in <h2> tags. We’re completed! Now that every thing is constructed, we are able to enable customers to pick Drupal Development Service Part Record paragraph kind in a paragraph reference area of our selecting. A person provides a Part Record, then provides Sections by way of Drupal Development Service entity reference. It appears like this in Drupal Development Service node edit type Drupal 10 Upkeep and Assist Service Do you’ve any cool methods you utilize Drupal Development Service EVA Drupal 10 module in your builds? Tell us in Drupal Development Service feedback part beneath. Drupal 10 Growth and Assist