自定义Trust Pilot Widget

时间:2013-06-25 19:16:53

标签: css

我非常感谢自定义我的Trust Pilot小部件代码的帮助...我基本上想要将小部件的大小调整为150像素,我想删除顶部的“选定评论”位。

 <div class="tp_-_box" data-tp-settings="domainId:3636783,showHeader:False,showDate:False,width:300"><a hidden="" href="http://www.trustpilot.co.uk/review/www.dowsingandreynolds.com" rel="nofollow">Dowsing &amp; Reynolds Reviews</a></div>
<script type="text/javascript">// <![CDATA[
(function(){var a="https:"==document.location.protocol?"https://ssl.trustpilot.com":"http://s.trustpilot.com",b=document.createElement("script");b.type="text/javascript";b.async=true;b.src=a+"/tpelements/tp_elements_all.js";var c=document.getElementsByTagName("script")[0];c.parentNode.insertBefore(b,c)})();
// ]]></script>

1 个答案:

答案 0 :(得分:1)

宽度,没有评论:

data-tp-settings="domainId:3636783,showHeader:False,showDate:False,width:150,showReviews:False">

如果您想完全自定义输出,可以使用Javascript通过JSONP获取数据,JSONP将返回包含评论,开始,评分等的Feed。有关详细信息,请参阅下面的链接。

要接收数据,您可以使用以下网址来检索JSON:

https://ssl.trustpilot.com/tpelements/3636783/f.jsonp

jQuery示例:

$.ajax({
  url: 'https://ssl.trustpilot.com/tpelements/3636783/f.jsonp',
  dataType: 'jsonp',
  jsonp: false,
  jsonpCallback: 'trustpilot_jsonp_callback',
  success: function(data, status) {
    console.log(data);
  },
  error: function(XHR, txtStatus, errThrown) {
    console.log('Error: ' + txtStatus);
    console.log('Error: ' + errThrown);
  }
});

更多信息:

  1. Settings page
  2. JSON Feed
  3. JSONP Example