# Compare Ingredients

## Adding Ingredients

To compare ingredients, you need to add ingredients that you want to compare. Below are the ways to add ingredients

### 1. Add ingredients through the Ingredients Page

You need to be on the ingredients page. Click [here ](https://docs.animaldietformulator.com/animal-diet-formulator/ingredients)to learn how to go to the ingredients page.

On the ingredients page, click the three vertical dots to view the item menu. See the image below.

<figure><img src="https://805823882-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhG0lTGiTkuSbi8Obg8K2%2Fuploads%2FiEL1ljc2H01xoyd6q00z%2Fimage.png?alt=media&#x26;token=8fb35779-cdb4-4f29-a6e2-7ce5ca1b221a" alt=""><figcaption></figcaption></figure>

Select the Add to Compare options from the dropdown menu.&#x20;

<figure><img src="https://805823882-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhG0lTGiTkuSbi8Obg8K2%2Fuploads%2F6WXFQctvd12IPUMeO9Nu%2Fimage.png?alt=media&#x26;token=7217de96-8434-4cc7-989a-ecfe6158e341" alt=""><figcaption></figcaption></figure>

This action will add the ingredient to the list of ingredients to compare. A pop-up message will prompt you if you want to proceed to view the ingredients that you want to compare.&#x20;

<figure><img src="https://805823882-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhG0lTGiTkuSbi8Obg8K2%2Fuploads%2FqV3xQuGlVnG7TeSiN1Vl%2Fimage.png?alt=media&#x26;token=5010ef6d-b62c-45fe-84b7-6bf9d1b3ce54" alt=""><figcaption></figcaption></figure>

### 2. Add Ingredients while Formulating Recipes using the Ingredients Section panel

While on the formulation page, you can select ingredients from your recipe to compare. You can find the ingredients in the [Ingredients Section](https://docs.animaldietformulator.com/recipes/formulation#ingredients-section).&#x20;

<figure><img src="https://805823882-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhG0lTGiTkuSbi8Obg8K2%2Fuploads%2FoyTAwQkB9b19LLgOF2Ig%2Fimage.png?alt=media&#x26;token=91bee95a-0daa-4653-b23c-3ac7b76be829" alt=""><figcaption></figcaption></figure>

Click [here](https://docs.animaldietformulator.com/recipes/recipe-ingredients#add-to-compare-ingredients) to learn more about how to add the ingredients for comparison.

### 3. Add Ingredients while Searching for Ingredients to add or adjust.

While searching for ingredients to add to your recipe, you can also add them to compare. Use the same steps as in [Action 1.](#1.-add-ingredients-through-the-ingredients-page)&#x20;

## Compare Ingredients

Once you add an ingredient, the software will prompt you if you want to open the Compare Ingredients. If you selected no, you can still open the Compare Ingredients Modal from the Main Menu Item.&#x20;

&#x20;&#x20;

<figure><img src="https://805823882-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhG0lTGiTkuSbi8Obg8K2%2Fuploads%2FQnWvqxkFfINoPqJptzQf%2Fimage.png?alt=media&#x26;token=a26b7ded-470f-43de-a0e9-2fce50e301a7" alt=""><figcaption></figcaption></figure>

The item menu will show an indicator if there are ingredients that you can compare.  Clicking the menu item opens the Compare Ingredients Modal. See the image below.

<figure><img src="https://805823882-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhG0lTGiTkuSbi8Obg8K2%2Fuploads%2FFOa6f4JDyOED2ms9Q6C4%2Fimage.png?alt=media&#x26;token=a50298a3-4b96-4248-a3e0-9d8a8d7b7de0" alt=""><figcaption></figcaption></figure>

1. Instruction Icon Button
   * Clicking this icon will provide more details on how to use the Compare Ingredients Modal.&#x20;
2. Search Bar
   * Provide the name of the nutrient that you want to compare. This will filter the nutrients instead of scrolling the whole page.&#x20;
3. Name of the Ingredient
   * Double-click the ingredient to remove the item from the list of ingredients to compare
4. Remove All button
   * Click the button to remove all the ingredients.
5. Close button
   * Click the button to close the Compare Ingredients Modal.