add custom field

src/components/theme/View/CollectionView.jsx

@@ -63,6 +63,8 @@ const CollectionView = (props) => {
 
   const items = listingBlockItems[listingBlockid]?.data?.items;
 
+  const listingBlockProps = content[blocksFieldname]?.[listingBlockid] || {};
+
   useEffect(() => {
     //This is only done to get full expanded content along with metadata fields which is,
     // not possible with listing block's @querystring-search default action
@@ -73,7 +75,7 @@ const CollectionView = (props) => {
       fullobjects: true,
     };
     dispatch(getContentWithData(path, null, listingBlockid, options));
-  }, [dispatch, path, listingBlockid]);
+  }, [dispatch, path, listingBlockid, listingBlockProps]);
 
   const handleSelectFilter = (ev, { name }) => {
     const filtered = filterResults(items, name, content.filter);
@@ -83,8 +85,6 @@ const CollectionView = (props) => {
     }
   };
 
-  const listingBlockProps = content[blocksFieldname]?.[listingBlockid] || {};
-
   return (
     <Container>
       <Helmet title={content.title} />

src/index.js

@@ -95,10 +95,11 @@ export default function applyConfig(config) {
       ...config.views.layoutViews,
       topics_view: TopicsView,
       topic_tab_view: TopicsTabView,
+      listing_view: CollectionView,
     },
     contentTypesViews: {
       ...config.views.contentTypesViews,
-      Collection: CollectionView,
+      //Collection: CollectionView,
     },
   };
 
@@ -139,6 +140,15 @@ export default function applyConfig(config) {
       isDefault: false,
       title: 'List',
       template: ListingBlockTemplate,
+      schemaEnhancer: ({ formData, schema, intl }) => {
+        schema.properties.metadata_fields = {
+          type: 'array',
+          title: 'Metadata fields',
+          choices: [['_all', '_all']],
+        };
+        schema.fieldsets[0].fields.push('metadata_fields');
+        return schema;
+      },
     },
   ];