Template:InfoboxProductLine: Difference between revisions

← Older edit

VisualWikitext

@@ Line 1: / Line 1: @@
-<includeonly>
+<includeonly><div class="infobox">
-<div style="background: #eee;border: 1px solid #aaa; float: right; margin: 0 0 1em 1em; padding: 0.5em; width: 400px;">
+<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>
-    <table style="width:100%;">
+             <tr>
+                 <th>{{nowrap|Short description}}</th>
-             <tr>
+                <td>{{{short_description}}}</td>
-                 <th colspan=2 style="text-align: left; border-bottom: 1px solid #ccc; font-size:125%; padding-top: 1.5em;">Basic Information</th>
              </tr>
@@ Line 27: / Line 31: @@
              <tr>
                  <th>{{nowrap|Official Website}}</th>
-                 <td>{{nowrap|{{{Official Website}}}}}</td>
+                 <td>{{{Official Website}}}</td>
              </tr>
      </table>
 </div>
-</includeonly>
+</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.
-<noinclude>
-== Usage ==
-To have this infobox appear to the right of the page:
 {{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
 }}
-add this to the page with the text you wish to appear on the box when using the source editor.
 <pre>
 <nowiki>
 {{InfoboxProductLine
 | Title =
+| short_description =
 | Release Year =
 | Product Type =
 | In Production =
 | Official Website =
+| Logo =
 }}
 </nowiki>
 </pre>
+[[Category:Styling templates]]
+{{Clear}}
 == Template Data ==
@@ Line 66: / 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 76: / Line 88: @@
 			"type": "string",
 			"description": "Classification of product (line)",
-			"example": "Hardware, Software, Service,Laptop, Blender",
+			"example": "Hardware, Software, Service, Laptop, Blender",
 			"required": true
 		},
@@ Line 88: / Line 100: @@
 			"type": "string",
 			"description": "Website of product if it exists. (use wayback machine if necessary)",
+			"required": true
+		},
+		"Logo": {
+			"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",
+			"autovalue": "QuestionMark.svg",
+			"default": "QuestionMark.svg",
 			"required": true
 		}
 	},
-	"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>