Step 4

Install the items in your inventory system

Choose the option that suits your server.

qs-inventory

qb-core/shared/items.lua

['creditcard'] 			 			= {['name'] = 'creditcard', 							['label'] = 'Credit Card', 						['weight'] = 10, 		['type'] = 'item', 		['image'] = 'creditcard.png', 				['unique'] = false, 		['useable'] = true, 	['shouldClose'] = true,	   ['combinable'] = nil,   ['description'] = 'Visa card, can be used via ATM'},

qs-inventory/config/metadata.js

} else if (itemData.name == "visa" || itemData.name == "creditcard") {
    $(".item-info-title").html('<p>' + label + '</p>')
        var str = "" + itemData.info.cardNumber + "";
        var res = str.slice(12);
        var cardNumber = "************" + res;
        $(".item-info-description").html('<p><strong>Card Owner: </strong><span>' + itemData.info.ownerName + '</span></p><p><strong>Card Type: </strong><span>' + itemData.info.cardType + '</span></p><p><strong>Card Number: </strong><span>' + cardNumber + '</span></p>'
    );

core_inventory

QBCore/shared/items.lua:

['creditcard']                   = {
    ['name'] = 'creditcard',
    ['label'] = 'Credit Card',
    ['weight'] = 0,
    ['type'] = 'item',
    ['image'] = 'creditcard.png',
    ['unique'] = true,
    ['useable'] = true,
    ['shouldClose'] = false,
    ['category'] = 'uniqueItem',
    ['combinable'] = nil,
    ['description'] = 'Visa card, can be used via ATM',
    client = { export = 'qs-banking.CreateCard' }
},

In core_inventory/config.lua find ItemCategories and add in it:

["uniqueItem"] = {
    color = "#87ceeb",
    takeSound = 'take',
    putSound = 'put',
},

In core_inventory/config.lua find ShownMetadatatable and add in it:

['cardNumber']  ='Card Number',
['ownerName'] = 'Owner name',
['cardtype'] = 'Card Type',

qb-inventory

qb-core/shared/items.lua

['creditcard'] 			 			= {['name'] = 'creditcard', 							['label'] = 'Credit Card', 						['weight'] = 10, 		['type'] = 'item', 		['image'] = 'creditcard.png', 				['unique'] = false, 		['useable'] = true, 	['shouldClose'] = true,	   ['combinable'] = nil,   ['description'] = 'Visa card, can be used via ATM'},

For qb-core NEW VERSION ONLY

qb-core/shared/items.lua

creditcard   = {['name'] = 'creditcard', ['label'] = 'Credit Card', ['weight'] = 10, ['type'] = 'item', ['image'] = 'creditcard.png', ['unique'] = false, ['useable'] = true, ['shouldClose'] = true, ['combinable'] = nil, ['description'] = 'Visa card, can be used via ATM'},

qb-inventory/html/js/app.js

/* go to line 350 */
case "creditcard":
   var str = "" + itemData.info.cardNumber + "";
   var res = str.slice(12);
   var cardNumber = "************" + res;
   return `<p><strong>Card Owner: </strong><span>${itemData.info.ownerName}</span></p>
      <p><strong>Card Type: </strong><span>${itemData.info.cardType}</span></p>
      <p><strong>Card Number: </strong><span>${cardNumber}</span></p>`;

ox_inventory

ox_inventory/data/items.lua

['creditcard'] = {
    label = 'Credit Card',
    weight = 1,
    stack = false,
    close = false,
    consume = 0,
    client = { export = 'qs-banking.CreateCard' }
},