Jump to content

Template:SoftwareCard: Difference between revisions

From SOJI ELECTRONICS
[checked revision][checked revision]
Create template
 
Update
Line 1: Line 1:
<noinclude>
<noinclude>
== SoftwareCard Template ==
Renders a single software product card.


Renders a single software product card. Auto-detects image and description from the product page.
Usage: <code><nowiki>{{SoftwareCard|page=PageName}}</nowiki></code>
 
'''Usage:''' {{SoftwareCard|page=SOJI Configurator Tool}}


[[Category:Templates]]
[[Category:Templates]]
</noinclude><includeonly><div class="software-card" style="display:inline-block; width:280px; margin:10px; padding:16px; border:1px solid #c8ccd1; border-radius:8px; background:#fff; vertical-align:top; text-align:center; box-shadow:0 1px 3px rgba(0,0,0,0.05); transition:box-shadow 0.2s;">
</noinclude><includeonly><div class="software-card"><div class="software-card-image">[[File:Icon-software.svg|100px|center|link={{{page|{{PAGENAME}}}}}]]</div><div class="software-card-title">[[{{{page|{{PAGENAME}}}}}]]</div><div class="software-card-desc">Click for details</div></div></includeonly>
<div class="software-card-image" style="height:140px; display:flex; align-items:center; justify-content:center; margin-bottom:12px;">
{{#ifexist: File:{{#replace:{{{page|{{PAGENAME}}}}}| |-}}-Software.png
| [[File:{{#replace:{{{page|{{PAGENAME}}}}}| |-}}-Software.png|140px|center|link={{{page|{{PAGENAME}}}}}]]
| [[File:Icon-software.svg|100px|center|link={{{page|{{PAGENAME}}}}}]]
}}
</div>
<div class="software-card-title" style="font-weight:bold; font-size:1.1em; margin-bottom:8px;">
[[{{{page|{{PAGENAME}}}}}|{{{page|{{PAGENAME}}}}}]]
</div>
<div class="software-card-desc" style="font-size:0.9em; color:#54595d; line-height:1.4;">
{{{description|''Click for details''}}}
</div>
</div></includeonly>

Revision as of 09:16, 19 May 2026

Renders a single software product card.

Usage: {{SoftwareCard|page=PageName}}

SOJI Electronics