Template:Boilerplate-ProductPage: Difference between revisions
Appearance
| [checked revision] | [checked revision] |
No edit summary |
No edit summary |
||
| Line 14: | Line 14: | ||
</div> | </div> | ||
<div style="flex: 0 0 320px;"> | <div style="flex: 0 0 320px;"> | ||
{{#ifexist: File:{{#replace:{{PAGENAME}}| |-}}- | {{#ifexist: File:{{#replace:{{PAGENAME}}| |-}}-Product-overview.png | ||
| <div style="width: 320px; height: 320px; border: 1px solid #c8ccd1; border-radius: 8px; background: #fff; overflow: hidden; display: flex; align-items: center; justify-content: center;"> | | <div style="width: 320px; height: 320px; border: 1px solid #c8ccd1; border-radius: 8px; background: #fff; overflow: hidden; display: flex; align-items: center; justify-content: center;"> | ||
[[File:{{#replace:{{PAGENAME}}| |-}}- | [[File:{{#replace:{{PAGENAME}}| |-}}-Product-overview.png|320px|frameless|{{PAGENAME}}]] | ||
</div> | </div> | ||
| <div style="width: 320px; height: 320px; border: 2px dashed #c8ccd1; border-radius: 8px; background: #f8f9fa; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; text-align: center; color: #54595d;"> | | <div style="width: 320px; height: 320px; border: 2px dashed #c8ccd1; border-radius: 8px; background: #f8f9fa; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; text-align: center; color: #54595d;"> | ||
| Line 23: | Line 23: | ||
<div style="font-size: 0.85em; line-height: 1.5; margin-bottom: 12px;"> | <div style="font-size: 0.85em; line-height: 1.5; margin-bottom: 12px;"> | ||
Please upload an image named: | Please upload an image named: | ||
<br><code style="background: #eaecf0; padding: 2px 6px; border-radius: 3px; font-size: 0.9em; word-break: break-all;">{{#replace:{{PAGENAME}}| |-}}- | <br><code style="background: #eaecf0; padding: 2px 6px; border-radius: 3px; font-size: 0.9em; word-break: break-all;">{{#replace:{{PAGENAME}}| |-}}-Product-overview.png</code> | ||
</div> | </div> | ||
<div style="font-size: 0.8em; color: #72777d; margin-bottom: 12px;"> | <div style="font-size: 0.8em; color: #72777d; margin-bottom: 12px;"> | ||
Revision as of 03:16, 19 May 2026
▸ e.g., Brief description of Boilerplate-ProductPage: what it is, primary function, key features, target use case. Edit this page to replace this hint with your actual product description (1–2 paragraphs).
📷
No image available
Please upload an image named:
Boilerplate-ProductPage-Product-overview.png
Recommended size: 320 × 320 px (1:1 ratio)
Format: PNG with transparent background
Boilerplate-ProductPage