Template:ItemBox: Difference between revisions

From The Deadlock Wiki
Jump to navigation Jump to search
Vergir (talk | contribs)
Fix header comment that contained literal comment markers and leaked text before the card (with help from vergir-bot LLM)
Vergir (talk | contribs)
mNo edit summary
Line 1: Line 1:
<templatestyles src="Template:ItemBox/styles.css" /><includeonly><!--
<templatestyles src="Template:ItemBox/styles.css" /><includeonly><!--
 
{{#vardefine:itemName|{{{itemName|{{{1}}}}}}}}<!--
  ItemBox renders a Deadlock shop item card. Item data is pulled from
  Module:ItemData by item name.
 
  Parameters
    itemName (or 1)      item name; keys into Module:ItemData
    size                card scale — 1 = default (80px), 1.5 = 150%, 0.75 = 75%
    showTierTag          "true" to show the tier corner badge
    overrideDisplayName  name shown on the card
    overrideTier        tier, 1-5
    overrideSlot        slot: Weapon / Armor / Tech
    overrideIsActive    "true"/"false" to force the ACTIVE tag
    overrideIsImbue      "true"/"false" to force the IMBUE tag
    overrideLinkTooltip  page the tooltip reads from
    overrideLinkImage    icon image
    overrideLinkClick    click-through target
 
  Newlines between the #vardefines below sit inside comment joins, so no
  stray whitespace lands before the card markup.
 
-->{{#vardefine:itemName|{{{itemName|{{{1}}}}}}}}<!--


     Display name: Lang string for the codename, else the raw name, then override.
     Display name: Lang string for the codename, else the raw name, then override.

Revision as of 18:06, 20 July 2026

Template documentation [view] [edit] [history] [purge]
CSS3 logo.svg
This template uses CSS found at ItemBox/styles.css.

Usage

{{ItemBox}} renders a Deadlock shop item as a card: icon, tier art, and the item name auto-sized to fit. Pass an item name and everything else — tier, slot, tags, image — is pulled from Module:ItemData.

{{ItemBox|Extended Magazine}}

<div class="itembox itembox-tier-Item Not Found. itembox-icon-v3 itembox-wear-v2 itembox-texture-v2" style="font-size:10px;">

Imbue

Active

Parameters

Template parameters[Edit template data]

This template prefers inline formatting of parameters.

ParameterDescriptionTypeStatus
itemNameitemName 1

Item name; keys into Module:ItemData. Positional.

Example
Extended Magazine
Stringrequired
sizesize

Scales the whole card. 1 = default (80px wide), 1.5 = 150%, 0.75 = 75%.

Default
1
Example
1.5
Numberoptional
showTierTagshowTierTag

Set to true to show the tier corner badge.

Suggested values
true false
Booleanoptional
lowGraphicslowGraphics

Set to true for pages that place many cards at once (the card navboxes). Swaps the paper texture to a cacheable overlay so scrolling stays smooth; the look is nearly identical.

Suggested values
true false
Booleanoptional
overrideDisplayNameoverrideDisplayName

Replaces the name shown on the card.

Example
Test Name
Stringoptional
overrideTieroverrideTier

Replaces the card's tier.

Suggested values
1 2 3 4 5
Numberoptional
overrideSlotoverrideSlot

Replaces the card's background (type).

Suggested values
Weapon Vitality Spirit
Stringoptional
overrideIsActiveoverrideIsActive

Forces the ACTIVE tag on or off.

Suggested values
true false
Booleanoptional
overrideIsImbueoverrideIsImbue

Forces the IMBUE tag on or off.

Suggested values
true false
Booleanoptional
overrideLinkTooltipoverrideLinkTooltip

Page the hover tooltip reads its info from.

Example
Extended Magazine
Stringoptional
overrideLinkImageoverrideLinkImage

Page/file the icon image comes from.

Example
Extended Magazine
Stringoptional
overrideLinkClickoverrideLinkClick

Page the card links to when clicked.

Example
Bullet Lifesteal (item)
Stringoptional

Examples

Basic

{{ItemBox|Close Quarters}}
{{ItemBox|Spirit Shredder Bullets}}
{{ItemBox|Silencer}}
{{ItemBox|Extra Health}}
{{ItemBox|Echo Shard}}
{{ItemBox|Celestial Blessing}}

<div class="itembox itembox-tier-Item Not Found. itembox-icon-v3 itembox-wear-v2 itembox-texture-v2" style="font-size:10px;">

Imbue

Active

<div class="itembox itembox-tier-Item Not Found. itembox-icon-v3 itembox-wear-v2 itembox-texture-v2" style="font-size:10px;">

Imbue

Active

<div class="itembox itembox-tier-Item Not Found. itembox-icon-v3 itembox-wear-v2 itembox-texture-v2" style="font-size:10px;">

Imbue

Active

<div class="itembox itembox-tier-Item Not Found. itembox-icon-v3 itembox-wear-v2 itembox-texture-v2" style="font-size:10px;">

Imbue

Active

<div class="itembox itembox-tier-Item Not Found. itembox-icon-v3 itembox-wear-v2 itembox-texture-v2" style="font-size:10px;">

Imbue

Active

<div class="itembox itembox-tier-Item Not Found. itembox-icon-v3 itembox-wear-v2 itembox-texture-v2" style="font-size:10px;">

Imbue

Active

Tier tag

{{ItemBox|Extended Magazine|showTierTag = true}}
{{ItemBox|Berserker|showTierTag = true}}
{{ItemBox|Echo Shard|showTierTag = true}}
{{ItemBox|Celestial Blessing|showTierTag = true}}

<div class="itembox itembox-show-tier itembox-tier-Item Not Found. itembox-icon-v3 itembox-wear-v2 itembox-texture-v2" style="font-size:10px;">

Imbue

Active

<div class="itembox itembox-show-tier itembox-tier-Item Not Found. itembox-icon-v3 itembox-wear-v2 itembox-texture-v2" style="font-size:10px;">

Imbue

Active

<div class="itembox itembox-show-tier itembox-tier-Item Not Found. itembox-icon-v3 itembox-wear-v2 itembox-texture-v2" style="font-size:10px;">

Imbue

Active

<div class="itembox itembox-show-tier itembox-tier-Item Not Found. itembox-icon-v3 itembox-wear-v2 itembox-texture-v2" style="font-size:10px;">

Imbue

Active

Size

{{ItemBox|Extended Magazine|size = 0.75}}
{{ItemBox|Extended Magazine}}
{{ItemBox|Extended Magazine|size = 1.5}}

<div class="itembox itembox-tier-Item Not Found. itembox-icon-v3 itembox-wear-v2 itembox-texture-v2" style="font-size:7.5px;">

Imbue

Active

<div class="itembox itembox-tier-Item Not Found. itembox-icon-v3 itembox-wear-v2 itembox-texture-v2" style="font-size:10px;">

Imbue

Active

<div class="itembox itembox-tier-Item Not Found. itembox-icon-v3 itembox-wear-v2 itembox-texture-v2" style="font-size:15px;">

Imbue

Active

Low graphics

For pages that place many cards at once. The paper texture becomes a single cacheable overlay so scrolling stays smooth; the look is nearly identical.

{{ItemBox|Extra Health}}
{{ItemBox|Kinetic Dash}}
{{ItemBox|Metal Skin}}
{{ItemBox|Echo Shard}}

{{ItemBox|Extra Health|lowGraphics = true}}
{{ItemBox|Kinetic Dash|lowGraphics = true}}
{{ItemBox|Metal Skin|lowGraphics = true}}
{{ItemBox|Echo Shard|lowGraphics = true}}

Normal
<div class="itembox itembox-tier-Item Not Found. itembox-icon-v3 itembox-wear-v2 itembox-texture-v2" style="font-size:10px;">

Imbue

Active

<div class="itembox itembox-tier-Item Not Found. itembox-icon-v3 itembox-wear-v2 itembox-texture-v2" style="font-size:10px;">

Imbue

Active

<div class="itembox itembox-tier-Item Not Found. itembox-icon-v3 itembox-wear-v2 itembox-texture-v2" style="font-size:10px;">

Imbue

Active

<div class="itembox itembox-tier-Item Not Found. itembox-icon-v3 itembox-wear-v2 itembox-texture-v2" style="font-size:10px;">

Imbue

Active

Low graphics
<div class="itembox itembox-tier-Item Not Found. itembox-icon-v3 itembox-wear-v2 itembox-texture-v2" style="font-size:10px;">

Imbue

Active

<div class="itembox itembox-tier-Item Not Found. itembox-icon-v3 itembox-wear-v2 itembox-texture-v2" style="font-size:10px;">

Imbue

Active

<div class="itembox itembox-tier-Item Not Found. itembox-icon-v3 itembox-wear-v2 itembox-texture-v2" style="font-size:10px;">

Imbue

Active

<div class="itembox itembox-tier-Item Not Found. itembox-icon-v3 itembox-wear-v2 itembox-texture-v2" style="font-size:10px;">

Imbue

Active

Overrides

{{ItemBox|High-Velocity Rounds|overrideDisplayName = Test Name}}
{{ItemBox|Intensifying Magazine|overrideTier = 4}}
{{ItemBox|Weakening Headshot|overrideSlot = Spirit}}
{{ItemBox|Recharging Rush|overrideIsActive = true}}
{{ItemBox|Alchemical Fire|overrideIsImbue = true}}
{{ItemBox|Bullet Lifesteal|overrideLinkClick = Heroes}}

<div class="itembox itembox-tier-Item Not Found. itembox-icon-v3 itembox-wear-v2 itembox-texture-v2" style="font-size:10px;">

Imbue

Test Name

Active

Imbue

Active

<div class="itembox itembox-tier-Item Not Found. itembox-icon-v3 itembox-wear-v2 itembox-texture-v2" style="font-size:10px;">

Imbue

Active

<div class="itembox itembox-tier-Item Not Found. itembox-active itembox-icon-v3 itembox-wear-v2 itembox-texture-v2" style="font-size:10px;">

Imbue

Active

<div class="itembox itembox-tier-Item Not Found. itembox-imbue itembox-icon-v3 itembox-wear-v2 itembox-texture-v2" style="font-size:10px;">

Imbue

Active

<div class="itembox itembox-tier-Item Not Found. itembox-icon-v3 itembox-wear-v2 itembox-texture-v2" style="font-size:10px;">

Imbue

Active

References