> For the complete documentation index, see [llms.txt](https://cowsinss-organization.gitbook.io/inventory-pro-add-on-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://cowsinss-organization.gitbook.io/inventory-pro-add-on-documentation/content/03.-content/03.7-shop/shopui.md).

# ShopUI

{% hint style="info" %}
`ShopUI`inherits from [TradeUI](/inventory-pro-add-on-documentation/content/03.-content/03.6-others/03.6.1-trade-hub/tradeui.md)
{% endhint %}

`ShopUI` displays all available items to purchase.  `ShopUI` is enabled on interacting with the Shop, and it´s disabled when leaving the Shop.

### CRAFTING UI

* <mark style="color:purple;">shopButton:</mark> Buttons to instantiate in the Shop.
* <mark style="color:purple;">slidersContainer:</mark> When purchasing Weapons, slidersContainer is enabled to display Weapons Statistics.
* <mark style="color:purple;">damageSlider:</mark> Contained in slidersContainer, when purchasing weapons this slider gets filled to represent its damage statistics.
* <mark style="color:purple;">fireRateSlider:</mark> Contained in slidersContainer, when purchasing weapons this slider gets filled to represent its fire rate statistics.
* <mark style="color:purple;">magazineSlider:</mark> Contained in slidersContainer, when purchasing weapons this slider gets filled to represent its magazine statistics.
* <mark style="color:purple;">speedModifierSlider:</mark> Contained in slidersContainer, when purchasing weapons this slider gets filled to represent its speed modification statistics.

{% hint style="info" %}
The rest of properties are part of [TradeUI](/inventory-pro-add-on-documentation/content/03.-content/03.6-others/03.6.1-trade-hub/tradeui.md).
{% endhint %}

### Functions | CraftingUI.cs&#x20;

> <mark style="color:green;">UpdateHighlightedItemUI(Item\_SO item)</mark>
>
> Highlights the Item and displays its information in the shop.
>
> * <mark style="color:purple;">item:</mark> Item to highlight.

> <mark style="color:green;">UpdateIngredientDisplay(Recipe\_SO, int amountToCraft)</mark>
>
> Updates the Ingredient Displays of a highlighted Recipe based on the desired amount of items to craft.
>
> * <mark style="color:purple;">recipe:</mark> Recipe\_SO to display all information about.
> * <mark style="color:purple;">amountToCraft:</mark> Amount to display on the UI. This needs to match the real amount to craft to [Crafting Processes](/inventory-pro-add-on-documentation/content/03.-content/03.1-crafting/craftingprocess.md) and UI are up-to-date.

> <mark style="color:green;">RefreshShopItems(ShopButton purchasedShopButton)</mark>
>
> Re-initializes all shop items. This is generally called after a purchase has occured so the shop displays if the Player has enough resources or not after the purchase.
>
> * <mark style="color:purple;">purchasedShopButton:</mark> Reference to the ShopButton that contains the Item that has been purchased.