Configure tile view mode for case study listing

config/sync/core.entity_view_display.node.case_study.default.yml

@@ -20,17 +20,19 @@ dependencies:
     - node.type.case_study
   module:
     - ds
-    - text
+    - paragraphs
     - user
 third_party_settings:
   ds:
     layout:
-      id: layout_onecol
+      id: pattern_title_paragraph
-      library: layout_discovery/onecol
+      library: null
       disable_css: false
       entity_classes: all_classes
       settings: {  }
-    regions: {  }
+    regions:
+      paragraphs:
+        - field_body_paragraph
 _core:
   default_config_hash: bCf6cJZ9WLriQEA0IYx7QFyj0JBZcFc41oTGp_9UccU
 id: node.case_study.default
@@ -38,32 +40,17 @@ targetEntityType: node
 bundle: case_study
 mode: default
 content:
-  field_license:
+  field_body_paragraph:
-    weight: 1
+    type: paragraph_summary
-    label: above
+    weight: 0
-    settings:
+    region: paragraphs
-      link: true
+    label: hidden
-    third_party_settings: {  }
-    type: entity_reference_label
-    region: content
-  field_summary:
-    weight: 2
-    label: above
     settings: {  }
-    third_party_settings: {  }
+    third_party_settings:
-    type: text_default
+      ds:
-    region: content
+        ds_limit: '1'
-  field_technologies:
-    weight: 3
-    label: above
-    settings:
-      link: true
-    third_party_settings: {  }
-    type: entity_reference_label
-    region: content
 hidden:
   body: true
-  field_body_paragraph: true
   field_case_study_client: true
   field_case_study_partners: true
   field_case_study_status: true
@@ -71,6 +58,9 @@ hidden:
   field_case_study_team: true
   field_case_study_year: true
   field_image: true
+  field_license: true
   field_meta_tags: true
   field_services: true
+  field_summary: true
+  field_technologies: true
   links: true

config/sync/core.entity_view_display.node.case_study.tile.yml

@@ -19,47 +19,23 @@ dependencies:
     - field.field.node.case_study.field_summary
     - field.field.node.case_study.field_technologies
     - node.type.case_study
-    - responsive_image.styles.wide
   module:
     - ds
     - entity_reference_revisions
-    - responsive_image
     - user
 third_party_settings:
   ds:
     layout:
-      id: pattern_tile
+      id: pattern_title_paragraph
       library: null
       disable_css: false
       entity_classes: all_classes
       settings:
         pattern:
           field_templates: default
-          variant: berry
     regions:
-      title:
+      paragraphs:
-        - node_title
-        - field_image
         - field_body_paragraph
-      subtitle:
-        - field_case_study_subtitle
-        - node_post_date
-    fields:
-      node_post_date:
-        plugin_id: node_post_date
-        weight: 4
-        label: hidden
-        formatter: ds_post_date_long
-      node_title:
-        plugin_id: node_title
-        weight: 0
-        label: hidden
-        formatter: default
-        settings:
-          link: true
-          wrapper: h2
-          class: title
-          exclude_node_title: '1'
 _core:
   default_config_hash: 9bC0pOp-ep1gVclJKEIqhnIeBFLyFQuhdg3RGsKzFHg
 id: node.case_study.tile
@@ -69,55 +45,24 @@ mode: tile
 content:
   field_body_paragraph:
     type: entity_reference_revisions_entity_view
-    weight: 2
+    weight: 0
-    region: title
+    region: paragraphs
     label: hidden
     settings:
-      view_mode: tile
+      view_mode: columnar
       link: ''
     third_party_settings:
       ds:
         ds_limit: '1'
-  field_case_study_subtitle:
-    type: string
-    weight: 3
-    region: subtitle
-    label: hidden
-    settings:
-      link_to_entity: false
-    third_party_settings:
-      ds:
-        ft:
-          id: default
-          settings:
-            lb: ''
-            classes:
-              - subtitle
-            lb-col: false
-  field_image:
-    type: responsive_image
-    weight: 1
-    region: title
-    label: hidden
-    settings:
-      responsive_image_style: wide
-      image_link: content
-    third_party_settings:
-      ds:
-        ft:
-          id: default
-          settings:
-            lb: ''
-            classes:
-              - card-image
-            lb-col: false
 hidden:
   body: true
   field_case_study_client: true
   field_case_study_partners: true
   field_case_study_status: true
+  field_case_study_subtitle: true
   field_case_study_team: true
   field_case_study_year: true
+  field_image: true
   field_license: true
   field_meta_tags: true
   field_services: true

config/sync/core.entity_view_display.paragraph.title.columnar.yml

@@ -0,0 +1,51 @@
+uuid: dc799418-ec3e-49b6-8674-76c72898a2f3
+langcode: en
+status: true
+dependencies:
+  config:
+    - core.entity_view_mode.paragraph.columnar
+    - field.field.paragraph.title.field_image
+    - field.field.paragraph.title.field_style_color
+    - field.field.paragraph.title.field_subtitle
+    - field.field.paragraph.title.field_title
+    - image.style.max_325x325
+    - paragraphs.paragraphs_type.title
+  module:
+    - image
+    - options
+    - text
+id: paragraph.title.columnar
+targetEntityType: paragraph
+bundle: title
+mode: columnar
+content:
+  field_image:
+    weight: 2
+    label: hidden
+    settings:
+      image_style: max_325x325
+    third_party_settings: {  }
+    type: image_url
+    region: content
+  field_style_color:
+    weight: 3
+    label: hidden
+    settings: {  }
+    third_party_settings: {  }
+    type: list_key
+    region: content
+  field_subtitle:
+    weight: 1
+    label: hidden
+    settings: {  }
+    third_party_settings: {  }
+    type: text_default
+    region: content
+  field_title:
+    weight: 0
+    label: hidden
+    settings: {  }
+    third_party_settings: {  }
+    type: text_default
+    region: content
+hidden: {  }

config/sync/core.extension.yml

@@ -108,12 +108,14 @@ module:
   toolbar: 0
   tour: 0
   ui_patterns: 0
+  ui_patterns_ds: 0
   ui_patterns_layouts: 0
   ui_patterns_library: 0
   update: 0
   user: 0
   video_embed_field: 0
   views_ui: 0
+  viewsreference: 0
   webform: 0
   webform_ui: 0
   wysiwyg_linebreaks: 0

config/sync/field.field.node.landing_page.field_body_paragraph.yml

@@ -15,6 +15,7 @@ dependencies:
     - paragraphs.paragraphs_type.title
     - paragraphs.paragraphs_type.update
     - paragraphs.paragraphs_type.video
+    - paragraphs.paragraphs_type.view
   module:
     - entity_reference_revisions
 _core:
@@ -44,6 +45,7 @@ settings:
       faq: faq
       update: update
       title: title
+      view: view
     target_bundles_drag_drop:
       text:
         enabled: true
@@ -75,4 +77,7 @@ settings:
       title:
         enabled: true
         weight: -12
+      view:
+        enabled: true
+        weight: 12
 field_type: entity_reference_revisions