Jump to content

Template:Boilerplate-ProductPage: Difference between revisions

From SOJI ELECTRONICS
[checked revision][checked revision]
Update template
Tag: Reverted
Update
 
(26 intermediate revisions by the same user not shown)
Line 1: Line 1:
<noinclude>
<noinclude>
Boilerplate for product main pages. Substituted into new product pages.
Boilerplate for product pages.
[[Category:Boilerplates]]
[[Category:Boilerplates]]
</noinclude><includeonly><onlyinclude>{{MainPageProductCard
</noinclude><includeonly><div class="product-page-desc"><section begin="product-desc" />{{Placeholder|Brief description of {{subst:PAGENAME}}}}<section end="product-desc" /></div>
|name={{subst:PAGENAME}}
|desc={{Placeholder|1-2 line product summary for Main Page card. Keep it short.}}
}}</onlyinclude>
 
<div style="display: flex; gap: 24px; align-items: flex-start;">
<div style="display: flex; gap: 24px; align-items: flex-start;">
<div style="flex: 1;">
<div style="flex: 1;">


{{Placeholder|e.g., Brief description of {{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}} User Guide|User Guide]]
* [[{{PAGENAME}} Datasheet|Datasheet]]
* [[{{subst:PAGENAME}} Certification & Approvals|Certifications & Approvals]]
* [[{{PAGENAME}} User Guide|User Guide]]
* [[{{subst:PAGENAME}} Product Change Notifications|Product Change Notifications]]
* [[{{PAGENAME}} Certification & Approvals|Certifications & Approvals]]
* [[{{subst:PAGENAME}} Firmware Changelog|Firmware Changelog]]
* [[{{PAGENAME}} Product Change Notifications|Product Change Notifications]]
* [[{{subst:PAGENAME}} Promotional Material|Promotional Material]]
* [[{{PAGENAME}} Firmware Changelog|Firmware Changelog]]
* [[{{subst:PAGENAME}} Video|Video]]
* [[{{PAGENAME}} Promotional Material|Promotional Material]]
* <span class="protocol-link">[[Media:{{#replace:{{subst:PAGENAME}}| |-}}-Protocol.pdf | Protocol]]</span>
* [[{{PAGENAME}} Video|Video]]
* <span class="protocol-link">[[Media:{{#replace:{{PAGENAME}}| |-}}-Protocol.pdf | Protocol]]</span>


</div>
</div>
<div style="flex: 0 0 320px;">
<div style="flex: 0 0 320px;">
{{#ifexist: File:{{#replace:{{PAGENAME}}| |-}}-Product-overview.png
{{#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;">
| <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}}| |-}}-Product-overview.png|320px|frameless|{{PAGENAME}}]]
[[File:{{#replace:{{subst:PAGENAME}}| |-}}-Product-overview.png|320px|frameless|{{subst: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 32: Line 26:
<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}}| |-}}-Product-overview.png</code>
<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>
<div style="font-size: 0.8em; color: #72777d; margin-bottom: 12px;">
<div style="font-size: 0.8em; color: #72777d; margin-bottom: 12px;">
Line 43: Line 37:
</div>
</div>
}}
}}
<div style="text-align: center; font-size: 0.9em; color: #54595d; margin-top: 8px;">{{PAGENAME}}</div>
<div style="text-align: center; font-size: 0.9em; color: #54595d; margin-top: 8px;">{{subst:PAGENAME}}</div>
</div>
</div>
</div>
</div>


[[Category:Main Page]]
[[Category:Main Page]]
[[Category:Products]]
</includeonly>

Latest revision as of 01:38, 22 May 2026

Boilerplate for product pages.

SOJI Electronics