diff --git a/src/actions/inventory-item-actions.js b/src/actions/inventory-item-actions.js
index 960130bab..3ec3b869c 100644
--- a/src/actions/inventory-item-actions.js
+++ b/src/actions/inventory-item-actions.js
@@ -44,6 +44,19 @@ export const RECEIVE_INVENTORY_ITEMS = "RECEIVE_INVENTORY_ITEMS";
 export const REQUEST_INVENTORY_ITEMS = "REQUEST_INVENTORY_ITEMS";
 export const RESET_INVENTORY_ITEM_FORM = "RESET_INVENTORY_ITEM_FORM";
 export const UPDATE_INVENTORY_ITEM = "UPDATE_INVENTORY_ITEM";
+export const ADD_INVENTORY_ITEM_IMAGE = "ADD_INVENTORY_ITEM_IMAGE";
+export const ADD_INVENTORY_ITEM_META_FIELD_TYPE =
+  "ADD_INVENTORY_ITEM_META_FIELD_TYPE";
+export const INVENTORY_ITEM_META_FIELD_SAVED =
+  "INVENTORY_ITEM_META_FIELD_SAVED";
+export const INVENTORY_ITEM_META_FIELD_DELETED =
+  "INVENTORY_ITEM_META_FIELD_DELETED";
+export const INVENTORY_ITEM_META_FIELD_VALUE_SAVED =
+  "INVENTORY_ITEM_META_FIELD_VALUE_SAVED";
+export const INVENTORY_ITEM_META_FIELD_VALUE_DELETED =
+  "INVENTORY_ITEM_META_FIELD_VALUE_DELETED";
+export const INVENTORY_ITEM_IMAGE_SAVED = "INVENTORY_ITEM_IMAGE_SAVED";
+export const INVENTORY_ITEM_IMAGE_DELETED = "INVENTORY_ITEM_IMAGE_DELETED";
 
 export const getInventoryItems =
   (
@@ -61,7 +74,7 @@ export const getInventoryItems =
 
     if (term) {
       const escapedTerm = escapeFilterValue(term);
-      filter.push(`name=@${escapedTerm}`);
+      filter.push(`name=@${escapedTerm},code=@${escapedTerm}`);
     }
 
     const params = {
@@ -77,8 +90,8 @@ export const getInventoryItems =
 
     // order
     if (order != null && orderDir != null) {
-      const orderDirSign = orderDir === 1 ? "+" : "-";
-      params.order = `${orderDirSign}${order}`;
+      const orderDirSign = orderDir === 1 ? "" : "-";
+      params.ordering = `${orderDirSign}${order}`;
     }
 
     return getRequest(
@@ -138,16 +151,17 @@ export const resetInventoryItemForm = () => (dispatch) => {
 
 export const saveInventoryItem = (entity) => async (dispatch) => {
   const accessToken = await getAccessTokenSafely();
-  dispatch(startLoading());
-
   const params = {
-    access_token: accessToken
+    access_token: accessToken,
+    expand: "images,meta_fields,meta_fields.values"
   };
 
+  dispatch(startLoading());
+
   const normalizedEntity = normalizeEntity(entity);
 
   if (entity.id) {
-    putRequest(
+    return putRequest(
       createAction(UPDATE_INVENTORY_ITEM),
       createAction(INVENTORY_ITEM_UPDATED),
       `${window.INVENTORY_API_BASE_URL}/api/v1/inventory-items/${entity.id}/`,
@@ -155,38 +169,246 @@ export const saveInventoryItem = (entity) => async (dispatch) => {
       authErrorHandler,
       entity
     )(params)(dispatch).then(() => {
-      dispatch(
-        showSuccessMessage(
-          T.translate("edit_inventory_item.inventory_item_saved")
-        )
-      );
-    });
-  } else {
-    const success_message = {
-      title: T.translate("general.done"),
-      html: T.translate("edit_inventory_item.inventory_item_created"),
-      type: "success"
-    };
+      const promises = [];
 
-    postRequest(
-      createAction(ADD_INVENTORY_ITEM),
-      createAction(INVENTORY_ITEM_ADDED),
-      `${window.INVENTORY_API_BASE_URL}/api/v1/inventory-items/`,
-      normalizedEntity,
-      authErrorHandler,
-      entity
-    )(params)(dispatch).then(() => {
-      dispatch(
-        showMessage(success_message, () => {
-          history.push("/app/sponsors-inventory");
+      if (normalizedEntity.images.length > 0) {
+        promises.push(saveInventoryItemImages(normalizedEntity)(dispatch));
+      }
+
+      if (normalizedEntity.meta_fields.length > 0) {
+        promises.push(
+          saveInventoryItemMetaFieldTypes(normalizedEntity)(dispatch)
+        );
+      }
+
+      Promise.all(promises)
+        .then(() => {
+          dispatch(
+            showSuccessMessage(
+              T.translate("edit_inventory_item.inventory_item_saved")
+            )
+          );
         })
-      );
+        .finally(() => {
+          dispatch(stopLoading());
+        });
     });
   }
+  const success_message = {
+    title: T.translate("general.done"),
+    html: T.translate("edit_inventory_item.inventory_item_created"),
+    type: "success"
+  };
+
+  return postRequest(
+    createAction(ADD_INVENTORY_ITEM),
+    createAction(INVENTORY_ITEM_ADDED),
+    `${window.INVENTORY_API_BASE_URL}/api/v1/inventory-items/`,
+    normalizedEntity,
+    authErrorHandler,
+    entity
+  )(params)(dispatch).then(() => {
+    const promises = [];
+
+    if (normalizedEntity.images.length > 0) {
+      promises.push(saveInventoryItemImages(normalizedEntity)(dispatch));
+    }
+
+    if (normalizedEntity.meta_fields.length > 0) {
+      promises.push(
+        saveInventoryItemMetaFieldTypes(normalizedEntity)(dispatch)
+      );
+    }
+
+    Promise.all(promises)
+      .then(() => {
+        dispatch(
+          showMessage(success_message, () => {
+            history.push("/app/sponsors-inventory");
+          })
+        );
+      })
+      .finally(() => {
+        dispatch(stopLoading());
+      });
+  });
 };
 
 const normalizeEntity = (entity) => {
   const normalizedEntity = { ...entity };
 
+  normalizedEntity.meta_fields = normalizedEntity.meta_fields.map(
+    (metaField) => ({
+      ...metaField,
+      is_required: !!metaField.is_required
+    })
+  );
+
   return normalizedEntity;
 };
+
+/* ************************************  META FIELD TYPES  ************************************ */
+
+const saveInventoryItemMetaFieldTypes = (inventoryItem) => async (dispatch) => {
+  const accessToken = await getAccessTokenSafely();
+  const params = { access_token: accessToken };
+
+  const promises = inventoryItem.meta_fields.map((metaFieldType) => {
+    if (metaFieldType.id) {
+      return putRequest(
+        null,
+        createAction(INVENTORY_ITEM_META_FIELD_SAVED),
+        `${window.INVENTORY_API_BASE_URL}/api/v1/inventory-items/${inventoryItem.id}/meta-field-types/${metaFieldType.id}/`,
+        metaFieldType,
+        authErrorHandler,
+        metaFieldType
+      )(params)(dispatch).then(() => {
+        if (metaFieldType.values.length > 0) {
+          saveMetaFieldValues(inventoryItem.id, metaFieldType)(dispatch);
+        }
+      });
+    }
+    return postRequest(
+      null,
+      createAction(INVENTORY_ITEM_META_FIELD_SAVED),
+      `${window.INVENTORY_API_BASE_URL}/api/v1/inventory-items/${inventoryItem.id}/meta-field-types/`,
+      metaFieldType,
+      authErrorHandler,
+      metaFieldType
+    )(params)(dispatch).then(({ response }) => {
+      if (metaFieldType.values.length > 0) {
+        const metaField = { ...metaFieldType, id: response.id };
+        saveMetaFieldValues(inventoryItem.id, metaField)(dispatch);
+      }
+    });
+  });
+
+  return Promise.all(promises);
+};
+
+export const deleteInventoryItemMetaFieldType =
+  (inventoryItemId, metaFieldId) => async (dispatch) => {
+    const accessToken = await getAccessTokenSafely();
+
+    dispatch(startLoading());
+
+    const params = {
+      access_token: accessToken
+    };
+
+    return deleteRequest(
+      null,
+      createAction(INVENTORY_ITEM_META_FIELD_DELETED)({ metaFieldId }),
+      `${window.INVENTORY_API_BASE_URL}/api/v1/inventory-items/${inventoryItemId}/meta-field-types/${metaFieldId}/`,
+      null,
+      authErrorHandler
+    )(params)(dispatch).then(() => {
+      dispatch(stopLoading());
+    });
+  };
+
+/* ************************************  META FIELD VALUES  ************************************ */
+
+export const saveMetaFieldValues =
+  (inventoryItemId, metaFieldType) => async (dispatch) => {
+    const accessToken = await getAccessTokenSafely();
+    const params = { access_token: accessToken };
+
+    const promises = metaFieldType.values.map((value) => {
+      if (value.id) {
+        return putRequest(
+          null,
+          createAction(INVENTORY_ITEM_META_FIELD_VALUE_SAVED),
+          `${window.INVENTORY_API_BASE_URL}/api/v1/inventory-items/${inventoryItemId}/meta-field-types/${metaFieldType.id}/values/${value.id}/`,
+          value,
+          authErrorHandler,
+          value
+        )(params)(dispatch);
+      }
+      return postRequest(
+        null,
+        createAction(INVENTORY_ITEM_META_FIELD_VALUE_SAVED),
+        `${window.INVENTORY_API_BASE_URL}/api/v1/inventory-items/${inventoryItemId}/meta-field-types/${metaFieldType.id}/values/`,
+        value,
+        authErrorHandler,
+        value
+      )(params)(dispatch);
+    });
+
+    return Promise.all(promises);
+  };
+
+export const deleteInventoryItemMetaFieldTypeValue =
+  (inventoryItemId, metaFieldId, valueId) => async (dispatch) => {
+    const accessToken = await getAccessTokenSafely();
+
+    dispatch(startLoading());
+
+    const params = {
+      access_token: accessToken
+    };
+
+    return deleteRequest(
+      null,
+      createAction(INVENTORY_ITEM_META_FIELD_VALUE_DELETED)({
+        metaFieldId,
+        valueId
+      }),
+      `${window.INVENTORY_API_BASE_URL}/api/v1/inventory-items/${inventoryItemId}/meta-field-types/${metaFieldId}/values/${valueId}/`,
+      null,
+      authErrorHandler
+    )(params)(dispatch).then(() => {
+      dispatch(stopLoading());
+    });
+  };
+
+/* ************************************  IMAGES  ************************************ */
+
+const saveInventoryItemImages = (inventoryItem) => async (dispatch) => {
+  const accessToken = await getAccessTokenSafely();
+  const params = { access_token: accessToken };
+
+  const promises = inventoryItem.images.map((image) => {
+    if (image.id) {
+      return putRequest(
+        null,
+        createAction(INVENTORY_ITEM_IMAGE_SAVED),
+        `${window.INVENTORY_API_BASE_URL}/api/v1/inventory-items/${inventoryItem.id}/images/${image.id}/`,
+        image,
+        authErrorHandler,
+        image
+      )(params)(dispatch);
+    }
+    return postRequest(
+      null,
+      createAction(INVENTORY_ITEM_IMAGE_SAVED),
+      `${window.INVENTORY_API_BASE_URL}/api/v1/inventory-items/${inventoryItem.id}/images/`,
+      image,
+      authErrorHandler,
+      image
+    )(params)(dispatch);
+  });
+
+  return Promise.all(promises);
+};
+
+export const deleteInventoryItemImage =
+  (inventoryItemId, imageId) => async (dispatch) => {
+    const accessToken = await getAccessTokenSafely();
+
+    dispatch(startLoading());
+
+    const params = {
+      access_token: accessToken
+    };
+
+    return deleteRequest(
+      null,
+      createAction(INVENTORY_ITEM_IMAGE_DELETED)({ imageId }),
+      `${window.INVENTORY_API_BASE_URL}/api/v1/inventory-items/${inventoryItemId}/images/${imageId}/`,
+      null,
+      authErrorHandler
+    )(params)(dispatch).then(() => {
+      dispatch(stopLoading());
+    });
+  };
diff --git a/src/components/form-repeater/index.js b/src/components/form-repeater/index.js
index 49744784e..3e5c512ce 100644
--- a/src/components/form-repeater/index.js
+++ b/src/components/form-repeater/index.js
@@ -1,67 +1,106 @@
-import React, { useState } from "react";
+import React, {
+  useEffect,
+  useState,
+  useImperativeHandle,
+  forwardRef
+} from "react";
+import styles from "./index.module.less";
 
-const FormRepeater = ({ renderContent }) => {
-  const [lines, setLines] = useState([{ id: Date.now(), value: "" }]);
+const ButtonPanelAlignment = {
+  RIGHT: "Right",
+  BOTTOM: "Bottom"
+};
 
-  const handleAddLine = (id) => {
-    const newLine = { id: Date.now(), value: "" };
-    const index = lines.findIndex((line) => line.id === id);
-    const updatedLines = [
-      ...lines.slice(0, index + 1),
-      newLine,
-      ...lines.slice(index + 1)
-    ];
-    setLines(updatedLines);
-  };
+const FormRepeater = forwardRef(
+  (
+    {
+      initialLines = [],
+      renderContent,
+      onLineRemoved,
+      buttonsPanelAlignment = ButtonPanelAlignment.RIGHT
+    },
+    ref
+  ) => {
+    const [lines, setLines] = useState([{ id: Date.now(), value: "" }]);
 
-  const handleRemoveLine = (id) => {
-    setLines(lines.filter((line) => line.id !== id));
-  };
+    useEffect(() => {
+      if (initialLines.length > 0) {
+        setLines(
+          initialLines.map((line) => ({ id: line.id || Date.now(), ...line }))
+        );
+      } else {
+        setLines([{ id: 1, value: "" }]);
+      }
+    }, [initialLines]);
 
-  return (
-    <div>
-      {lines.map((line) => (
-        <div
-          key={line.id}
-          style={{ display: "flex", alignItems: "center", marginBottom: "8px" }}
-        >
-          <div style={{ marginRight: "8px", flex: 1 }}>
-            {renderContent(line, (value) => {
-              const updatedLines = lines.map((l) =>
-                l.id === line.id ? { ...l, value } : l
-              );
-              setLines(updatedLines);
-            })}
-          </div>
-          <button
-            type="button"
-            onClick={() => handleAddLine(line.id)}
-            style={{
-              border: "none",
-              background: "none",
-              cursor: "pointer",
-              marginRight: "4px"
-            }}
+    const handleAddLine = (id) => {
+      const newLine = { id: Date.now(), value: "" };
+      const index = lines.findIndex((line) => line.id === id);
+      const updatedLines = [
+        ...lines.slice(0, index + 1),
+        newLine,
+        ...lines.slice(index + 1)
+      ];
+      setLines(updatedLines);
+    };
+
+    const handleRemoveLine = (line) => {
+      setLines(lines.filter((l) => l.id !== line.id));
+      if (onLineRemoved) {
+        onLineRemoved(line);
+      }
+    };
+
+    useImperativeHandle(ref, () => ({
+      getContent: () => lines
+    }));
+
+    return (
+      <div>
+        {lines.map((line) => (
+          <div
+            key={line.id}
+            className={styles[`container${buttonsPanelAlignment}`]}
           >
-            <i className="fa fa-plus" aria-hidden="true" title="Add" />
-          </button>
-          {lines.length > 1 && (
-            <button
-              type="button"
-              onClick={() => handleRemoveLine(line.id)}
-              style={{
-                border: "none",
-                background: "none",
-                cursor: "pointer"
-              }}
-            >
-              <i className="fa fa-trash" aria-hidden="true" title="Remove" />
-            </button>
-          )}
-        </div>
-      ))}
-    </div>
-  );
-};
+            <div className={styles.contentBody}>
+              {renderContent(line, (value, callback) => {
+                const updatedLines = lines.map((l) =>
+                  l.id === line.id ? { ...l, value } : l
+                );
+                if (callback) {
+                  callback(updatedLines);
+                }
+                setLines(updatedLines);
+              })}
+            </div>
+            <div className={styles[`buttonsPanel${buttonsPanelAlignment}`]}>
+              {(lines.length > 1 || (lines.length === 1 && lines[0].value)) && (
+                <button
+                  type="button"
+                  onClick={() => handleRemoveLine(line)}
+                  className={styles[`deleteButton${buttonsPanelAlignment}`]}
+                >
+                  <i
+                    className="fa fa-trash"
+                    aria-hidden="true"
+                    title="Remove"
+                  />
+                </button>
+              )}
+              <button
+                type="button"
+                onClick={() => handleAddLine(line.id)}
+                className={styles[`addButton${buttonsPanelAlignment}`]}
+              >
+                <i className="fa fa-plus" aria-hidden="true" title="Add" />
+              </button>
+            </div>
+          </div>
+        ))}
+      </div>
+    );
+  }
+);
 
 export default FormRepeater;
+export { ButtonPanelAlignment };
diff --git a/src/components/form-repeater/index.module.less b/src/components/form-repeater/index.module.less
new file mode 100644
index 000000000..e700fed67
--- /dev/null
+++ b/src/components/form-repeater/index.module.less
@@ -0,0 +1,69 @@
+.containerRight {
+  display: flex;
+  align-items: center;
+  margin-bottom: 8px;
+}
+
+.buttonsPanelRight {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 5px;
+}
+
+.containerBottom {
+  display: flex;
+  margin-bottom: 8px;
+  position: relative;
+  height: 70px;
+}
+
+.buttonsPanelBottom {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  display: flex;
+  flex-direction: row-reverse;
+  gap: 5px;
+}
+
+.contentBody {
+  flex: 1;
+  margin-right: 8px;
+}
+
+.button {
+  height: 35px;
+  width: 35px;
+  border-radius: 50%;
+  border: none;
+  box-shadow: none;
+  outline: none;
+  cursor: pointer;
+}
+
+.addButtonRight {
+  .button;
+  background-color: #337ab7;
+  color: white;
+}
+
+.deleteButtonRight {
+  .button;
+  background-color: lightgray;
+}
+
+.addButtonBottom {
+  .button;
+  height: 25px;
+  width: 25px;
+  background-color: #337ab7;
+  color: white;
+}
+
+.deleteButtonBottom {
+  .button;
+  height: 25px;
+  width: 25px;
+  background-color: lightgray;
+}
diff --git a/src/components/forms/inventory-item-form.js b/src/components/forms/inventory-item-form.js
index 1bb8a2340..c39321634 100644
--- a/src/components/forms/inventory-item-form.js
+++ b/src/components/forms/inventory-item-form.js
@@ -11,29 +11,43 @@
  * limitations under the License.
  * */
 
-import React, { useState, useEffect } from "react";
+import React, { useState, useEffect, useRef } from "react";
 import T from "i18n-react/dist/i18n-react";
 import "awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css";
 import {
-  Dropdown,
   Input,
+  UploadInputV2,
   TextEditor
 } from "openstack-uicore-foundation/lib/components";
 import FormRepeater from "../form-repeater";
+import InventoryItemMetaFieldForm from "./inventory-item-meta-field-form";
+import { scrollToError, shallowEqual, hasErrors } from "../../utils/methods";
 import {
-  scrollToError,
-  shallowEqual,
-  hasErrors
-} from "../../utils/methods";
+  MAX_INVENTORY_IMAGE_UPLOAD_SIZE,
+  MAX_INVENTORY_IMAGES_UPLOAD_QTY,
+  ALLOWED_INVENTORY_IMAGE_FORMATS
+} from "../../utils/constants";
 
 const InventoryItemForm = ({
   entity: initialEntity,
   errors: initialErrors,
+  onMetaFieldTypeDeleted,
+  onMetaFieldTypeValueDeleted,
+  onImageDeleted,
   onSubmit
 }) => {
+  const repeaterRef = useRef(null);
   const [entity, setEntity] = useState({ ...initialEntity });
   const [errors, setErrors] = useState(initialErrors);
 
+  const mediaType = {
+    max_size: MAX_INVENTORY_IMAGE_UPLOAD_SIZE,
+    max_uploads_qty: MAX_INVENTORY_IMAGES_UPLOAD_QTY,
+    type: {
+      allowed_extensions: ALLOWED_INVENTORY_IMAGE_FORMATS
+    }
+  };
+
   useEffect(() => {
     scrollToError(initialErrors);
     if (!shallowEqual(initialEntity, entity)) {
@@ -55,62 +69,97 @@ const InventoryItemForm = ({
     setErrors((prevErrors) => ({ ...prevErrors, [id]: "" }));
   };
 
+  const handleImageUploadComplete = (response) => {
+    if (response) {
+      const image = {
+        file_path: `${response.path}${response.name}`,
+        filename: response.name
+      };
+      setEntity((prevEntity) => ({
+        ...prevEntity,
+        images: [...prevEntity.images, image]
+      }));
+    }
+  };
+
+  const handleRemoveImage = (imageFile) => {
+    const images = entity.images.filter(
+      (image) => image.filename != imageFile.name
+    );
+    setEntity((prevEntity) => ({
+      ...prevEntity,
+      images
+    }));
+
+    if (onImageDeleted && entity.id && imageFile.id) {
+      onImageDeleted(entity.id, imageFile.id);
+    }
+  };
+
+  const getMediaInputValue = () =>
+    entity.images.length > 0
+      ? entity.images.map((img) => ({
+          ...img,
+          filename: img.filename ?? img.file_path
+        }))
+      : [];
+
   const handleSubmit = (ev) => {
     ev.preventDefault();
+    entity.meta_fields = getNormalizedMetaFields().filter((mf) => mf.name);
     onSubmit(entity);
   };
 
-  // const renderLineContent = (line, updateValue) => (
-  const renderLineContent = () => (
-    <div className="row form-group">
-      <div className="col-md-3">
-        <Input
-          id="meta-field-title"
-          className="form-control"
-          // error={hasErrors("meta-field-title", errors)}
-          onChange={handleChange}
-          value={entity.code}
-          placeholder="Field Title"
-        />
-      </div>
-      <div className="col-md-2">
-        <div className="form-check abc-checkbox">
-          <input
-            type="checkbox"
-            id="is_required"
-            checked={false}
-            onChange={handleChange}
-            className="form-check-input"
-          />
-          <label className="form-check-label" htmlFor="is_required">
-            Required
-          </label>
-        </div>
-      </div>
-      <div className="col-md-2">
-        <Dropdown
-          id="meta-field-type"
-          placeholder="Field Type"
-          // value={enabledFilters}
-          onChange={() => {}}
-          // options={(filters_ddl) => {}}
-        />
-      </div>
-      <div className="col-md-3">
-        <Input
-          id="meta-field-value"
-          className="form-control"
-          // error={hasErrors("meta-field-title", errors)}
-          onChange={handleChange}
-          value={entity.code}
-          placeholder="Field Value"
-        />
-      </div>
-    </div>
+  const getNormalizedMetaFields = () => {
+    if (repeaterRef.current) {
+      const content = repeaterRef.current.getContent();
+
+      return content.map((item) => {
+        const idSuffix = item.id;
+        const newValue = Object.fromEntries(
+          Object.entries(item.value).map(([key, value]) => {
+            const newKey = key.replace(`_${idSuffix}`, "");
+            return [newKey, value];
+          })
+        );
+        return newValue;
+      });
+    }
+    return [];
+  };
+
+  const initMetaFieldLines = (metaFields) =>
+    metaFields
+      .filter((metaField) => metaField.id)
+      .map((metaField) => ({
+        id: metaField.id,
+        value: { ...metaField }
+      }));
+
+  const handleRemoveMetaFieldType = (metaField) => {
+    if (onMetaFieldTypeDeleted && metaField.value.id) {
+      onMetaFieldTypeDeleted(entity.id, metaField.value.id);
+    }
+  };
+
+  const handleRemoveMetaFieldTypeValue = (metaFieldId, metaFieldValueId) => {
+    if (onMetaFieldTypeDeleted) {
+      onMetaFieldTypeValueDeleted(entity.id, metaFieldId, metaFieldValueId);
+    }
+  };
+
+  const renderMetaFieldForm = (line, updateValue) => (
+    <InventoryItemMetaFieldForm
+      entity={line.value}
+      errors={errors}
+      index={line.id}
+      onChange={updateValue}
+      onMetaFieldTypeValueDeleted={handleRemoveMetaFieldTypeValue}
+    />
   );
 
   return (
-    <form className="badge-type-form">
+    <form className="inventory-item-form">
       <input type="hidden" id="id" value={entity.id} />
       <input type="hidden" id="order" value={entity.order} />
       <div className="row form-group">
@@ -150,9 +199,39 @@ const InventoryItemForm = ({
 
       <hr />
 
-      <div className="row">
+      <div className="row form-group">
         <div className="col-md-12">
-          <FormRepeater renderContent={renderLineContent} />
+          <label>{T.translate("edit_inventory_item.meta_fields")}</label>
+          <FormRepeater
+            ref={repeaterRef}
+            initialLines={initMetaFieldLines(initialEntity.meta_fields)}
+            renderContent={renderMetaFieldForm}
+            onLineRemoved={handleRemoveMetaFieldType}
+          />
+        </div>
+      </div>
+
+      <hr />
+
+      <div className="row form-group">
+        <div className="col-md-12">
+          <label> {T.translate("edit_inventory_item.images")}</label>
+          <UploadInputV2
+            id="image"
+            onUploadComplete={handleImageUploadComplete}
+            value={getMediaInputValue()}
+            mediaType={mediaType}
+            onRemove={handleRemoveImage}
+            postUrl={`${window.FILE_UPLOAD_API_BASE_URL}/api/v1/files/upload`}
+            error={hasErrors("image", errors)}
+            djsConfig={{ withCredentials: true }}
+            maxFiles={mediaType.max_uploads_qty}
+            canAdd={
+              mediaType.is_editable ||
+              entity.images.length < mediaType.max_uploads_qty
+            }
+            parallelChunkUploads
+          />
         </div>
       </div>
 
diff --git a/src/components/forms/inventory-item-meta-field-form.js b/src/components/forms/inventory-item-meta-field-form.js
new file mode 100644
index 000000000..0d3d97e32
--- /dev/null
+++ b/src/components/forms/inventory-item-meta-field-form.js
@@ -0,0 +1,176 @@
+/**
+ * Copyright 2024 OpenStack Foundation
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * http://www.apache.org/licenses/LICENSE-2.0
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * */
+
+import React, { useEffect, useState, useRef } from "react";
+import T from "i18n-react/dist/i18n-react";
+import "awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css";
+import { Dropdown, Input } from "openstack-uicore-foundation/lib/components";
+import FormRepeater, { ButtonPanelAlignment } from "../form-repeater";
+import InventoryItemMetaFieldValueForm from "./inventory-item-meta-field-value-form";
+import { hasErrors, scrollToError, shallowEqual } from "../../utils/methods";
+
+const InventoryItemMetaFieldForm = ({
+  entity: initialEntity,
+  errors: initialErrors,
+  index,
+  onMetaFieldTypeValueDeleted,
+  onChange
+}) => {
+  const repeaterRef = useRef(null);
+  const [entity, setEntity] = useState({ ...initialEntity });
+  const [errors, setErrors] = useState(initialErrors);
+
+  useEffect(() => {
+    if (onChange && !shallowEqual(initialEntity, entity)) {
+      onChange(entity);
+    }
+  }, [entity]);
+
+  useEffect(() => {
+    scrollToError(initialErrors);
+    if (!shallowEqual(initialEntity, entity)) {
+      setEntity({ ...initialEntity });
+      setErrors({});
+    }
+
+    if (!shallowEqual(initialErrors, errors)) {
+      setErrors({ ...initialErrors });
+    }
+  }, [initialEntity, initialErrors]);
+
+  const meta_field_value_types_ddl = [
+    { label: "CheckBox", value: "CheckBox" },
+    { label: "CheckBoxList", value: "CheckBoxList" },
+    { label: "ComboBox", value: "ComboBox" },
+    { label: "RadioButtonList", value: "RadioButtonList" },
+    { label: "Text", value: "Text" },
+    { label: "TextArea", value: "TextArea" }
+  ];
+
+  const handleMetaFieldChange = (id, ev) => {
+    const { value, checked, type } = ev.target;
+    setEntity((prevEntity) => ({
+      ...prevEntity,
+      [id]: type === "checkbox" ? checked : value
+    }));
+  };
+
+  const initMetaFieldValueLines = (metaField) => {
+    const metaFieldValues = metaField?.values || [];
+
+    return metaFieldValues.map((metaFieldValue, index) => ({
+      id: index,
+      value: { ...metaFieldValue }
+    }));
+  };
+
+  const handleRemoveMetaFieldValue = (line) => {
+    if (onMetaFieldTypeValueDeleted && line.value.id) {
+      onMetaFieldTypeValueDeleted(entity.id, line.value.id);
+    }
+  };
+
+  const renderMetaFieldValueForm = (line, updateValue) => {
+    const handleChange = (metaFieldValue) => {
+      updateValue(metaFieldValue, (values) => {
+        setEntity((prevEntity) => ({
+          ...prevEntity,
+          values: values.map((value, ix) => ({ ...value.value, order: ix + 1 }))
+        }));
+      });
+    };
+
+    return (
+      <InventoryItemMetaFieldValueForm
+        entity={line.value}
+        errors={errors}
+        index={line.id}
+        onChange={handleChange}
+      />
+    );
+  };
+
+  return (
+    <div className="panel panel-default">
+      <div className="panel-body">
+        <div className="row form-group">
+          <div className="col-md-5">
+            <label>
+              {T.translate("edit_inventory_item.placeholders.meta_field_title")}
+            </label>
+            <Input
+              id="name"
+              value={entity.name}
+              className="form-control"
+              error={hasErrors("name", errors)}
+              onChange={(ev) => {
+                handleMetaFieldChange("name", ev);
+              }}
+            />
+          </div>
+          <div className="col-md-4">
+            <label>
+              {T.translate("edit_inventory_item.placeholders.meta_field_type")}
+            </label>
+            <Dropdown
+              id="type"
+              value={entity.type}
+              onChange={(ev) => {
+                handleMetaFieldChange("type", ev);
+              }}
+              options={meta_field_value_types_ddl}
+            />
+          </div>
+          <div className="col-md-3">
+            <label />
+            <div className="form-check abc-checkbox">
+              <input
+                id={`is_required_${index}`}
+                type="checkbox"
+                checked={entity.is_required}
+                onChange={(ev) => {
+                  handleMetaFieldChange("is_required", ev);
+                }}
+                className="form-check-input"
+              />
+              <label
+                className="form-check-label"
+                htmlFor={`is_required_${index}`}
+              >
+                {T.translate(
+                  "edit_inventory_item.placeholders.meta_field_required"
+                )}
+              </label>
+            </div>
+          </div>
+        </div>
+        <div className="row form-group">
+          <div className="col-md-7 col-md-offset-5">
+            <label>
+              {T.translate("edit_inventory_item.meta_field_values")}
+            </label>
+            <FormRepeater
+              ref={repeaterRef}
+              initialLines={initMetaFieldValueLines(entity)}
+              renderContent={renderMetaFieldValueForm}
+              onLineRemoved={handleRemoveMetaFieldValue}
+              buttonsPanelAlignment={ButtonPanelAlignment.BOTTOM}
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default InventoryItemMetaFieldForm;
diff --git a/src/components/forms/inventory-item-meta-field-value-form.js b/src/components/forms/inventory-item-meta-field-value-form.js
new file mode 100644
index 000000000..fee8f9ffa
--- /dev/null
+++ b/src/components/forms/inventory-item-meta-field-value-form.js
@@ -0,0 +1,88 @@
+/**
+ * Copyright 2024 OpenStack Foundation
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * http://www.apache.org/licenses/LICENSE-2.0
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * */
+
+import React, { useEffect, useState } from "react";
+import T from "i18n-react/dist/i18n-react";
+import { Input } from "openstack-uicore-foundation/lib/components";
+import { hasErrors, scrollToError, shallowEqual } from "../../utils/methods";
+
+const InventoryItemMetaFieldValueForm = ({
+  entity: initialEntity,
+  errors: initialErrors,
+  onChange
+}) => {
+  const [entity, setEntity] = useState({ ...initialEntity });
+  const [errors, setErrors] = useState(initialErrors);
+
+  useEffect(() => {
+    if (onChange && !shallowEqual(initialEntity, entity)) {
+      onChange(entity);
+    }
+  }, [entity]);
+
+  useEffect(() => {
+    scrollToError(initialErrors);
+    if (!shallowEqual(initialEntity, entity)) {
+      setEntity({ ...initialEntity });
+      setErrors({});
+    }
+
+    if (!shallowEqual(initialErrors, errors)) {
+      setErrors({ ...initialErrors });
+    }
+  }, [initialEntity, initialErrors]);
+
+  const handleMetaFieldValueChange = (id, ev) => {
+    const { value, checked, type } = ev.target;
+
+    setEntity((prevEntity) => ({
+      ...prevEntity,
+      [id]: type === "checkbox" ? checked : value
+    }));
+  };
+
+  return (
+    <div className="row form-group">
+      <div className="col-md-6">
+        <Input
+          id="name"
+          value={entity.name}
+          className="form-control"
+          error={hasErrors("name", errors)}
+          onChange={(ev) => {
+            handleMetaFieldValueChange("name", ev);
+          }}
+          placeholder={T.translate(
+            "edit_inventory_item.placeholders.meta_field_value_name"
+          )}
+        />
+      </div>
+      <div className="col-md-6">
+        <Input
+          id="value"
+          value={entity.value}
+          className="form-control"
+          error={hasErrors("value", errors)}
+          onChange={(ev) => {
+            handleMetaFieldValueChange("value", ev);
+          }}
+          placeholder={T.translate(
+            "edit_inventory_item.placeholders.meta_field_value_value"
+          )}
+        />
+      </div>
+    </div>
+  );
+};
+
+export default InventoryItemMetaFieldValueForm;
diff --git a/src/i18n/en.json b/src/i18n/en.json
index e38396d53..4268d8377 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -3163,6 +3163,9 @@
   },
   "inventory_item_list": {
     "inventory_items": "Inventory Items",
+    "alert_info": "You can create or archive items from the list. To edit an item click on it.",
+    "code_column_label": "Code",
+    "name_column_label": "Name",
     "delete_inventory_item_warning": "Are you sure you want to delete inventory item ",
     "add_inventory_item": "Create new Item",
     "placeholders": {
@@ -3172,8 +3175,20 @@
   "edit_inventory_item": {
     "inventory_item": "Item",
     "inventory_item_created": "Inventory Item created successfully.",
+    "inventory_item_saved": "Inventory Item saved successfully.",
     "code": "Code",
     "name": "Name",
-    "description": "Description"
+    "description": "Description",
+    "meta_fields": "Additional Input Fields",
+    "meta_field_values": "Field Values",
+    "placeholders": {
+      "meta_field_title": "Field Title",
+      "meta_field_required": "Required Field",
+      "meta_field_type": "Field Type",
+      "meta_field_values": "Field Values",
+      "meta_field_value_name": "Name",
+      "meta_field_value_value": "Value"
+    },
+    "images": "Images"
   }
 }
diff --git a/src/pages/sponsors_inventory/edit-inventory-item-page.js b/src/pages/sponsors_inventory/edit-inventory-item-page.js
index cc46c5c9a..e34111e72 100644
--- a/src/pages/sponsors_inventory/edit-inventory-item-page.js
+++ b/src/pages/sponsors_inventory/edit-inventory-item-page.js
@@ -19,17 +19,24 @@ import InventoryItemForm from "../../components/forms/inventory-item-form";
 import {
   getInventoryItem,
   resetInventoryItemForm,
-  saveInventoryItem
+  saveInventoryItem,
+  deleteInventoryItemMetaFieldType,
+  deleteInventoryItemMetaFieldTypeValue,
+  deleteInventoryItemImage
 } from "../../actions/inventory-item-actions";
 
 const EditInventoryItemPage = (props) => {
   const {
     match,
+    loading,
     entity,
     errors,
     getInventoryItem,
     resetInventoryItemForm,
-    saveInventoryItem
+    saveInventoryItem,
+    deleteInventoryItemMetaFieldType,
+    deleteInventoryItemMetaFieldTypeValue,
+    deleteInventoryItemImage
   } = props;
   const inventoryItemId = match.params.inventory_item_id;
 
@@ -46,6 +53,8 @@ const EditInventoryItemPage = (props) => {
     : T.translate("general.add");
   const breadcrumb = entity.id ? entity.name : T.translate("general.new");
 
+  if (loading) return null;
+
   return (
     <div className="container">
       <Breadcrumb data={{ title: breadcrumb, pathname: match.url }} />
@@ -56,18 +65,25 @@ const EditInventoryItemPage = (props) => {
       <InventoryItemForm
         entity={entity}
         errors={errors}
+        onMetaFieldTypeDeleted={deleteInventoryItemMetaFieldType}
+        onMetaFieldTypeValueDeleted={deleteInventoryItemMetaFieldTypeValue}
+        onImageDeleted={deleteInventoryItemImage}
         onSubmit={saveInventoryItem}
       />
     </div>
   );
 };
 
-const mapStateToProps = ({ currentInventoryItemState }) => ({
-  ...currentInventoryItemState
+const mapStateToProps = ({ currentInventoryItemState, baseState }) => ({
+  ...currentInventoryItemState,
+  loading: baseState.loading
 });
 
 export default connect(mapStateToProps, {
   getInventoryItem,
   resetInventoryItemForm,
-  saveInventoryItem
+  saveInventoryItem,
+  deleteInventoryItemMetaFieldType,
+  deleteInventoryItemMetaFieldTypeValue,
+  deleteInventoryItemImage
 })(EditInventoryItemPage);
diff --git a/src/pages/sponsors_inventory/inventory-list-page.js b/src/pages/sponsors_inventory/inventory-list-page.js
index f909bc6ce..921a8f72e 100644
--- a/src/pages/sponsors_inventory/inventory-list-page.js
+++ b/src/pages/sponsors_inventory/inventory-list-page.js
@@ -70,11 +70,11 @@ const InventoryListPage = ({
   };
 
   const handleSort = (index, key, dir) => {
-    getInventoryItems(term, page, perPage, key, dir);
+    getInventoryItems(term, currentPage, perPage, key, dir);
   };
 
   const handleSearch = (term) => {
-    getInventoryItems(term, page, perPage, order, orderDir);
+    getInventoryItems(term, currentPage, perPage, order, orderDir);
   };
 
   const handleNewInventoryItem = () => {
@@ -83,8 +83,16 @@ const InventoryListPage = ({
 
   const columns = [
     { columnKey: "id", value: "Id", sortable: true },
-    { columnKey: "code", value: T.translate("general.code"), sortable: true },
-    { columnKey: "name", value: T.translate("general.name"), sortable: true }
+    {
+      columnKey: "code",
+      value: T.translate("inventory_item_list.code_column_label"),
+      sortable: true
+    },
+    {
+      columnKey: "name",
+      value: T.translate("inventory_item_list.name_column_label"),
+      sortable: true
+    }
   ];
 
   const table_options = {
@@ -103,6 +111,9 @@ const InventoryListPage = ({
         {T.translate("inventory_item_list.inventory_items")} (
         {totalInventoryItems}){" "}
       </h3>
+      <div className="alert alert-info" role="alert">
+        {T.translate("inventory_item_list.alert_info")}
+      </div>
       <div className="row">
         <div className="col-md-6">
           <FreeTextSearch
diff --git a/src/reducers/inventory_items/inventory-item-reducer.js b/src/reducers/inventory_items/inventory-item-reducer.js
index f7400d1c7..9bb7184fa 100644
--- a/src/reducers/inventory_items/inventory-item-reducer.js
+++ b/src/reducers/inventory_items/inventory-item-reducer.js
@@ -16,10 +16,15 @@ import {
   RECEIVE_INVENTORY_ITEM,
   RESET_INVENTORY_ITEM_FORM,
   INVENTORY_ITEM_ADDED,
-  INVENTORY_ITEM_UPDATED
+  INVENTORY_ITEM_UPDATED,
+  INVENTORY_ITEM_META_FIELD_SAVED,
+  INVENTORY_ITEM_META_FIELD_DELETED,
+  INVENTORY_ITEM_META_FIELD_VALUE_SAVED,
+  INVENTORY_ITEM_META_FIELD_VALUE_DELETED,
+  INVENTORY_ITEM_IMAGE_SAVED,
+  INVENTORY_ITEM_IMAGE_DELETED
 } from "../../actions/inventory-item-actions";
 
-
 export const DEFAULT_ENTITY = {
   id: 0,
   code: "",
@@ -30,8 +35,9 @@ export const DEFAULT_ENTITY = {
   quantity_limit_per_sponsor: 0,
   early_bird_rate: 0,
   standard_rate: 0,
-  onsite_rate: 0
-  // images: []
+  onsite_rate: 0,
+  images: [],
+  meta_fields: []
 };
 
 const DEFAULT_STATE = {
@@ -46,9 +52,8 @@ const inventoryItemReducer = (state = DEFAULT_STATE, action) => {
       // we need this in case the token expired while editing the form
       if (payload.hasOwnProperty("persistStore")) {
         return state;
-      } 
-        return DEFAULT_STATE;
-      
+      }
+      return DEFAULT_STATE;
     }
     case RESET_INVENTORY_ITEM_FORM: {
       return { ...state, entity: { ...DEFAULT_ENTITY }, errors: {} };
@@ -85,8 +90,108 @@ const inventoryItemReducer = (state = DEFAULT_STATE, action) => {
         entity: {
           ...DEFAULT_ENTITY,
           ...entity,
-          original_mjml_content: entity.mjml_content,
-          original_html_content: entity.html_content
+          meta_fields: entity.meta_fields
+        }
+      };
+    }
+    case INVENTORY_ITEM_META_FIELD_SAVED: {
+      const metaField = payload.response;
+      const metaFields = state.entity.meta_fields.filter(
+        (m) => m.id !== metaField.id
+      );
+      return {
+        ...state,
+        entity: {
+          ...state.entity,
+          meta_fields: [...metaFields, metaField]
+        }
+      };
+    }
+    case INVENTORY_ITEM_META_FIELD_DELETED: {
+      const { metaFieldId } = payload;
+      const metaFields = state.entity.meta_fields.filter(
+        (metaField) => metaField.id !== metaFieldId
+      );
+      return {
+        ...state,
+        entity: {
+          ...state.entity,
+          meta_fields: metaFields
+        }
+      };
+    }
+    case INVENTORY_ITEM_META_FIELD_VALUE_SAVED: {
+      const metaFieldValue = payload.response;
+
+      const metaField = state.entity.meta_fields.find(
+        (mf) => mf.id === metaFieldValue.meta_field_type_id
+      );
+
+      if (!metaField) {
+        return state;
+      }
+
+      const otherValues = metaField.values.filter(
+        (value) => value !== metaFieldValue.id
+      );
+      metaField.values = [...otherValues, metaFieldValue];
+
+      const otherMetaFields = state.entity.meta_fields.filter(
+        (m) => m.id !== metaFieldValue.meta_field_type_id
+      );
+      return {
+        ...state,
+        entity: {
+          ...state.entity,
+          meta_fields: [...otherMetaFields, metaField]
+        }
+      };
+    }
+    case INVENTORY_ITEM_META_FIELD_VALUE_DELETED: {
+      const { metaFieldId, valueId } = payload;
+      const metaField = state.entity.meta_fields.find(
+        (mf) => mf.id === metaFieldId
+      );
+
+      if (metaField) {
+        metaField.values = [
+          ...metaField.values.filter((value) => value.id !== valueId)
+        ];
+      }
+      const metaFields = state.entity.meta_fields.filter(
+        (metaField) => metaField.id !== metaFieldId
+      );
+      return {
+        ...state,
+        entity: {
+          ...state.entity,
+          meta_fields: [...metaFields, metaField]
+        }
+      };
+    }
+    case INVENTORY_ITEM_IMAGE_SAVED: {
+      const image = payload.response;
+      const images = state.entity.images.filter(
+        (image) => image.id !== imageId
+      );
+      return {
+        ...state,
+        entity: {
+          ...state.entity,
+          images: [...images, image]
+        }
+      };
+    }
+    case INVENTORY_ITEM_IMAGE_DELETED: {
+      const { imageId } = payload;
+      const images = state.entity.images.filter(
+        (image) => image.id !== imageId
+      );
+      return {
+        ...state,
+        entity: {
+          ...state.entity,
+          images
         }
       };
     }
diff --git a/src/utils/constants.js b/src/utils/constants.js
index 591bcc15a..70f971c13 100644
--- a/src/utils/constants.js
+++ b/src/utils/constants.js
@@ -158,3 +158,8 @@ export const MAX_MEDIA_UPLOAD_SIZE = 512000;
 export const MAX_SLIDE_UPLOAD_SIZE = 512000;
 
 export const ALLOWED_SLIDES_FORMATS = ["jpg", "jpeg", "ppt", "pptx", "pdf"];
+
+// 500 * 1024kb
+export const MAX_INVENTORY_IMAGE_UPLOAD_SIZE = 512000;
+export const MAX_INVENTORY_IMAGES_UPLOAD_QTY = 5;
+export const ALLOWED_INVENTORY_IMAGE_FORMATS = ["jpg", "jpeg", "png"];