Template:InfoboxProductLine: Difference between revisions

← Older edit

VisualWikitext

@@ Line 1: / Line 1: @@
-<includeonly>
+<includeonly><div class="infobox">
-<div class="infobox" style="background: #eee;border: 1px solid #aaa; float: right; margin: 0 0 1em 1em; padding: 0.5em; width: 22em;">
 <div style="display:flex;gap:8px;flex-direction:column;">
+    <div class="infobox-title">{{{Title|{{PAGENAME}}}}}</div>
+    <div class="infobox-image">[[File:{{{Logo}}}|200px]]</div>
+    <table class="infobox-table">
-    <div style="font-size: 2em; text-align: center; border-bottom: 1px solid #ccc; padding-bottom: .25em;"> {{{Title|{{PAGENAME}}}}} </div>
+            <tr>
+                <th colspan=2 class="infobox-table-caption" >Basic Information</th>
+            </tr>
-    <div style="text-align: center;">[[File:{{{Logo}}}|200px]]</div>
+            <tr>
+                <th>{{nowrap|Short description}}</th>
-    <table style="width:100%;">
+                 <td>{{{short_description}}}</td>
-            <tr>
-                 <th colspan=2 style="text-align: left; border-bottom: 1px solid #ccc; font-size:125%;">Basic Information</th>
              </tr>
@@ Line 31: / Line 31: @@
              <tr>
                  <th>{{nowrap|Official Website}}</th>
-                 <td>{{nowrap|{{{Official Website}}}}}</td>
+                 <td>{{{Official Website}}}</td>
              </tr>
      </table>
 </div>
+</div></includeonly><noinclude>
+== Usage ==
+'''Short description:''' This appears as a browser alert when someone visits a site related to this product. Limit to 140 characters.
-</div>
-</includeonly><noinclude>
-== Usage ==
 {{InfoboxProductLine
 | Title = Product Name
-| Release Year = 2000
+| short_description = Brief alert text for browser extension when users visit this product’s site
+| Release Year = 2000
 | Product Type = Type of product
 | In Production = Yes
-| Official Website = somewebsite.somewhere
+| Official Website = https://example.com/
-| Logo= QuestionMark.svg
+| Logo = QuestionMark.svg
 }}
-To have this infobox appear to the right of the page, add this to the page with the text you wish to appear on the box when using the source editor.
 <pre>
@@ Line 56: / Line 54: @@
 {{InfoboxProductLine
 | Title =
+| short_description =
 | Release Year =
 | Product Type =
@@ Line 64: / Line 63: @@
 </nowiki>
 </pre>
+[[Category:Styling templates]]
+{{Clear}}
 == Template Data ==
@@ Line 72: / Line 73: @@
 			"type": "string",
 			"description": "Name of Product Line",
+			"required": true
+		},
+		"short_description": {
+			"type": "string",
+			"description": "Appears in the browser extension when a user visits a site related to this product. Limit to 140 characters.",
 			"required": true
 		},
@@ Line 82: / Line 88: @@
 			"type": "string",
 			"description": "Classification of product (line)",
-			"example": "Hardware, Software, Service,Laptop, Blender",
+			"example": "Hardware, Software, Service, Laptop, Blender",
 			"required": true
 		},
@@ Line 97: / Line 103: @@
 		},
 		"Logo": {
-			"description": "The logo accociated with this product. If there is no specific logo a picture of the product.",
+			"description": "The logo associated with this product. If there is no specific logo, use a picture of the product.",
 			"example": "filename.[jpg|png|svg]",
 			"type": "wiki-file-name",
@@ Line 105: / Line 111: @@
 		}
 	},
-	"description": "This is a a simple information box to use in product line articles.\nParameters are the information displayed on the infobox.",
+	"description": "This is a simple information box to use in product line articles. Includes structured data and a short description for external use.",
-	"format": "block"
+	"format": "block",
+	"paramOrder": [
+		"Title",
+		"short_description",
+		"Release Year",
+		"Product Type",
+		"In Production",
+		"Official Website",
+		"Logo"
+	]
 }
 </templatedata>
 </noinclude>