View source for Template:MerchGallery2

{| class="roundy" style="text-align:center; padding:5px; border:3px solid #{{{border|{{black color}}}}}; background:#{{{background|CCC}}}; margin-bottom:1em"
|- {{#if: {{{heading|}}}| |style="display:none;"}}
! {{#if: {{{heading|}}}|style="{{roundy}}; background:#{{{heading bg|{{black color}}}}}; color:#{{{heading color|FFF}}};"|style="display:none;"}} colspan="4" | {{{heading|Example Text}}}

|-

| style="{{roundy}}; line-spacing:1; border:3px solid #{{{background|CCC}}}; background:#FFF; padding:5px;" | [[File:{{{image1|TCG EX Power Tins Group Shot.jpg}}}|{{{size1|170px}}}|center]]
<span {{#if: {{{caption1|}}}| |style="display:none;"}}>{{{caption1|'''Caption'''}}}</span>

|{{#if: {{{image2|}}}|style="{{roundy}}; line-spacing:1; border:3px solid #{{{background|CCC}}}; background:#FFF; padding:5px;"|style="display:none;"}} | [[File:{{{image2|Spring 2011 Sneak Peek tins.jpg}}}|{{{size2|170px}}}|center]]
<span {{#if: {{{caption2|}}}| |style="display:none;"}}>{{{caption2|'''Caption'''}}}</span>

|{{#if: {{{image3|}}}|style="{{roundy}}; line-spacing:1; border:3px solid #{{{background|CCC}}}; background:#FFF; padding:5px;"|style="display:none;"}} | [[File:{{{image3|Spring 2011 Sneak Peek tins.jpg}}}|{{{size3|170px}}}|center]]
<span {{#if: {{{caption3|}}}| |style="display:none;"}}>{{{caption3|'''Caption'''}}}</span>

|{{#if: {{{image4|}}}|style="{{roundy}}; line-spacing:1; border:3px solid #{{{background|CCC}}}; background:#FFF; padding:5px;"|style="display:none;"}} | [[File:{{{image4|Spring 2011 Sneak Peek tins.jpg}}}|{{{size4|170px}}}|center]]
<span {{#if: {{{caption4|}}}| |style="display:none;"}}>{{{caption4|'''Caption'''}}}</span>

|- {{#if: {{{heading2|}}}| |style="display:none;"}}
! {{#if: {{{heading2|}}}|style="{{roundy}}; background:#{{{heading2 bg|{{black color}}}}}; color:#{{{heading2 color|FFF}}};"|style="display:none;"}} colspan="4" | {{{heading2|Example Text}}}

|-

|{{#if: {{{image5|}}}|style="{{roundy}}; line-spacing:1; border:3px solid #{{{background|CCC}}}; background:#FFF; padding:5px;"|style="display:none;"}} | [[File:{{{image5|Spring 2011 Sneak Peek tins.jpg}}}|{{{size5|170px}}}|center]]
<span {{#if: {{{caption5|}}}| |style="display:none;"}}>{{{caption5|'''Caption'''}}}</span>

|{{#if: {{{image6|}}}|style="{{roundy}}; line-spacing:1; border:3px solid #{{{background|CCC}}}; background:#FFF; padding:5px;"|style="display:none;"}} | [[File:{{{image6|Spring 2011 Sneak Peek tins.jpg}}}|{{{size6|170px}}}|center]]
<span {{#if: {{{caption6|}}}| |style="display:none;"}}>{{{caption6|'''Caption'''}}}</span>

|{{#if: {{{image7|}}}|style="{{roundy}}; line-spacing:1; border:3px solid #{{{background|CCC}}}; background:#FFF; padding:5px;"|style="display:none;"}} | [[File:{{{image7|Spring 2011 Sneak Peek tins.jpg}}}|{{{size7|170px}}}|center]]
<span {{#if: {{{caption7|}}}| |style="display:none;"}}>{{{caption7|'''Caption'''}}}</span>

|{{#if: {{{image8|}}}|style="{{roundy}}; line-spacing:1; border:3px solid #{{{background|CCC}}}; background:#FFF; padding:5px;"|style="display:none;"}} | [[File:{{{image8|Spring 2011 Sneak Peek tins.jpg}}}|{{{size8|170px}}}|center]]
<span {{#if: {{{caption8|}}}| |style="display:none;"}}>{{{caption8|'''Caption'''}}}</span>

|- {{#if: {{{heading3|}}}| |style="display:none;"}}
! {{#if: {{{heading3|}}}|style="{{roundy}}; background:#{{{heading3 bg|{{black color}}}}}; color:#{{{heading3 color|FFF}}};"|style="display:none;"}} colspan="4" | {{{heading3|Example Text}}}

|-

|{{#if: {{{image9|}}}|style="{{roundy}}; line-spacing:1; border:3px solid #{{{background|CCC}}}; background:#FFF; padding:5px;"|style="display:none;"}} | [[File:{{{image9|Spring 2011 Sneak Peek tins.jpg}}}|{{{size9|170px}}}|center]]
<span {{#if: {{{caption9|}}}| |style="display:none;"}}>{{{caption9|'''Caption'''}}}</span>

|{{#if: {{{image10|}}}|style="{{roundy}}; line-spacing:1; border:3px solid #{{{background|CCC}}}; background:#FFF; padding:5px;"|style="display:none;"}} | [[File:{{{image10|Spring 2011 Sneak Peek tins.jpg}}}|{{{size10|170px}}}|center]]
<span {{#if: {{{caption10|}}}| |style="display:none;"}}>{{{caption10|'''Caption'''}}}</span>

|{{#if: {{{image11|}}}|style="{{roundy}}; line-spacing:1; border:3px solid #{{{background|CCC}}}; background:#FFF; padding:5px;"|style="display:none;"}} | [[File:{{{image11|Spring 2011 Sneak Peek tins.jpg}}}|{{{size11|170px}}}|center]]
<span {{#if: {{{caption11|}}}| |style="display:none;"}}>{{{caption11|'''Caption'''}}}</span>

|{{#if: {{{image12|}}}|style="{{roundy}}; line-spacing:1; border:3px solid #{{{background|CCC}}}; background:#FFF; padding:5px;"|style="display:none;"}} | [[File:{{{image12|Spring 2011 Sneak Peek tins.jpg}}}|{{{size12|170px}}}|center]]
<span {{#if: {{{caption12|}}}| |style="display:none;"}}>{{{caption12|'''Caption'''}}}</span>

|- {{#if: {{{heading4|}}}| |style="display:none;"}}
! {{#if: {{{heading4|}}}|style="{{roundy}}; background:#{{{heading4 bg|{{black color}}}}}; color:#{{{heading4 color|FFF}}};"|style="display:none;"}} colspan="4" | {{{heading4|Example Text}}}

|- 

|{{#if: {{{image13|}}}|style="{{roundy}}; line-spacing:1; border:3px solid #{{{background|CCC}}}; background:#FFF; padding:5px;"|style="display:none;"}} | [[File:{{{image13|Spring 2011 Sneak Peek tins.jpg}}}|{{{size13|170px}}}|center]]
<span {{#if: {{{caption13|}}}| |style="display:none;"}}>{{{caption13|'''Caption'''}}}</span>

|{{#if: {{{image14|}}}|style="{{roundy}}; line-spacing:1; border:3px solid #{{{background|CCC}}}; background:#FFF; padding:5px;"|style="display:none;"}} | [[File:{{{image14|Spring 2011 Sneak Peek tins.jpg}}}|{{{size14|170px}}}|center]]
<span {{#if: {{{caption14|}}}| |style="display:none;"}}>{{{caption14|'''Caption'''}}}</span>

|{{#if: {{{image15|}}}|style="{{roundy}}; line-spacing:1; border:3px solid #{{{background|CCC}}}; background:#FFF; padding:5px;"|style="display:none;"}} | [[File:{{{image15|Spring 2011 Sneak Peek tins.jpg}}}|{{{size15|170px}}}|center]]
<span {{#if: {{{caption15|}}}| |style="display:none;"}}>{{{caption15|'''Caption'''}}}</span>

|{{#if: {{{image16|}}}|style="{{roundy}}; line-spacing:1; border:3px solid #{{{background|CCC}}}; background:#FFF; padding:5px;"|style="display:none;"}} | [[File:{{{image16|Spring 2011 Sneak Peek tins.jpg}}}|{{{size16|170px}}}|center]]
<span {{#if: {{{caption16|}}}| |style="display:none;"}}>{{{caption16|'''Caption'''}}}</span>

|- {{#if: {{{heading5|}}}| |style="display:none;"}}
! {{#if: {{{heading5|}}}|style="{{roundy}}; background:#{{{heading5 bg|{{black color}}}}}; color:#{{{heading5 color|FFF}}};"|style="display:none;"}} colspan="4" | {{{heading5|Example Text}}}

|-

|{{#if: {{{image17|}}}|style="{{roundy}}; line-spacing:1; border:3px solid #{{{background|CCC}}}; background:#FFF; padding:5px;"|style="display:none;"}} | [[File:{{{image17|Spring 2011 Sneak Peek tins.jpg}}}|{{{size17|170px}}}|center]]
<span {{#if: {{{caption17|}}}| |style="display:none;"}}>{{{caption17|'''Caption'''}}}</span>

|{{#if: {{{image18|}}}|style="{{roundy}}; line-spacing:1; border:3px solid #{{{background|CCC}}}; background:#FFF; padding:5px;"|style="display:none;"}} | [[File:{{{image18|Spring 2011 Sneak Peek tins.jpg}}}|{{{size18|170px}}}|center]]
<span {{#if: {{{caption18|}}}| |style="display:none;"}}>{{{caption18|'''Caption'''}}}</span>

|{{#if: {{{image19|}}}|style="{{roundy}}; line-spacing:1; border:3px solid #{{{background|CCC}}}; background:#FFF; padding:5px;"|style="display:none;"}} | [[File:{{{image19|Spring 2011 Sneak Peek tins.jpg}}}|{{{size19|170px}}}|center]]
<span {{#if: {{{caption19|}}}| |style="display:none;"}}>{{{caption19|'''Caption'''}}}</span>

|{{#if: {{{image20|}}}|style="{{roundy}}; line-spacing:1; border:3px solid #{{{background|CCC}}}; background:#FFF; padding:5px;"|style="display:none;"}} | [[File:{{{image20|Spring 2011 Sneak Peek tins.jpg}}}|{{{size20|170px}}}|center]]
<span {{#if: {{{caption20|}}}| |style="display:none;"}}>{{{caption20|'''Caption'''}}}</span>

|- {{#if: {{{heading6|}}}| |style="display:none;"}}
! {{#if: {{{heading6|}}}|style="{{roundy}}; background:#{{{heading6 bg|{{black color}}}}}; color:#{{{heading6 color|FFF}}};"|style="display:none;"}} colspan="4" | {{{heading6|Example Text}}}

|-

|{{#if: {{{image21|}}}|style="{{roundy}}; line-spacing:1; border:3px solid #{{{background|CCC}}}; background:#FFF; padding:5px;"|style="display:none;"}} | [[File:{{{image21|Spring 2011 Sneak Peek tins.jpg}}}|{{{size21|200px}}}|center]]
<span {{#if: {{{caption21|}}}| |style="display:none;"}}>{{{caption21|'''Caption'''}}}</span>

|{{#if: {{{image22|}}}|style="{{roundy}}; line-spacing:1; border:3px solid #{{{background|CCC}}}; background:#FFF; padding:5px;"|style="display:none;"}} | [[File:{{{image22|Spring 2011 Sneak Peek tins.jpg}}}|{{{size22|170px}}}|center]]
<span {{#if: {{{caption22|}}}| |style="display:none;"}}>{{{caption22|'''Caption'''}}}</span>

|{{#if: {{{image23|}}}|style="{{roundy}}; line-spacing:1; border:3px solid #{{{background|CCC}}}; background:#FFF; padding:5px;"|style="display:none;"}} | [[File:{{{image23|Spring 2011 Sneak Peek tins.jpg}}}|{{{size23|170px}}}|center]]
<span {{#if: {{{caption23|}}}| |style="display:none;"}}>{{{caption23|'''Caption'''}}}</span>

|{{#if: {{{image24|}}}|style="{{roundy}}; line-spacing:1; border:3px solid #{{{background|CCC}}}; background:#FFF; padding:5px;"|style="display:none;"}} | [[File:{{{image24|Spring 2011 Sneak Peek tins.jpg}}}|{{{size24|170px}}}|center]]
<span {{#if: {{{caption24|}}}| |style="display:none;"}}>{{{caption24|'''Caption'''}}}</span>

|}<noinclude>

==Template Guide==
<div style="clear: right; float: right; padding-left: 10px;">__TOC__</div>
This template is designed as an upgrade of [[Template:TCGMerchGallery]] (and [[Template:MerchGallery]]). It allows up to 24 items (rather than 12), captions are now fully optional, and it also allows the inclusion of optional headings between each row. It's also fully backwards compatible, so any pre-existing use of the old templates only need <code><nowiki>{{TCGMerchGallery|</nowiki></code> or <code><nowiki>{{MerchGallery|</nowiki></code> changed to <code><nowiki>{{MerchGallery2|</nowiki></code> to work with the new template.

{{clear-right}}
{| class="wikitable"
|-
! Input 
! scope="col" style="text-align:center;" | Required? 
! Parameters
|-
| <code><nowiki>{{MerchGallery2</nowiki></code> 
| style="color:#{{red color}};" | '''Required''' || Opening tag.
|-
| <code><nowiki>| border =</nowiki></code> || '''Optional''' || Color of the external border. Can either be a {{wp|Web colors|hex color code}} (''without'' the # symbol) or a [[Help:Color templates|color template]]. If not set, will default to <code><nowiki>{{</nowiki>[[Template:Black color|Black color]]}}</code>.
|-
| <code><nowiki>| background =</nowiki></code> || '''Optional''' || Color of the background. Can either be a {{wp|Web colors|hex color code}} (''without'' the # symbol) or a [[Help:Color templates|color template]]. If not set, will default to <code>#CCC</code>.
|-
| <code><nowiki>| heading =</nowiki></code> || '''Optional''' || Allows you to add a heading to the top of the Merch Gallery. Cannot be a page heading, so don't include <code>===these===</code>.
|-
| <code><nowiki>| heading color =</nowiki></code> || '''Optional''' || Sets the text color for the top heading. Only works if <code><nowiki>| heading =</nowiki></code> is set. Can either be a {{wp|Web colors|hex color code}} (''without'' the # symbol) or a [[Help:Color templates|color template]]. If not set, will default to <code>#FFF</code>.
|-
| <code><nowiki>| heading bg =</nowiki></code> || '''Optional''' || Sets the background color for the top heading. Only works if <code><nowiki>| heading =</nowiki></code> is set. Can either be a {{wp|Web colors|hex color code}} (''without'' the # symbol) or a [[Help:Color templates|color template]]. If not set, will default to <code>#000</code>.
|-
| <code><nowiki>| heading2 =</nowiki></code> to <br/><code><nowiki>| heading6 =</nowiki></code> || '''Optional''' || Allows you to add a headings between rows. Cannot be a page heading, so don't include <code>===these===</code>.
|-
| style="white-space: nowrap;" | <code><nowiki>| heading2 color =</nowiki></code> to <br /><code><nowiki>| heading6 color =</nowiki></code> || '''Optional''' || Sets the text color for each heading. Only works if the corresponding <code><nowiki>| headingX =</nowiki></code> is set. Can either be a {{wp|Web colors|hex color code}} (''without'' the # symbol) or a [[Help:Color templates|color template]]. If not set, will default to <code>#FFF</code>.
|-
| <code><nowiki>| heading2 bg =</nowiki></code> to <br /><code><nowiki>| heading6 bg =</nowiki></code> || '''Optional''' || Sets the background color for each heading. Only works if the corresponding <code><nowiki>| headingX =</nowiki></code> is set. Can either be a {{wp|Web colors|hex color code}} (''without'' the # symbol) or a [[Help:Color templates|color template]]. If not set, will default to <code>#000</code>.
|-
| <code><nowiki>| image1 =</nowiki></code> 
| style="color:#{{red color}};" | '''Required''' || Sets image 1. Should be the full file name including <code>.png</code> or <code>.jpg</code> etc with correct capitalisation. Should ''not'' include the <code>File:</code> prefix.
|-
| <code><nowiki>| size1 =</nowiki></code> || '''Optional''' || Sets the size of image 1. Don't forget the <code>px</code>. Only works if <code><nowiki>| image1 =</nowiki></code> is set. If not set, will default to <code>170px</code>.
|-
| <code><nowiki>| caption1 =</nowiki></code> || '''Optional''' || Sets a caption for image 1. Only works if <code><nowiki>| image1 =</nowiki></code> is set.
|-
| <code><nowiki>| image2 =</nowiki></code> to <br /><code><nowiki>| image24 =</nowiki></code> || '''Optional''' || Sets images 2 - 24. Should be the full file name including <code>.png</code> or <code>.jpg</code> etc with correct capitalisation. Should ''not'' include the <code>File:</code> prefix.
|-
| <code><nowiki>| size2 =</nowiki></code> to <br /><code><nowiki>| size24 =</nowiki></code> || '''Optional''' || Sets the size of images 2 - 24. Don't forget the <code>px</code>. Only works if the corresponding <code><nowiki>| imageX =</nowiki></code> is set. If not set, will default to <code>170px</code>.
|-
| <code><nowiki>| caption2 =</nowiki></code> to <br /><code><nowiki>| caption24 =</nowiki></code> || '''Optional''' || Sets captions for images 2 - 24. Only works if the corresponding <code><nowiki>| imageX =</nowiki></code> is set.
|-
| <code><nowiki>}}</nowiki></code> 
| style="color:#{{red color}};" | '''Required''' || End tag.
|}

Each row has 4 images, and there are 6 rows to make up the 24 possible images. It is possible to have less images in a row, or to make the whole gallery less wide, by not including the corresponding images. See the examples below.


==Examples==
===Example 1===
'''Input:'''

<code><nowiki>{{MerchGallery2</nowiki></code> <br/>
<code><nowiki>| border = 0000FF</nowiki></code><br/>
<code><nowiki>| background = {{White 2 color}}</nowiki></code><br/>
<br/>
<code><nowiki>| image1 = Spring 2011 Sneak Peek tins.jpg</nowiki></code><br/>
<code><nowiki>| size1 = 175px</nowiki></code><br/>
<code><nowiki>| caption1 = Image 1 Caption</nowiki></code><br/>
<br/>
<code><nowiki>| image2 = TCG EX Power Tins Group Shot.jpg</nowiki></code><br/>
<code><nowiki>| size2 = 300px</nowiki></code><br/>
<code><nowiki>| caption2 = Image 2 Caption</nowiki></code><br/>
<br/>
<code><nowiki>| image5 = AronEXHolonPhantoms58.jpg</nowiki></code><br/>
<code><nowiki>| caption5 = Image 5 Caption</nowiki></code><br/>
<br/>
<code><nowiki>| image6 = Spring 2011 Sneak Peek tins.jpg</nowiki></code><br/>
<code><nowiki>| size6 = 200px</nowiki></code><br/>
<code><nowiki>| caption6 = Image 6 Caption</nowiki></code>
<br/>
<code><nowiki>}}</nowiki></code>


'''Output:'''
{{MerchGallery2
| border = 0000FF
| background = {{White 2 color}}

| image1 = Spring 2011 Sneak Peek tins.jpg
| size1 = 175px
| caption1 = Image 1 Caption

| image2 = TCG EX Power Tins Group Shot.jpg
| size2 = 175px
| caption2 = Image 2 Caption

| image5 = AronEXHolonPhantoms58.jpg
| size5 = 175px
| caption5 = Image 5 Caption

| image6 = Spring 2011 Sneak Peek tins.jpg
| size6 = 175px
| caption6 = Image 6 Caption

}}




===Example 2===
'''Input:'''

<code><nowiki>{{MerchGallery2</nowiki></code> <br/>
<code><nowiki>| border = 0000FF</nowiki></code><br/>
<code><nowiki>| background = {{White 2 color}}</nowiki></code><br/>
<br/>
<code><nowiki>| heading = An Example Heading</nowiki></code><br/>
<code><nowiki>| heading color = {{Field egg color}}</nowiki></code><br/>
<code><nowiki>| heading bg = 008080</nowiki></code><br/>
<br/>
<code><nowiki>| image1 = Spring 2011 Sneak Peek tins.jpg</nowiki></code><br/>
<code><nowiki>| size1 = 175px</nowiki></code><br/>
<code><nowiki>| caption1 = Image 1 Caption</nowiki></code><br/>
<br/>
<code><nowiki>| image2 = TCG EX Power Tins Group Shot.jpg</nowiki></code><br/>
<code><nowiki>| size2 = 300px</nowiki></code><br/>
<code><nowiki>| caption2 = Image 2 Caption</nowiki></code><br/>
<br/>
<code><nowiki>| image3 = AronEXHolonPhantoms58.jpg</nowiki></code><br/>
<code><nowiki>| size3 = 200px</nowiki></code><br/>
<br/>
<code><nowiki>| image4 = TCG EX Power Tins Group Shot.jpg</nowiki></code><br/>
<code><nowiki>| size4 = 180px</nowiki></code><br/>
<code><nowiki>| caption4 = Image 4 Caption</nowiki></code><br/>
<br/>
<code><nowiki>| image5 = AronEXHolonPhantoms58.jpg</nowiki></code><br/>
<code><nowiki>| caption5 = Image 5 Caption</nowiki></code><br/>
<br/>
<code><nowiki>| image6 = Spring 2011 Sneak Peek tins.jpg</nowiki></code><br/>
<code><nowiki>| size6 = 200px</nowiki></code><br/>
<code><nowiki>| caption6 = Image 6 Caption</nowiki></code><br/>
<br/>
<code><nowiki>| heading3 = A Second Example Heading</nowiki></code><br/>
<code><nowiki>| heading3 color = 008080</nowiki></code><br/>
<code><nowiki>| heading3 bg = {{Field egg color}}</nowiki></code><br/>
<br/>
<code><nowiki>| image9 = TCG EX Power Tins Group Shot.jpg</nowiki></code><br/>
<code><nowiki>| caption9 = Image 9 Caption</nowiki></code><br/>
<br/>
<code><nowiki>| image10 = AronEXHolonPhantoms58.jpg</nowiki></code><br/>
<code><nowiki>| size10 = 200px</nowiki></code><br/>
<br/>
<code><nowiki>| image11 = TCG EX Power Tins Group Shot.jpg</nowiki></code><br/>
<code><nowiki>| size11 = 180px</nowiki></code><br/>
<code><nowiki>| caption11 = Image 11 Caption</nowiki></code><br/>

<code><nowiki>}}</nowiki></code>


'''Output:'''
{{MerchGallery2
| border = 0000FF
| background = {{White 2 color}}

| heading = An Example Heading
| heading color = {{Field egg color}}
| heading bg = 008080

| image1 = Spring 2011 Sneak Peek tins.jpg
| size1 = 175px
| caption1 = Image 1 Caption

| image2 = TCG EX Power Tins Group Shot.jpg
| size2 = 300px
| caption2 = Image 2 Caption

| image3 = AronEXHolonPhantoms58.jpg
| size3 = 200px

| image4 = TCG EX Power Tins Group Shot.jpg
| size4 = 180px
| caption4 = Image 4 Caption

| image5 = AronEXHolonPhantoms58.jpg
| caption5 = Image 5 Caption

| image6 = Spring 2011 Sneak Peek tins.jpg
| size6 = 200px
| caption6 = Image 6 Caption

| heading3 = A Second Example Heading
| heading3 color = 008080
| heading3 bg = {{Field egg color}}

| image9 = TCG EX Power Tins Group Shot.jpg
| caption9 = Image 9 Caption

| image10 = AronEXHolonPhantoms58.jpg
| size10 = 200px

| image11 = TCG EX Power Tins Group Shot.jpg
| size11 = 180px
| caption11 = Image 11 Caption

}}

[[Category:TCG templates]]</noinclude>