# Enable Product Browser for Faster Case Product Selection

Learn how to configure your Vault for streamlined product coding during _Case_ processing.

## About the Feature

With the 24R2 release, Vault Safety introduces a _Product Browser_ for quick and efficient product selection during _Case_ processing. You can now auto-code and search for _Company Products_ and _External Products_ faster. After selecting a product, you can hover over the field to display related details, such as _Product Family_, _Product_, _Trade Name_, _Product Registration_, and _Country_.

After configuring this feature, see <a href="/en/lr/01162/">Auto-Code and Browse Products</a> for more information.

## Update the Case Layout

Complete the following steps to update the _Case Product_ section on the _Case Page Layout_:

1. Go to **Admin > Configuration > Objects > Case > Layouts > Case Page Layout**.
2. Remove the existing **Products** section. For more information, see How to Remove Sections and Pages in <a href="/en/lr/26387/#how-to-remove-sections-and-pages">Configuring Object Layouts</a>.
3. Add the **Case Products** control section with the **Slider** (<img class="inline" src="https://platform.veevavault.help/assets/images/saf-app-control.png" alt="app-control" style="" />) icon. Optionally, rename the section by entering "Products" in the **Section Label** field. For more information, see <a href="/en/lr/26387/#how-to-add-sections">Configuring Object Layouts</a>.
4. Select **Save**.

## Update the Case Product Object

You must update the _Case Product_ object by:

* [Activating the _Base Case Product_ object type][1]
* [Updating the _Case Product_ layout for the _Base Product_ type and configuring layout rules][2]
* [Updating the _Case Product_ layout for the _Company Product_ type][3]

Go to **Admin > Configuration > Objects > Case Product** to complete these procedures.

### <a id="activate-base"></a>Activate the Base Case Product Object Type

Complete the following steps to activate the _Base Case Product_ object type on the _Case Product_ object:

1. On the _Object Types_ tab, select **Base Case Product**.
2. Select **Edit**.
3. In the **Status** field, select **Active**.
4. Select **Save**.

### <a id="update-case-base-layout"></a>Update the Case Product Layout for the Base Product Type

Complete the following steps to update the _Case Product Detail Page Layout_:

1. On the _Case Product_ object _Layouts_ tab, select **Case Product Detail Page Layout**.
2. In the _Study_ section, select **Edit** and then update the **Section Label** to "Blinding Details".
3. Select **Done**.
4. In the newly named _Blinding Details_ section, click on the **Study** field and drag it into the _Details_ section. We recommend positioning the **Study** field so it's below the **Case** field.
5. In the _Details_ section, perform the following:
    * Remove the **Product (Reported)** field.
    * Add the **Product** control field with the **Slider** (<img class="inline" src="https://platform.veevavault.help/assets/images/saf-app-control.png" alt="app-control" style="" />) icon. Ensure you select the control field with the name `case_product_browser_base__c`.
6. Select **Done**.
7. Select **Save**.

#### Configure Layout Rules

Complete the following steps to configure two (2) layout rules on the _Case Product Detail Page Layout_:

1. On the _Layouts_ tab, select **Case Product Detail Page Layout**.
2. Select **Layout Rules**.
3. Select **Create** and configure the following layout rule:
    * **Label:** Not Study Case
    * **IF this Layout Rule Expression is TRUE:** `isBlank(study__v)`
    * **Apply the following display effects:**
      * Hide > Sections > Blinding Details
      * Hide > Fields > Study, Product (Study), Study Blinded, Blinded Name (Placeholder), Study Arm, Study Arm Product
4. Select **Save**.
5. Select **Create** and configure the following layout rule:
    * **Label:** Study Product Blinded Rule
    * **IF this Layout Rule Expression is TRUE:** `If(IsBlank(blinded__v), if(IsBlank(case_blinded__v), if(IsBlank(study_blinded__v), FALSE, study_blinded__v), case_blinded__v), blinded__v)`
    * **Apply the following display effects:**
      * Hide > Sections > Substances, Registration Details
      * Hide > Fields > Product (Study)
      * Display As Required > Fields > Product (Reported)
6. Select **Save**.

### <a id="case-layout-company-prod"></a>Update the Case Product Layout for the Company Product Type

Complete the following steps to update the _Company Product Detail Page Layout_:

1. On the _Case Product_ object _Layouts_ tab, select **Company Product Detail Page Layout**.
2. In the _Details_ section, perform the following:
   * Remove the following fields:
     * **Product (Reported)**
     * **Product**
     * **Product Registration**
   * Add the **Product** control field with the **Slider** (<img class="inline" src="https://platform.veevavault.help/assets/images/saf-app-control.png" alt="app-control" style="" />) icon. Ensure you select the control field with the name `case_product_browser_company__c`.
   * Move the **Country Obtained** control field so it's above the **Product** control field.
3. Select **Save**.

[1]: #activate-base
[2]: #update-case-base-layout
[3]: #case-layout-company-prod