Template:ItemBox: Difference between revisionsGive feedback
Gammaton32 (talk | contribs) fixed link color for localized names |
Gammaton32 (talk | contribs) applied new style by User:TheMilkMan |
||
| Line 1: | Line 1: | ||
<includeonly> | <templatestyles src="Template:ItemBox/styles.css"/><includeonly><!-- | ||
<div class="HeroCard2" style="transition: 0.1s transform ease-in-out;display:inline-block; margin-left: 5px; border-radius: | -->{{#vardefine:item_key_or_en|{{{item_name|{{{1}}}}}}}}<!-- | ||
{|- style="font-family:'Retail Demo Regular',serif;text-align:center; border-collapse:collapse | -->{{#vardefine:tier|{{#invoke:ItemData|get_prop|{{#var:item_key_or_en}}|Tier}}}}<!-- | ||
# | --><div class="HeroCard2" style="transition:0.1s transform ease-in-out;display:inline-block; margin-left:5px; border-radius:9px;"> | ||
{|- style="font-family:'Retail Demo Regular',serif; text-align:center; border-collapse:collapse; width:100px !important; position:relative;" | |||
|<span class="item-link-wrapper" data-item-name="{{{item_name|{{{1}}}}}}"><div style="position:absolute; z-index:0; transform-origin: top; transform: scale(1, 1.1);">[[File:{{#invoke:ItemData|get_prop|{{#var:item_key_or_en}}|Slot}} Card T{{#var:tier}}.png|100px|link={{#if:{{{link|}}}|{{{link}}}|{{{item_loc|{{{item_name|{{{1}}}}}}}}}}}]]</div></span><!-- | |||
--><div style="position:relative; pointer-events:none;"><!-- | |||
--><div class="paper-texture tex-1" style="position:absolute; z-index:5; mix-blend-mode:multiply; opacity:0.9;">[[File:Card PaperTexture 1.png|100px|link=]]</div><!-- | |||
--><div class="paper-texture tex-2" style="position:absolute; z-index:5; mix-blend-mode:multiply; opacity:0.9;">[[File:Card PaperTexture 2.png|100px|link=]]</div><!-- | |||
--><div class="paper-texture tex-3" style="position:absolute; z-index:5; mix-blend-mode:multiply; opacity:0.9;">[[File:Card PaperTexture 3.png|100px|link=]]</div><!-- | |||
--><div class="paper-wear wear-1" style="position:absolute; z-index:6; mix-blend-mode:overlay; opacity:1; filter: sepia(70%)">[[File:Card PaperWear 1.png|100px|link=]]</div><!-- | |||
--><div class="paper-wear wear-2" style="position:absolute; z-index:6; mix-blend-mode:overlay; opacity:0.8; filter: sepia(70%)">[[File:Card PaperWear 2.png|100px|link=]]</div><!-- | |||
--><div class="paper-wear wear-3" style="position:absolute; z-index:6; mix-blend-mode:overlay; opacity:1; filter: sepia(70%)">[[File:Card PaperWear 3.png|100px|link=]]</div><!-- | |||
--><div class="paper-wear wear-4" style="position:absolute; z-index:6; mix-blend-mode:overlay; opacity:1; filter: sepia(70%)">[[File:Card PaperWear 4.png|100px|link=]]</div></div> | |||
|- style="text-align:center; position:relative; pointer-events:none;" | |||
| <span style="transition: 0.1s transform ease-in-out; | | <span class="item-card-icon" style="transition:0.1s transform ease-in-out; position:relative; bottom:-1px;">[[File:{{{item_name|{{{1}}}}}}.png|96px|link=]]</span>{{#if:{{{ignore|}}}||{{#ifeq: {{#invoke:ItemData|is_active|{{{item_name|{{{1}}}}}}}}|true|<div style="position:relative; display:flex; justify-content:center; align-items:center; z-index:6;"><div style="background-color:#161A13; color:#FFFFF5; border-radius:3px; padding:2px 2px; font-size:12px; margin:0; width:48px; height:16px; position:absolute; bottom:-9px; line-height:15px; letter-spacing:-0.5px; font-family:'Retail Demo Regular', serif;">'''ACTIVE'''</div></div>}}}} | ||
|- style="height:55px; font-size:14px; font-family:'Retail Demo Regular'; line-height:18px; position:relative; z-index:1; pointer-events:none; {{#ifexpr:{{#var:tier}} > 3|{{#switch: {{#invoke:ItemData|get_prop|{{#var:item_key_or_en}}|Slot}} | |||
| Weapon = color: #e2c5a1 !important; | |||
| Armor = color: #b8dcc4 !important; | |||
| Tech = color: #ccbfda !important; | |||
| color: #000000;}}|color: #11140e; !important}}" | |||
! style="padding: 0 4px;" |{{{item_loc|{{{item_name|{{{1}}}}}}}}} | |||
| | |||
#switch: {{# | |||
| Weapon = | |||
| | |||
| | |||
| | |||
! style=" | |||
}} | |||
|}</div></includeonly><noinclude>{{Documentation}}</noinclude> | |}</div></includeonly><noinclude>{{Documentation}}</noinclude> | ||
Revision as of 18:38, 5 May 2026
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}}
Parameters
| Parameter | Description | Type | Status | |
|---|---|---|---|---|
| itemName | itemName 1 | Item name; keys into Module:ItemData. Positional.
| String | required |
| size | size | Scales the whole card. 1 = default (80px wide), 1.5 = 150%, 0.75 = 75%.
| Number | optional |
| showTierTag | showTierTag | Set to true to show the tier corner badge.
| Boolean | optional |
| lowGraphics | lowGraphics | 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.
| Boolean | optional |
| overrideDisplayName | overrideDisplayName | Replaces the name shown on the card.
| String | optional |
| overrideTier | overrideTier | Replaces the card's tier.
| Number | optional |
| overrideSlot | overrideSlot | Replaces the card's background (type).
| String | optional |
| overrideIsActive | overrideIsActive | Forces the ACTIVE tag on or off.
| Boolean | optional |
| overrideIsImbue | overrideIsImbue | Forces the IMBUE tag on or off.
| Boolean | optional |
| overrideLinkTooltip | overrideLinkTooltip | Page the hover tooltip reads its info from.
| String | optional |
| overrideLinkImage | overrideLinkImage | Page/file the icon image comes from.
| String | optional |
| overrideLinkClick | overrideLinkClick | Page the card links to when clicked.
| String | optional |
Examples
Basic
{{ItemBox|Close Quarters}}
{{ItemBox|Spirit Shredder Bullets}}
{{ItemBox|Silencer}}
{{ItemBox|Extra Health}}
{{ItemBox|Echo Shard}}
{{ItemBox|Celestial Blessing}}
Tier tag
{{ItemBox|Extended Magazine|showTierTag = true}}
{{ItemBox|Berserker|showTierTag = true}}
{{ItemBox|Echo Shard|showTierTag = true}}
{{ItemBox|Celestial Blessing|showTierTag = true}}
Size
{{ItemBox|Extended Magazine|size = 0.75}}
{{ItemBox|Extended Magazine}}
{{ItemBox|Extended Magazine|size = 1.5}}
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
Low graphics
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}}
References
- Item data — Data:ItemData.json, read by Module:ItemData
- Name sizing and texture variety — Module:ItemBox
- Card styling — Template:ItemBox/styles.css