Template:Boilerplate-ProductPage - Revision history

Admin: Update

2026-05-22T01:38:38Z

Update

← Older revision		Revision as of 01:38, 22 May 2026
Line 2:		Line 2:
	Boilerplate for product pages.		Boilerplate for product pages.
	[[Category:Boilerplates]]		[[Category:Boilerplates]]
	</noinclude><includeonly><section begin="product-desc" />{{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).~~}}<section end="product-desc" />		</noinclude><includeonly><div class="product-page-desc"><section begin="product-desc" />{{Placeholder\|Brief description of {{subst:PAGENAME}}}}<section end="product-desc" /></div>

	<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;">

Admin: Update

2026-05-22T01:27:37Z

Update

← Older revision		Revision as of 01:27, 22 May 2026
Line 2:		Line 2:
	Boilerplate for product pages.		Boilerplate for product pages.
	[[Category:Boilerplates]]		[[Category:Boilerplates]]
	</noinclude><includeonly><~~onlyinclude~~>{{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).}}</~~onlyinclude~~>		</noinclude><includeonly><section begin="product-desc" />{{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).}}<section end="product-desc" />

	<div style="display: flex; gap: 24px; align-items: flex-start;">		<div style="display: flex; gap: 24px; align-items: flex-start;">

Admin: Update

2026-05-22T01:19:43Z

Update

← Older revision		Revision as of 01:19, 22 May 2026
Line 2:		Line 2:
	Boilerplate for product pages.		Boilerplate for product pages.
	[[Category:Boilerplates]]		[[Category:Boilerplates]]
	</noinclude><includeonly>{{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).}}		</noinclude><includeonly><onlyinclude>{{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).}}</onlyinclude>

	<div style="display: flex; gap: 24px; align-items: flex-start;">		<div style="display: flex; gap: 24px; align-items: flex-start;">

Admin: Update

2026-05-21T10:48:14Z

Update

← Older revision		Revision as of 10:48, 21 May 2026
Line 1:		Line 1:
	<noinclude>		<noinclude>
	Boilerplate for product ~~main~~ pages.		Boilerplate for product pages.
	[[Category:Boilerplates]]		[[Category:Boilerplates]]
	</noinclude><includeonly><div ~~class="product-fullview"~~ style="display: flex; gap: 24px; align-items: flex-start;">		</noinclude><includeonly>{{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).}}

			<div 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]]

Admin: Update

2026-05-21T10:17:15Z

Update

← Older revision		Revision as of 10:17, 21 May 2026
Line 2:		Line 2:
	Boilerplate for product main pages.		Boilerplate for product main pages.
	[[Category:Boilerplates]]		[[Category:Boilerplates]]
	</noinclude><includeonly>		</noinclude><includeonly><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;">

Admin: Update

2026-05-21T10:15:38Z

Update

← Older revision		Revision as of 10:15, 21 May 2026
Line 2:		Line 2:
	Boilerplate for product main pages.		Boilerplate for product main pages.
	[[Category:Boilerplates]]		[[Category:Boilerplates]]
	</noinclude><includeonly~~><div class="product-card-for-mainpage">{{MainPageProductCard~~		</noinclude><includeonly>
	~~\|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;">

Admin: Update

2026-05-21T10:12:13Z

Update

← Older revision		Revision as of 10:12, 21 May 2026
Line 48:		Line 48:

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

Admin: Update

2026-05-21T09:56:14Z

Update

← Older revision		Revision as of 09:56, 21 May 2026
Line 2:		Line 2:
	Boilerplate for product main pages.		Boilerplate for product main pages.
	[[Category:Boilerplates]]		[[Category:Boilerplates]]
	</noinclude><includeonly><~~onlyinclude~~>{{Placeholder\|~~Edit this line to write the short description (~~1-2 ~~sentences). This same text will appear both on this page and as the~~ description on the Main Page card.}}</~~onlyinclude~~>		</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 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 28:		Line 33:
	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:{{subst: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 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>
	<div style="margin-top: 6px;">		<div style="margin-top: 6px;">
Line 39:		Line 48:

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

Admin: Update

2026-05-21T09:46:58Z

Update

← Older revision		Revision as of 09:46, 21 May 2026
Line 2:		Line 2:
	Boilerplate for product main pages.		Boilerplate for product main pages.
	[[Category:Boilerplates]]		[[Category:Boilerplates]]
	</noinclude><includeonly><~~div class="product-card-for-mainpage"~~>~~{{MainPageProductCard~~		</noinclude><includeonly><onlyinclude>{{Placeholder\|Edit this line to write the short description (1-2 sentences). This same text will appear both on this page and as the description on the Main Page card.}}</onlyinclude>
	~~\|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 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 33:		Line 28:
	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:{{subst: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 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>
	<div style="margin-top: 6px;">		<div style="margin-top: 6px;">
Line 48:		Line 39:

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

Admin: Update

2026-05-21T09:41:47Z

Update

← Older revision		Revision as of 09:41, 21 May 2026
Line 1:		Line 1:
	<noinclude>		<noinclude>
	Boilerplate for product pages.		Boilerplate for product main pages.
	[[Category:Boilerplates]]		[[Category:Boilerplates]]
	</noinclude><includeonly><div class="product-~~summary~~-~~card~~">{{MainPageProductCard\|name={{subst:PAGENAME}}\|desc=~~Edit this line.~~ Short 1-2 ~~sentences describing~~ the ~~product~~.}}</div>		</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]]
	~~[[Category:Products]]~~
	</includeonly>		</includeonly>