Add Sections

Creating New Sections

You can add custom sections to existing stores or create entirely new store locations.

Step 1: Create the Polyzone

Add your new section coordinates to the store configuration:

Stores = {
    ["LTD"] = {
        ["Little Seoul"] = {
            ["drinks"] = {vector3(-718.61, -910.7, 19.22), 3, 0.5},
            -- Add your new section here:
            ["custom_section"] = {vector3(x, y, z), length, width}
        }
    }
}

Step 2: Add Items to the Section

Create the items configuration for your new section:

Items = {
    ["custom_section"] = {
        ["item1"] = {
            price = 10,
            image = "./assets/custom/item1.png",
            itemName = "item1"
        },
        ["item2"] = {
            price = 15,
            image = "./assets/custom/item2.png",
            itemName = "item2"
        }
    }
}

Step 3: Add Item Images

1. Create a folder in html/assets/ for your section (e.g., html/assets/custom/)
2. Add your item images (100px x 100px PNG recommended)
3. Reference them in the items configuration

Step 4: Restart the Script

Restart the script to load the new polyzone and items:

/restart bit-stores

Example: Adding a "Cigarettes" Section

1. Add to Store Configuration

["Little Seoul"] = {
    ["drinks"] = {vector3(-718.61, -910.7, 19.22), 3, 0.5},
    ["alcohol"] = {vector3(-719.08, -913.76, 19.22), 3, 1.5},
    ["cigarettes"] = {vector3(-716.5, -911.2, 19.22), 2, 1} -- New section
}

2. Add Items Configuration

Items = {
    ["cigarettes"] = {
        ["marlboro"] = {
            price = 20,
            image = "./assets/cigarettes/marlboro.png",
            itemName = "marlboro"
        },
        ["redwood"] = {
            price = 18,
            image = "./assets/cigarettes/redwood.png",
            itemName = "redwood"
        },
        ["lighter"] = {
            price = 5,
            image = "./assets/cigarettes/lighter.png",
            itemName = "lighter"
        }
    }
}

3. Create Image Folder

html/
  assets/
    cigarettes/
      marlboro.png
      redwood.png
      lighter.png

Creating a New Store

To create an entirely new store location:

1. Choose Store Type

Decide which store type to add your location to (LTD, 24/7, or Liquor):

Stores = {
    ["24/7"] = {
        ["New Location Name"] = {
            ["drinks"] = {vector3(x, y, z), 2, 2},
            ["alcohol"] = {vector3(x, y, z), 3, 3},
            ["snacks"] = {vector3(x, y, z), 2, 2},
            ["doughnut"] = {vector3(x, y, z), 1, 1},
            ["fruit"] = {vector3(x, y, z), 2, 2},
            ["slush"] = {vector3(x, y, z), 2, 2},
            ["pay"] = {vector3(x, y, z), 3, 3}
        }
    }
}

2. Get Coordinates

Use an in-game tool to get the coordinates for each section:

-- Stand where you want the interaction point
-- Use /coords or similar command to get coordinates
-- Add them to the configuration

3. Configure Blip (Optional)

The blip will automatically appear based on the store type configuration:

Blips = {
    ["24/7"] = {
        useBlips = true,
        blip = 59,
        blipColor = 15,
        blipScale = 0.7,
        blipText = "Store"
    }
}

Tips

• Use consistent section sizes within the same store type
• Test each section after adding to ensure proper interaction range
• Keep item prices balanced with other stores
• Ensure all item names match your inventory system
• Use descriptive names for custom sections

Troubleshooting

Target not appearing:

• Check that coordinates are correct
• Verify zone length and width are appropriate
• Ensure Config.useTarget is true

Items not showing:

• Confirm item configuration syntax is correct
• Check image paths match actual file locations
• Verify items exist in your inventory system

Wrong section opening:

• Check section names match between Stores and Items tables
• Ensure no duplicate coordinates across different sections

[!WARNING] After adding new sections, always restart the script with /restart bit-stores to load the new polyzones and items.