Template:Boilerplate-ProductPage: Difference between revisions
| [checked revision] | [checked revision] |
Update Tag: Reverted |
Update Tags: Manual revert Reverted |
||
| Line 1: | Line 1: | ||
<noinclude> | <noinclude> | ||
Boilerplate for product pages. | Boilerplate for product main pages. | ||
[[Category:Boilerplates]] | [[Category:Boilerplates]] | ||
</noinclude><includeonly><div class="product- | </noinclude><includeonly><div class="product-card-for-mainpage">{{MainPageProductCard | ||
|name={{subst:PAGENAME}} | |||
|desc={{Placeholder|Short 1-2 line description for the Main Page card. e.g., "Wireless fuel level sensor with Bluetooth 5.4..."}} | |||
}}</div> | |||
<div class="product-fullview" style="display: flex; gap: 24px; align-items: flex-start;"> | <div class="product-fullview" style="display: flex; gap: 24px; align-items: flex-start;"> | ||
<div style="flex: 1;"> | <div style="flex: 1;"> | ||
{{Placeholder|e.g., Brief description of {{subst:PAGENAME}}: 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).}} | |||
* [[{{subst:PAGENAME}} Datasheet|Datasheet]] | * [[{{subst:PAGENAME}} Datasheet|Datasheet]] | ||
| Line 18: | Line 23: | ||
</div> | </div> | ||
<div style="flex: 0 0 320px;"> | <div style="flex: 0 0 320px;"> | ||
{{#ifexist: File:{{#replace:{{subst: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;"> | |||
[[File:{{#replace:{{subst:PAGENAME}}| |-}}-Product-overview.png|320px|frameless|{{subst:PAGENAME}}]] | [[File:{{#replace:{{subst:PAGENAME}}| |-}}-Product-overview.png|320px|frameless|{{subst:PAGENAME}}]] | ||
</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="font-size: 2.5em; color: #c8ccd1; margin-bottom: 8px;">📷</div> | |||
<div style="font-weight: bold; font-size: 1em; color: #202122; margin-bottom: 12px;">No image available</div> | |||
<div style="font-size: 0.85em; line-height: 1.5; margin-bottom: 12px;"> | |||
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:{{subst:PAGENAME}}| |-}}-Product-overview.png</code> | |||
</div> | |||
<div style="font-size: 0.8em; color: #72777d; margin-bottom: 12px;"> | |||
Recommended size: '''320 × 320 px''' (1:1 ratio)<br> | |||
Format: PNG with transparent background | |||
</div> | |||
<div style="margin-top: 6px;"> | |||
[[Special:Upload|<span style="background: #0054A6; color: white; padding: 6px 14px; border-radius: 4px; font-size: 0.85em; text-decoration: none; display: inline-block;">⬆ Upload image</span>]] | |||
</div> | |||
</div> | |||
}} | |||
<div style="text-align: center; font-size: 0.9em; color: #54595d; margin-top: 8px;">{{subst:PAGENAME}}</div> | <div style="text-align: center; font-size: 0.9em; color: #54595d; margin-top: 8px;">{{subst:PAGENAME}}</div> | ||
</div> | </div> | ||
| Line 24: | Line 48: | ||
[[Category:Main Page]] | [[Category:Main Page]] | ||
</includeonly> | </includeonly> | ||
Revision as of 09:41, 21 May 2026
Boilerplate for product main pages.