hproduct-examples-in-wild: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
(correcting two entries)
(correction to target entry)
Line 44: Line 44:
* [http://www.target.com/Britax-Decathlon-Sahara-Convertible-Seat/dp/B000JIWU4W/sr=1-1/qid=1230579365/ref=sr_1_1/179-9254632-8007737?ie=UTF8&rh=k%3Atoddler%20car%20seats%20britax&page=1 target.com]
* [http://www.target.com/Britax-Decathlon-Sahara-Convertible-Seat/dp/B000JIWU4W/sr=1-1/qid=1230579365/ref=sr_1_1/179-9254632-8007737?ie=UTF8&rh=k%3Atoddler%20car%20seats%20britax&page=1 target.com]
** Product type: Baby & Toddler > Toddler car seat
** Product type: Baby & Toddler > Toddler car seat
** Properties: photo, shipping, title, price, guest rating, quantity, add to cart, add to list(s), availability, features, reviews, identifiers (dpci, asin, catalog number)
** Properties: photo, shipping, title, price, guest rating, quantity, add to cart, add to list(s), availability, features, reviews, identifiers (dpci, asin, catalog number), height, width, depth

* [http://www.uniformadvantage.com/pages/prod/0445.asp?frmcolor=NAVY uniformadvantage.com]
* [http://www.uniformadvantage.com/pages/prod/0445.asp?frmcolor=NAVY uniformadvantage.com]

Revision as of 21:41, 12 January 2009

Product Examples

This page is informative.

The purpose of the studies on this page is to serve as background for the design of a simple distributed product microformat. There are limited number of examples in the wild, but this page can serve as a base for experimentation and implementation.





New Examples

If you have implemented hProduct on your own page, feel free to add it to the top of this list. Please be sure to include at least one URL to a page on your site that includes actual hProduct markup.


Experimental Live hProduct Examples

See bestbuy.com's experimental hProduct implementation (pre-draft) on "Shop URLs" at: http://www.bestbuy.com/shop/term, or more information here: Shop URL details

See Also

(Note: See hlisting-extended-examples also for examples of products listed on classified services.--Paul Lee 21:24 20 Aug 2008)

Live Product Examples

  • BlueNile
    • Product type: Jewelry > Bracelets
    • Properties: categories, name, description, product rating, photo, price, order info, shipping information, stock number, metal type, clasp type, width, weight, add to basket, reviews
  • Petco
    • Product type: Ferrets > Ferret food
    • Properties: photo, name, brand/ manufacturer, description, product rating, reviews, weight, sku, shipping, internet price, sale price, quantity, add to cart, category, warranty, analysis, directions
  • allposters.com
    • Product type: Artwork > Prints
    • Properties: photo, title, artist, type, size, item number, shipping, price, add to cart, custom frame, additional services, description
  • target.com
    • Product type: Baby & Toddler > Toddler car seat
    • Properties: photo, shipping, title, price, guest rating, quantity, add to cart, add to list(s), availability, features, reviews, identifiers (dpci, asin, catalog number), height, width, depth
  • uniformadvantage.com
    • Product type: Business & Industrial > Medical > Medical Scrubs
    • Properties: name, style number, photo, description, price, color, size, quantity, add to cart
  • freewheelbike.com
    • Product type: Sporting Goods > Bicycles
    • Properties: categories, photo, brand, name, price, product rating, description, features (click-through/pop-up), color, size, add to cart, add and checkout, add to wish list
  • fastforklifts.com
    • Product type: Industrial Equipment > Forklifts
    • Properties: photo, name, product id, manufacturer, price, sale price, savings, quantity, add to cart, category, description
  • leotardworld.com
    • Product type: Clothing & Accessories > Leotards
    • Properties: categories, name, photo, price, sale price, you save, size, status, quantity, add to cart, add to wish list, description, review
  • gap.com
    • Product type: Clothing & Accessories > Men's Blazers
    • Properties: photo, name, description, size, color, sku, quantity, price, sale price, add to bag, product details
  • amazon.com
    • Product type: Electronics > Cameras
    • Properties: photo, name, brand/manufacturer, reviews, colors, price, availability, shipping, quantity, add to cart, related, product details, product dimentions, weight, asin, model number, sales rank, categories, description, tags, reviews, discussions
  • macys.com
    • Product type: Furniture > Living Room Sets
    • Properties: photo (flash), name, description, details, shipping, returns, product rating, colors, related, height, width, depth, product features, warranty info, web id, price, reviews
  • lowes.com
    • Product type: Household Hardware > Vanity
    • Properties: photo, name, manufacturer/brand, item number, model, price, add to cart, availability, shipping, description, total width, total depth, total height, top width, top depth, color, series, assembly, number drawers, construction type, mount type, reviews
  • homedepot.com
    • Product type: Hardware > Sump Pump
    • Properties: photo, name, model, brand, price, quantity, add to cart, add to list, add to registry, product rating, description, model number, part number, features, specifications, ada compliant, amperage, depth, height, weight, width, battery backup, cord length, energy star, horsepower, length, outlet connection, outlet dimension, switch type, voltage, reviews, warranty
  • acehardware.com
    • Product type: Hardware > Lath Screws
    • Properties: photo, name, product rating, price, rewards points, shipping, categories, color, size, quantity, add to cart, add to wish list, related, availability, product details: head type, size, material, reviews
  • walgreens.com
    • Product type: Health & Beauty > Ear Wax Removal
    • Properties: categories, photo, price, quantity, name, brand, size/count, add to cart, shipping, availability, product rating, description, reviews
  • appliancewarehousedirect.com
    • Product type: Home & Garden > Refrigerators
    • Properties: name, width, weight, depth, height, sku, brand, model, price, add to cart, shipping, warranty, photo, description, condition, packaging, features
  • birdbaths.com
    • Product type: Home & Garden > Bird Baths
    • Properties: photo, categories, name, item number, regular price, sale price, savings, length, width, height, warranty, product rating, shipping, related, description, material, style, water sound, light, series, assembly, warranty, exchange, reviews
  • bagking.com
    • Product type: Luggage > Fanny Packs
    • Properties: name, photo, product code, price, weight, shipping, color, quantity, add to cart, description, features, warranty, width, height, depth
  • magersandquinn.com
    • Product type: Media > Books
    • Properties: categories, photo, name, author, condition, isbn, contributor, publisher, publish date, pages, weight, height, width, depth, language, description, sale price, regular price, availability, add to cart
  • bestbuy.com
    • Product type: Media > DVD > Bluray
    • Properties: categories, photo, name, sku, release date, mpaa rating, product rating, shipping, availability, offers, list price, regular price, add to cart, add to wish list, print, format, release date, length, genre, studio, other formats, description, language, subtitles, additional features, cast & crew, reviews
  • cduniverse.com
    • Product type: Media > CDs
    • Properties: photo, name, artist, product rating, regular price, price, shipping, add to cart, description, list price, categories, label, release year, part number, catalog number, number of discs, recording length, track name(s), reviews
  • cars.com
    • Product type: Motor Vehicles > Cars
    • Properties: photo, name, mileage, body style, color, engine, transmission, drivetrain, doors, features, description, condition, listing source, reviews, seller, related
  • autozone.com
    • Product type: Motor Vehicles > Automotive Parts > Front Break Pads
    • Properties: category, name, accessory for, photo, part number, weight, warranty, application, note, price, availability, shipping
  • officedepot.com
    • Product type: Office supplies > Stapler
    • Properties: categories, name, item number, photo, availability, shipping, price, quantity, add to cart, add to list, compare, product rating, reviews
  • amazon.com
    • Product type: Software > Operating Systems
    • Properties: photo, name, brand, platform, product rating, price, shipping, availability, media type, quantity, related, features, width, height, length, weight, asin, model number, publish date, sales rank, categories, description, tags, reviews, discussions
  • foosballstore.com
    • Product type: Sporting Goods > Foosball Table
    • Properties: name, brand, photo, description, model, price, shipping, quantity, accessories, add to cart, product specs, optional items, parts for, reviews
  • toysrus.com
    • Product type: Toys & Games > Board Games
    • Properties: categories, photo, name, brand, price, product rating, availability, quantity, add to cart, add to registry, add to wish list, description, features, item number, ski, upc, ean, isbn, manufacturer number
  • williams-sonoma.com
    • Product Type: Home & Garden > Kitchen & Dining > Bundt Pan
    • Properties: photo, name, description, product rating, reviews, price, quantity, add to basket, shipping, reviews
  • nulime.com
    • Product Type: Arts & Entertainment > Visual Effects > Fog Machines
    • Properties: categories, item id, name, photo, list price, regular price, savings, availability, add to cart, send to friend, quantity, shipping, brand, product date, weight, height, width, depth, mode, upc, condition, return info, condition, warranty, url, description, accessories, reviews
  • symantecstore.com
    • Product Type: Software > Security Software
    • Properties: photo, name, description, add to cart, features, price
  • needledoctor.com
    • Product Type: Electronics > Audio > Audio Components > Turntables
    • Properties: name, description, photo, price, color, quantity, add to cart
  • golfsmith.com
    • Product Type: Sporting goods > Outdoor Recreation > Golf
    • Properties: categories, photo, name, regular price, sale price, quantity, stock number, availability, rating, reviews, description, shipping, condition
  • shop.lego.com
    • Product Type: Toys & Games > Toys > Building Toys
    • Properties: name, photo, item number, price, availability, description, height, width, add to cart
  • nascigs.com
    • Product Type: Food, Beverages & Tobacco > Tobacco Products
    • Properties: photo, name, description
  • store.mozilla.org
    • Product Type: Clothing & Accessories > Clothing > T-shirts
    • Properties: photo, name, price, description, item number, size, quantity, add to cart
  • cvs.com
    • Product Type: Health & Beauty > Health Care > Smoking Cessation
    • Properties: category, photo, name, sku, price, quantity, add to cart, description, ingredients, directions, warnings
  • shop.samsonite.com
    • Product Type: Luggage > Suitcases
    • Properties: category, name, price, availability, color, quantity, add to cart, photo, description, height, width, depth, product code, item number
  • beanbags.com
    • Product Type: Furniture > Bean Bags
    • Properties: category, photo, name, item number, list price, sale price, savings, features, price, availability, quantity, add to cart, rating, shipping, description, specifications, guarantee, reviews
  • amazon.com
    • Product Type: Media > Music > Rock & Pop > MP3
    • Properties: photo, name, artist, price, reviews, format, release date, label, copyright, length, genres, asin, product rating

Coded examples

(Note: this example contains additional markup for positioning and presentation purposes)

<div class="hproduct">
	<ul id="breadcrumbs">
		<li class="category">Cameras</li>
		<li class="category">Video Cameras</li>
		<li class="category">High-Definition Cameras</li>
	<h1 class="n">Pure Digital Flip Video MinoHD Camcorder</h1>
	<div id="topbox">
		<div class="rightcol">
			<img src="http://images.storename.com/BestBuy_US/images/products/front.jpg" alt="Image of Pure Digital F460B" class="photo" />
		<div class="leftcol">
			<div class="infomain">
					<li><strong>Brand: </strong><span class="brand">Pure Digital</span></li>
					<li><strong>Model: </strong><span class="model">F460B</span></li>
					<li><strong>SKU: </strong><span class="sku">9077054</span></li>
				<p class="description">This camcorder offers true high-definition recording in an incredibly compact body, so you can be sure you won't miss a minute of recording time.</p>
					<span class="availability online">Available online</span>. <span class="shipping">Backordered: Usually leaves our warehouse within 1-2 weeks. <span class="money">Estimated shipping cost: <abbr class="currency" title="USD" lang="en">$</abbr><span class="amount">0.0</span>.</span></span>
					<span class="availability instore">Not available for purchase in store</span>.
					<span class="availability specialorder">Not available for special order</span>.
			<div class="infoside">
				<span class="price sale"><span class="money"><strong>Sale Price: </strong><abbr class="currency" title="USD" lang="en">$</abbr><span class="amount">206.99</span></span></span>
				<div class="buy">
					<img src="http://hproduct.beweep.com/products/images/btn_add_to_cart.gif" alt="buy this product"></div>
				<div class="clear"></div>
		<div class="clear"></div>
	<div id="bottombox">
		<div id="tabs">
				<li><a href="#featuresbox"><span>Features</span></a></li>
				<li><a href="#specsbox"><span>Specs</span></a></li>
				<li><a href="#reviewsbox"><span>Reviews</span></a></li>
		<div id="specsbox">
		<h3>Product Specs</h3>
			<dl class="p-v">
				<dd>3.3 oz.</dd>
				<dt>Warranty -- Parts</dt>
				<dd>90 days</dd>
				<dt>Warranty -- Labor</dt>
				<dd>90 days</dd>
				<dd>Flash memory</dd>
				<dt>Vista Compatible</dt>
				<dd>Home Basic</dd>
				<dt>LCD Screen Size</dt>
				<dt>Image Stabilization</dt>
				<dt>Optical Zoom</dt>
				<dt>Digital Zoom</dt>
				<dt>Night Recording</dt>
				<dt>Audio Sensor</dt>
				<dt>Lines of Resolution</dt>
				<dt>Video Resolution</dt>
				<dd>Up to 1280 x 720</dd>
				<dt>Digital Still Resolution</dt>
				<dd>Up to 1280 x 720</dd>
				<dt>Auto Date/Time Stamp</dt>
				<dt>Audio Recording</dt>
				<dt>Color Viewfinder</dt>
				<dt>Exposure Control</dt>
				<dt>PC Software</dt>
				<dd>USB 2.0</dd>
				<dt>PC Cable</dt>
				<dt>Rechargeable Battery</dt>
			<div class="clear"></div>
		<div id="reviewsbox">
			<h3>Product Reviews</h3>
				<div class="hreview">
					<h4>"<span class="summary">Amazing little camera</span>"</h4>
					<strong>Reviewer: </strong><span class="reviewer vcard"><a href="http://reviews.bestbuy.com/3545a/kevwhitesf/profile.htm" class="url fn">kevwhitesf</a></span> from <span class="adr"></span>
					<strong>Date reviewed: </strong><abbr title="200502" class="dtreviewed">2008-11-24T18:53:32.000-06:00</abbr>
					<strong>Rating: </strong><span class="rating">5</span> out of 5</p>
					<p class="description">"It definitely exceeded my expectations. It does everything it claims to do and more at a very reasonable price. I was pretty shocked that such a small device was capable of producing such a nice picture. Limited functionality, but that's what I was expecting. It interfaces nicely with Macs. I'm having lot of fun with my MinoHD! I've been taking it everywhere."</p>
				<div class="hreview">
					<h4>"<span class="summary">Amazing HD Consumer Camera</span>"</h4>
					<strong>Reviewer: </strong><span class="reviewer vcard"><a href="http://reviews.bestbuy.com/3545a/sscrozz/profile.htm" class="url fn">sscrozz</a></span> from <span class="adr">Lafayette, CA</span>
					<strong>Date reviewed: </strong><abbr title="200502" class="dtreviewed">2008-11-22T03:08:41.000-06:00</abbr>
					<strong>Rating: </strong><span class="rating">4</span> out of 5</p>
					<p class="description">"This camera is perfect for the consumer who wants a pocket camera that shoots HD. It shoots in full HD using H.264 compression (great quality video that takes up little space) It now works with Macs using Mpeg4 instead of AVI. Here is a HD test video. http://www.vimeo.com/2291493"</p>
		<div class="clear"></div>