hubspot - 如何在 Hubspot 中添加徽标轮播？

Question

如何在网站上添加此http://www.hubspot.com/style-guide/components#logo-carousel 客户端徽标轮播部分？

Answer 1

我们可以做三件事

1：我们可以使用HubDB，所以我们可以通过调用hubl代码来使用动态图像

{% set table = request.query_dict.get('company') %}
{{ table }}
{% set rows = hubdb_table_rows(xxxx,table ) %}
{% for row in rows %}
{% set hid = row.hs_id %}
{% if hid == table %}

<div class="span12">
    <div class="span8">
        <div><h1>{{ row.company_name }}</h1></div>
        <div>
{% if row.company_image %}
<img src="{{ row.company_image.url }}" alt="{{row.company_name }}">
{% endif %}
</div>
</div>

<div class="span4">
<div class="right-sidebar">
  <div><h3>{{ row.company_name }}</h1></div>
  <div>{{ row.company_description }}</div>
</div>   
</div>

</div>


{% endif %}

{% endfor %}

2：我们可以创建一个自定义模块，这里不能动态调用但是可以设置数量

3：使用图像滑块模块试试这个hubl代码：

{% image_slider "custom_slider" export_to_template_context=True %}
 <div class="flexslider left">
    <ul class="slides">
  {% for slide in widget_data.custom_slider.slides %}
    <li><img src="{{ slide.img_src }}" alt="{{ slide.alt_text }}" class="subin" title="{{ slide.caption }}">
    <div class="meta">
    {{ slide.caption }}
    </div></li>
  {% endfor %}
  </ul>
</div>