css - 自定义 Trust Pilot 小部件

Question

我非常感谢自定义我的 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>

Answer 1

宽度和无评论：

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

如果您想完全自定义输出，您可以使用 Javascript 通过 JSONP 获取数据，这将返回一个包含评论、开始、分数等的提要。有关更多信息，请参见下面的链接。

要接收数据，您可以使用以下 URL 来检索 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. 设置页面
2. JSON 提要
3. JSONP 示例