Installation Guide
Follow these steps for flawless installation
Download the script from your keymaster.
Place the script into your server resource folder:
FXServer\server-data\resources\fivecode_clothing
Write the script into your server.cfg:
ensure fivecode_clothing
Setup your inventory - ox, qb, qs:
ox
Add the following into:
ox_inventory\data\items.lua
['mask'] = {
label = 'Mask',
weight = 10,
stack = false,
close = true,
},
['helmet'] = {
label = 'Helmet',
weight = 10,
stack = false,
close = true,
},
['glasses'] = {
label = 'Glasses',
weight = 10,
stack = false,
close = true,
},
['ear'] = {
label = 'Ear',
weight = 10,
stack = false,
close = true,
},
['chain'] = {
label = 'Chain',
weight = 10,
stack = false,
close = true,
},
['watches'] = {
label = 'Watches',
weight = 10,
stack = false,
close = true,
},
['bracelet'] = {
label = 'Bracelet',
weight = 10,
stack = false,
close = true,
},
['tshirt'] = {
label = 'Tshirt',
weight = 10,
stack = false,
close = true,
},
['vest'] = {
label = 'Vest',
weight = 10,
stack = false,
close = true,
},
['jacket'] = {
label = 'Jacket',
weight = 10,
stack = false,
close = true,
},
['decals'] = {
label = 'Decals',
weight = 10,
stack = false,
close = true,
},
['bag'] = {
label = 'Bag',
weight = 10,
stack = false,
close = true,
},
['gloves'] = {
label = 'Gloves',
weight = 10,
stack = false,
close = true,
},
['pants'] = {
label = 'Pants',
weight = 10,
stack = false,
close = true,
},
['shoes'] = {
label = 'Shoes',
weight = 10,
stack = false,
close = true,
},
['outfit'] = {
label = 'Outfit',
weight = 10,
stack = false,
close = true,
},
And this into:
ox_inventory\modules\items\client.lua
Item('mask', function(data, slot)
TriggerEvent('fivecode_clothing:useOutfit', slot, 'mask')
end)
Item('helmet', function(data, slot)
TriggerEvent('fivecode_clothing:useOutfit', slot, 'helmet')
end)
Item('glasses', function(data, slot)
TriggerEvent('fivecode_clothing:useOutfit', slot, 'glasses')
end)
Item('ear', function(data, slot)
TriggerEvent('fivecode_clothing:useOutfit', slot, 'ear')
end)
Item('chain', function(data, slot)
TriggerEvent('fivecode_clothing:useOutfit', slot, 'chain')
end)
Item('watches', function(data, slot)
TriggerEvent('fivecode_clothing:useOutfit', slot, 'watches')
end)
Item('bracelet', function(data, slot)
TriggerEvent('fivecode_clothing:useOutfit', slot, 'bracelet')
end)
Item('tshirt', function(data, slot)
TriggerEvent('fivecode_clothing:useOutfit', slot, 'tshirt')
end)
Item('vest', function(data, slot)
TriggerEvent('fivecode_clothing:useOutfit', slot, 'vest')
end)
Item('jacket', function(data, slot)
TriggerEvent('fivecode_clothing:useOutfit', slot, 'jacket')
end)
Item('decals', function(data, slot)
TriggerEvent('fivecode_clothing:useOutfit', slot, 'decals')
end)
Item('bag', function(data, slot)
TriggerEvent('fivecode_clothing:useOutfit', slot, 'bag')
end)
Item('gloves', function(data, slot)
TriggerEvent('fivecode_clothing:useOutfit', slot, 'gloves')
end)
Item('pants', function(data, slot)
TriggerEvent('fivecode_clothing:useOutfit', slot, 'pants')
end)
Item('shoes', function(data, slot)
TriggerEvent('fivecode_clothing:useOutfit', slot, 'shoes')
end)
Item('outfit', function(data, slot)
TriggerEvent('fivecode_clothing:useOutfit', slot)
end)
qb
Add the following into:
qb-core\shared\items.lua
['mask'] = {
['name'] = 'mask',
['label'] = 'Mask',
['weight'] = 500,
['type'] = 'item',
['image'] = 'mask.png',
['unique'] = true,
['useable'] = true,
['shouldClose'] = true,
['combinable'] = nil,
},
['helmet'] = {
['name'] = 'helmet',
['label'] = 'Helmet',
['weight'] = 500,
['type'] = 'item',
['image'] = 'helmet.png',
['unique'] = true,
['useable'] = true,
['shouldClose'] = true,
['combinable'] = nil,
},
['glasses'] = {
['name'] = 'glasses',
['label'] = 'Glasses',
['weight'] = 500,
['type'] = 'item',
['image'] = 'glasses.png',
['unique'] = true,
['useable'] = true,
['shouldClose'] = true,
['combinable'] = nil,
},
['ear'] = {
['name'] = 'ear',
['label'] = 'Ear',
['weight'] = 500,
['type'] = 'item',
['image'] = 'ear.png',
['unique'] = true,
['useable'] = true,
['shouldClose'] = true,
['combinable'] = nil,
},
['chain'] = {
['name'] = 'chain',
['label'] = 'Chain',
['weight'] = 500,
['type'] = 'item',
['image'] = 'chain.png',
['unique'] = true,
['useable'] = true,
['shouldClose'] = true,
['combinable'] = nil,
},
['watches'] = {
['name'] = 'watches',
['label'] = 'Watches',
['weight'] = 500,
['type'] = 'item',
['image'] = 'watches.png',
['unique'] = true,
['useable'] = true,
['shouldClose'] = true,
['combinable'] = nil,
},
['bracelet'] = {
['name'] = 'bracelet',
['label'] = 'Bracelet',
['weight'] = 500,
['type'] = 'item',
['image'] = 'bracelet.png',
['unique'] = true,
['useable'] = true,
['shouldClose'] = true,
['combinable'] = nil,
},
['tshirt'] = {
['name'] = 'tshirt',
['label'] = 'Tshirt',
['weight'] = 500,
['type'] = 'item',
['image'] = 'tshirt.png',
['unique'] = true,
['useable'] = true,
['shouldClose'] = true,
['combinable'] = nil,
},
['vest'] = {
['name'] = 'vest',
['label'] = 'Vest',
['weight'] = 500,
['type'] = 'item',
['image'] = 'vest.png',
['unique'] = true,
['useable'] = true,
['shouldClose'] = true,
['combinable'] = nil,
},
['jacket'] = {
['name'] = 'jacket',
['label'] = 'Jacket',
['weight'] = 500,
['type'] = 'item',
['image'] = 'jacket.png',
['unique'] = true,
['useable'] = true,
['shouldClose'] = true,
['combinable'] = nil,
},
['decals'] = {
['name'] = 'decals',
['label'] = 'Decals',
['weight'] = 500,
['type'] = 'item',
['image'] = 'decals.png',
['unique'] = true,
['useable'] = true,
['shouldClose'] = true,
['combinable'] = nil,
},
['bag'] = {
['name'] = 'bag',
['label'] = 'Bag',
['weight'] = 500,
['type'] = 'item',
['image'] = 'bag.png',
['unique'] = true,
['useable'] = true,
['shouldClose'] = true,
['combinable'] = nil,
},
['gloves'] = {
['name'] = 'gloves',
['label'] = 'Gloves',
['weight'] = 500,
['type'] = 'item',
['image'] = 'gloves.png',
['unique'] = true,
['useable'] = true,
['shouldClose'] = true,
['combinable'] = nil,
},
['pants'] = {
['name'] = 'pants',
['label'] = 'Pants',
['weight'] = 500,
['type'] = 'item',
['image'] = 'pants.png',
['unique'] = true,
['useable'] = true,
['shouldClose'] = true,
['combinable'] = nil,
},
['shoes'] = {
['name'] = 'shoes',
['label'] = 'Shoes',
['weight'] = 500,
['type'] = 'item',
['image'] = 'shoes.png',
['unique'] = true,
['useable'] = true,
['shouldClose'] = true,
['combinable'] = nil,
},
['outfit'] = {
['name'] = 'outfit',
['label'] = 'Outfit',
['weight'] = 500,
['type'] = 'item',
['image'] = 'outfit.png',
['unique'] = true,
['useable'] = true,
['shouldClose'] = true,
['combinable'] = nil,
},
And this to:
qb-inventory/html/je/app.js
} else if (itemData.name == "mask") {
$(".item-info-title").html("<p>" + itemData.label + "</p>");
$(".item-info-description").html("<p>" + itemData.description + "</p>")
$(".item-info-line").html(
"<p><b>Number: </b>" +
itemData.info.clothNumber +
"</p>" +
"<p><b>Color: </b>" +
itemData.info.clothColor +
"</span></p>"
);
} else if (itemData.name == "helmet") {
$(".item-info-title").html("<p>" + itemData.label + "</p>");
$(".item-info-description").html("<p>" + itemData.description + "</p>")
$(".item-info-line").html(
"<p><b>Number: </b>" +
itemData.info.clothNumber +
"</p>" +
"<p><b>Color: </b>" +
itemData.info.clothColor +
"</span></p>"
);
} else if (itemData.name == "glasses") {
$(".item-info-title").html("<p>" + itemData.label + "</p>");
$(".item-info-description").html("<p>" + itemData.description + "</p>")
$(".item-info-line").html(
"<p><b>Number: </b>" +
itemData.info.clothNumber +
"</p>" +
"<p><b>Color: </b>" +
itemData.info.clothColor +
"</span></p>"
);
} else if (itemData.name == "ear") {
$(".item-info-title").html("<p>" + itemData.label + "</p>");
$(".item-info-description").html("<p>" + itemData.description + "</p>")
$(".item-info-line").html(
"<p><b>Number: </b>" +
itemData.info.clothNumber +
"</p>" +
"<p><b>Color: </b>" +
itemData.info.clothColor +
"</span></p>"
);
} else if (itemData.name == "chain") {
$(".item-info-title").html("<p>" + itemData.label + "</p>");
$(".item-info-description").html("<p>" + itemData.description + "</p>")
$(".item-info-line").html(
"<p><b>Number: </b>" +
itemData.info.clothNumber +
"</p>" +
"<p><b>Color: </b>" +
itemData.info.clothColor +
"</span></p>"
);
} else if (itemData.name == "watches") {
$(".item-info-title").html("<p>" + itemData.label + "</p>");
$(".item-info-description").html("<p>" + itemData.description + "</p>")
$(".item-info-line").html(
"<p><b>Number: </b>" +
itemData.info.clothNumber +
"</p>" +
"<p><b>Color: </b>" +
itemData.info.clothColor +
"</span></p>"
);
} else if (itemData.name == "bracelet") {
$(".item-info-title").html("<p>" + itemData.label + "</p>");
$(".item-info-description").html("<p>" + itemData.description + "</p>")
$(".item-info-line").html(
"<p><b>Number: </b>" +
itemData.info.clothNumber +
"</p>" +
"<p><b>Color: </b>" +
itemData.info.clothColor +
"</span></p>"
);
} else if (itemData.name == "tshirt") {
$(".item-info-title").html("<p>" + itemData.label + "</p>");
$(".item-info-description").html("<p>" + itemData.description + "</p>")
$(".item-info-line").html(
"<p><b>Number: </b>" +
itemData.info.clothNumber +
"</p>" +
"<p><b>Color: </b>" +
itemData.info.clothColor +
"</span></p>"
);
} else if (itemData.name == "vest") {
$(".item-info-title").html("<p>" + itemData.label + "</p>");
$(".item-info-description").html("<p>" + itemData.description + "</p>")
$(".item-info-line").html(
"<p><b>Number: </b>" +
itemData.info.clothNumber +
"</p>" +
"<p><b>Color: </b>" +
itemData.info.clothColor +
"</span></p>"
);
} else if (itemData.name == "jacket") {
$(".item-info-title").html("<p>" + itemData.label + "</p>");
$(".item-info-description").html("<p>" + itemData.description + "</p>")
$(".item-info-line").html(
"<p><b>Number: </b>" +
itemData.info.clothNumber +
"</p>" +
"<p><b>Color: </b>" +
itemData.info.clothColor +
"</span></p>"
);
} else if (itemData.name == "decals") {
$(".item-info-title").html("<p>" + itemData.label + "</p>");
$(".item-info-description").html("<p>" + itemData.description + "</p>")
$(".item-info-line").html(
"<p><b>Number: </b>" +
itemData.info.clothNumber +
"</p>" +
"<p><b>Color: </b>" +
itemData.info.clothColor +
"</span></p>"
);
} else if (itemData.name == "bag") {
$(".item-info-title").html("<p>" + itemData.label + "</p>");
$(".item-info-description").html("<p>" + itemData.description + "</p>")
$(".item-info-line").html(
"<p><b>Number: </b>" +
itemData.info.clothNumber +
"</p>" +
"<p><b>Color: </b>" +
itemData.info.clothColor +
"</span></p>"
);
} else if (itemData.name == "gloves") {
$(".item-info-title").html("<p>" + itemData.label + "</p>");
$(".item-info-description").html("<p>" + itemData.description + "</p>")
$(".item-info-line").html(
"<p><b>Number: </b>" +
itemData.info.clothNumber +
"</p>" +
"<p><b>Color: </b>" +
itemData.info.clothColor +
"</span></p>"
);
} else if (itemData.name == "pants") {
$(".item-info-title").html("<p>" + itemData.label + "</p>");
$(".item-info-description").html("<p>" + itemData.description + "</p>")
$(".item-info-line").html(
"<p><b>Number: </b>" +
itemData.info.clothNumber +
"</p>" +
"<p><b>Color: </b>" +
itemData.info.clothColor +
"</span></p>"
);
} else if (itemData.name == "shoes") {
$(".item-info-title").html("<p>" + itemData.label + "</p>");
$(".item-info-description").html("<p>" + itemData.description + "</p>")
$(".item-info-line").html(
"<p><b>Number: </b>" +
itemData.info.clothNumber +
"</p>" +
"<p><b>Color: </b>" +
itemData.info.clothColor +
"</span></p>"
);
} else if (itemData.name == "outfit") {
$(".item-info-title").html("<p>" + itemData.label + "</p>");
$(".item-info-description").html("<p>" + itemData.description + "</p>")
$(".item-info-line").html(
"<p><b>Number: </b>" +
itemData.info.description +
"</span></p>"
);
qs
Add the following into:
qs-inventory\shared\items.lua
['mask'] = {
['name'] = 'mask',
['label'] = 'Mask',
['weight'] = 500,
['type'] = 'item',
['image'] = 'mask.png',
['unique'] = true,
['useable'] = true,
['shouldClose'] = true,
['combinable'] = nil,
},
['helmet'] = {
['name'] = 'helmet',
['label'] = 'Helmet',
['weight'] = 500,
['type'] = 'item',
['image'] = 'helmet.png',
['unique'] = true,
['useable'] = true,
['shouldClose'] = true,
['combinable'] = nil,
},
['glasses'] = {
['name'] = 'glasses',
['label'] = 'Glasses',
['weight'] = 500,
['type'] = 'item',
['image'] = 'glasses.png',
['unique'] = true,
['useable'] = true,
['shouldClose'] = true,
['combinable'] = nil,
},
['ear'] = {
['name'] = 'ear',
['label'] = 'Ear',
['weight'] = 500,
['type'] = 'item',
['image'] = 'ear.png',
['unique'] = true,
['useable'] = true,
['shouldClose'] = true,
['combinable'] = nil,
},
['chain'] = {
['name'] = 'chain',
['label'] = 'Chain',
['weight'] = 500,
['type'] = 'item',
['image'] = 'chain.png',
['unique'] = true,
['useable'] = true,
['shouldClose'] = true,
['combinable'] = nil,
},
['watches'] = {
['name'] = 'watches',
['label'] = 'Watches',
['weight'] = 500,
['type'] = 'item',
['image'] = 'watches.png',
['unique'] = true,
['useable'] = true,
['shouldClose'] = true,
['combinable'] = nil,
},
['bracelet'] = {
['name'] = 'bracelet',
['label'] = 'Bracelet',
['weight'] = 500,
['type'] = 'item',
['image'] = 'bracelet.png',
['unique'] = true,
['useable'] = true,
['shouldClose'] = true,
['combinable'] = nil,
},
['tshirt'] = {
['name'] = 'tshirt',
['label'] = 'Tshirt',
['weight'] = 500,
['type'] = 'item',
['image'] = 'tshirt.png',
['unique'] = true,
['useable'] = true,
['shouldClose'] = true,
['combinable'] = nil,
},
['vest'] = {
['name'] = 'vest',
['label'] = 'Vest',
['weight'] = 500,
['type'] = 'item',
['image'] = 'vest.png',
['unique'] = true,
['useable'] = true,
['shouldClose'] = true,
['combinable'] = nil,
},
['jacket'] = {
['name'] = 'jacket',
['label'] = 'Jacket',
['weight'] = 500,
['type'] = 'item',
['image'] = 'jacket.png',
['unique'] = true,
['useable'] = true,
['shouldClose'] = true,
['combinable'] = nil,
},
['decals'] = {
['name'] = 'decals',
['label'] = 'Decals',
['weight'] = 500,
['type'] = 'item',
['image'] = 'decals.png',
['unique'] = true,
['useable'] = true,
['shouldClose'] = true,
['combinable'] = nil,
},
['bag'] = {
['name'] = 'bag',
['label'] = 'Bag',
['weight'] = 500,
['type'] = 'item',
['image'] = 'bag.png',
['unique'] = true,
['useable'] = true,
['shouldClose'] = true,
['combinable'] = nil,
},
['gloves'] = {
['name'] = 'gloves',
['label'] = 'Gloves',
['weight'] = 500,
['type'] = 'item',
['image'] = 'gloves.png',
['unique'] = true,
['useable'] = true,
['shouldClose'] = true,
['combinable'] = nil,
},
['pants'] = {
['name'] = 'pants',
['label'] = 'Pants',
['weight'] = 500,
['type'] = 'item',
['image'] = 'pants.png',
['unique'] = true,
['useable'] = true,
['shouldClose'] = true,
['combinable'] = nil,
},
['shoes'] = {
['name'] = 'shoes',
['label'] = 'Shoes',
['weight'] = 500,
['type'] = 'item',
['image'] = 'shoes.png',
['unique'] = true,
['useable'] = true,
['shouldClose'] = true,
['combinable'] = nil,
},
['outfit'] = {
['name'] = 'outfit',
['label'] = 'Outfit',
['weight'] = 500,
['type'] = 'item',
['image'] = 'outfit.png',
['unique'] = true,
['useable'] = true,
['shouldClose'] = true,
['combinable'] = nil,
},
And this into:
qs-inventory\config\metadata.js
else if (itemData.name == "mask") {
$(".item-info-title").html("<p>" + itemData.label + "</p>");
$(".item-info-description").html(
"<p><b>Number: </b>" +
itemData.info.clothNumber +
"</p>" +
"<p><b>Color: </b>" +
itemData.info.clothColor +
"</span></p>"
);
}
else if (itemData.name == "helmet") {
$(".item-info-title").html("<p>" + itemData.label + "</p>");
$(".item-info-description").html(
"<p><b>Number: </b>" +
itemData.info.clothNumber +
"</p>" +
"<p><b>Color: </b>" +
itemData.info.clothColor +
"</span></p>"
);
}
else if (itemData.name == "glasses") {
$(".item-info-title").html("<p>" + itemData.label + "</p>");
$(".item-info-description").html(
"<p><b>Number: </b>" +
itemData.info.clothNumber +
"</p>" +
"<p><b>Color: </b>" +
itemData.info.clothColor +
"</span></p>"
);
}
else if (itemData.name == "ear") {
$(".item-info-title").html("<p>" + itemData.label + "</p>");
$(".item-info-description").html(
"<p><b>Number: </b>" +
itemData.info.clothNumber +
"</p>" +
"<p><b>Color: </b>" +
itemData.info.clothColor +
"</span></p>"
);
}
else if (itemData.name == "chain") {
$(".item-info-title").html("<p>" + itemData.label + "</p>");
$(".item-info-description").html(
"<p><b>Number: </b>" +
itemData.info.clothNumber +
"</p>" +
"<p><b>Color: </b>" +
itemData.info.clothColor +
"</span></p>"
);
}
else if (itemData.name == "watches") {
$(".item-info-title").html("<p>" + itemData.label + "</p>");
$(".item-info-description").html(
"<p><b>Number: </b>" +
itemData.info.clothNumber +
"</p>" +
"<p><b>Color: </b>" +
itemData.info.clothColor +
"</span></p>"
);
}
else if (itemData.name == "bracelet") {
$(".item-info-title").html("<p>" + itemData.label + "</p>");
$(".item-info-description").html(
"<p><b>Number: </b>" +
itemData.info.clothNumber +
"</p>" +
"<p><b>Color: </b>" +
itemData.info.clothColor +
"</span></p>"
);
}
else if (itemData.name == "tshirt") {
$(".item-info-title").html("<p>" + itemData.label + "</p>");
$(".item-info-description").html(
"<p><b>Number: </b>" +
itemData.info.clothNumber +
"</p>" +
"<p><b>Color: </b>" +
itemData.info.clothColor +
"</span></p>"
);
}
else if (itemData.name == "vest") {
$(".item-info-title").html("<p>" + itemData.label + "</p>");
$(".item-info-description").html(
"<p><b>Number: </b>" +
itemData.info.clothNumber +
"</p>" +
"<p><b>Color: </b>" +
itemData.info.clothColor +
"</span></p>"
);
}
else if (itemData.name == "jacket") {
$(".item-info-title").html("<p>" + itemData.label + "</p>");
$(".item-info-description").html(
"<p><b>Number: </b>" +
itemData.info.clothNumber +
"</p>" +
"<p><b>Color: </b>" +
itemData.info.clothColor +
"</span></p>"
);
}
else if (itemData.name == "decals") {
$(".item-info-title").html("<p>" + itemData.label + "</p>");
$(".item-info-description").html(
"<p><b>Number: </b>" +
itemData.info.clothNumber +
"</p>" +
"<p><b>Color: </b>" +
itemData.info.clothColor +
"</span></p>"
);
}
else if (itemData.name == "bag") {
$(".item-info-title").html("<p>" + itemData.label + "</p>");
$(".item-info-description").html(
"<p><b>Number: </b>" +
itemData.info.clothNumber +
"</p>" +
"<p><b>Color: </b>" +
itemData.info.clothColor +
"</span></p>"
);
}
else if (itemData.name == "gloves") {
$(".item-info-title").html("<p>" + itemData.label + "</p>");
$(".item-info-description").html(
"<p><b>Number: </b>" +
itemData.info.clothNumber +
"</p>" +
"<p><b>Color: </b>" +
itemData.info.clothColor +
"</span></p>"
);
}
else if (itemData.name == "pants") {
$(".item-info-title").html("<p>" + itemData.label + "</p>");
$(".item-info-description").html(
"<p><b>Number: </b>" +
itemData.info.clothNumber +
"</p>" +
"<p><b>Color: </b>" +
itemData.info.clothColor +
"</span></p>"
);
}
else if (itemData.name == "shoes") {
$(".item-info-title").html("<p>" + itemData.label + "</p>");
$(".item-info-description").html(
"<p><b>Number: </b>" +
itemData.info.clothNumber +
"</p>" +
"<p><b>Color: </b>" +
itemData.info.clothColor +
"</span></p>"
);
}
else if (itemData.name == "outfit") {
$(".item-info-title").html("<p>" + itemData.label + "</p>");
$(".item-info-description").html(
"<p><b>Number: </b>" +
itemData.info.description +
"</span></p>"
);
}
Disable qs-inventory default clothing system:
qs-inventory\config\config.lua
Config.Clothing = false
Configure everything to your liking in Config.lua.
Restart your inventory script and start fivecode_clothing, or restart your server.
Enjoy the script!
[Optional] If you want to have item image in your inventory, place the image bellow here: -
ox_inventory\web\images
-qb-inventory\html\images
-qs-inventory\html\images
If you need help with anything else, do not hesitate and open a support ticket in our discord.
Last updated