QuarkRank

Two kinds of widget

We will show widgets for product : Canon eos 40d

Top 5 features
To show top 5 features of a product. What you need to do :
1. Get the product-id or sku of the product, using QuarkRank or Quarkshop.
2. Use the code below
Use this code

<script type="text/javascript" id="quark_widget_t"> var QuarkRankWidgetT = {wt:"null",init:function(sku,site){var a=document;var c=a.createElement('div');c.id="quark_widget_div_t";c.style.minHeight="220px";var s=a.getElementById('quark_widget_t');s.parentNode.insertBefore(c,s);this.wt=a.createElement("iframe");this.wt.width="280px";this.wt.height="220px";this.wt.frameBorder=0;this.wt.allowTransparency="true";this.wt.vspace=0;this.wt.hspace=0;this.wt.marginheight=0;this.wt.marginwidth=0;this.wt.src="http://www.quarkrank.com/widget/top5/"+sku+".html"+(site==undefined?"":"?site="+site);setTimeout("document.getElementById('quark_widget_div_t').appendChild(QuarkRankWidgetT.wt);",1000);}} QuarkRankWidgetT.init("01E9YT"); </script>

You can customize the widget by changing the last line of the code, which takes 2 params :
- sku or product-id of the product
- the name of the site from where you have got the product-id (amazon, shoping or null, null if site is quarkrank)
The last line can be customized as:
QuarkRankWidgetT(sku, site);

Sample Response

Interactive widget for features and review snippets of a product

Use this code
<script type="text/javascript" id="quark_widget"> var QuarkRankWidget = {w:"null",init:function(sku,site,width,height){var a=document;var c=a.createElement('div');c.id="quark_widget_div";c.style.minHeight="400px";var s=a.getElementById('quark_widget');s.parentNode.insertBefore(c,s);this.w=a.createElement("iframe");this.w.width=(width||900)+"px";this.w.height=(height||400)+"px";this.w.frameBorder=0;this.w.allowTransparency="true";this.w.vspace=0;this.w.hspace=0;this.w.marginheight=0;this.w.marginwidth=0;this.w.src="http://www.quarkrank.com/widget/reviews/"+sku+".html?width="+(width||900)+(site==null?"":"&site="+site);setTimeout("document.getElementById('quark_widget_div').appendChild(QuarkRankWidget.w);",1000);}}; QuarkRankWidget.init("01E9YT",null,"900","400"); </script>

Sample Response

Customize your widget with following parameters :
- sku of product,
- site (amazon or shopping, null for quarkrank),
- width of box,
- height of box.
The last line in the code can be customized as:
QuarkRankWidget(sku, site,width, height);