Instructions for changing the background to an image:
Step 1: Open and edit the “oxide/data/Shop/UI.json” file
Open the “UI.json” file using a text editor such as Notepad++ or Visual Studio Code.
Step 2: Find the `Background Settings` section
Locate the `Background Settings` section in the file. It should look something like this:
"BackgroundSettings": {
"Use background?": true,
"Display type (Overlay/Hud)": "Overlay",
"Background": {
"Sprite": "",
"Material": "assets/content/ui/uibackgroundblur.mat",
"Image": "",
"Color": {
"HEX": "#000000",
"Opacity (0 - 100)": 90.0
},
"Cursor Enabled": true,
"Keyboard Enabled": false,
"AnchorMin": "0 0",
"AnchorMax": "1 1",
"OffsetMin": "0 0",
"OffsetMax": "0 0"
},
"Close on click?": true
}
Step 3: Change parameters
Now let's change the required parameters:
1. Setting the link to the image:
“Image": ”path/to/your/image.png”
Replace "path/to/your/image.png" with the actual path to your image.
2. Clearing the “Material” field:
"Material": ""
Simply delete the current value "assets/content/ui/uibackgroundblur.mat" or replace it with an empty string: "".
3. Customize the background color:
"Color": {
"HEX": "#FFFFFF",
"Opacity (0 - 100)": 100.0
}
Replace `#000000` with `#FFFFFFF` for the white color and set `Opacity (0 - 100)` to `100.0`.
Final example:
"Background Settings": {
"Use background?": true,
"Display type (Overlay/Hud)": "Overlay",
"Background": {
"Sprite": "",
"Material": "",
"Image": "path/to/your/image.png",
"Color": {
"HEX": "#FFFFFF",
"Opacity (0 - 100)": 100.0
},
"Cursor Enabled": true,
"Keyboard Enabled": false,
"AnchorMin": "0 0",
"AnchorMax": "1 1",
"OffsetMin": "0 0",
"OffsetMax": "0 0"
},
"Close on click?": true
}