HubSpot HUBL
Fields

HubL Repeatable Fields

/// Image
/// https://developers.hubspot.com/docs/cms/hubl/functions
/// {{ resize_image_url("http://your.hubspot.site/hubfs/img.jpg", 0, 0, 300) }}
 
{% set featuredImage =  content.post_list_summary_featured_image  %} 
{% set featuredImageURL =  resize_image_url(featuredImage, 0, 0, 360) %} 
 
<img src="{{ featuredImageURL }}" alt="{{ content.title }}" class="img-responsive" /> 
 
 
// video
 
{{ item.media.video.player_id }}
{% if item.media.video.player_id %}
{% set max_width = item.media.video.size_type == 'auto_custom_max' ? item.media.video.max_width : item.media.video.width %}
{% set max_height = item.media.video.size_type == 'auto_custom_max' ? item.media.video.max_height : item.media.video.height %}
{% video_player "embed_player"
    autoplay={{ item.media.video.autoplay }},
    conversion_asset={{ item.media.video.conversion_asset|tojson|safe }},
    full_width={{ item.media.video.size_type == 'auto_full_width' }},
    height={{ max_height }},
    hidden_controls={{ item.media.video.hide_controls }},
    loop={{ item.media.video.loop_video }},
    muted={{ item.media.video.mute_by_default }},
    play_button_color={{ module.style_options.oembed_thumbnail_play_button_color.color }},
    player_id={{ item.media.video.player_id }},
    type={{ item.media.video.player_type or 'scriptV4' }},
    width={{ max_width }}
%}
{% endif %}
 
// background-color from color picker
  {% if module.text_background %} style="background-color:rgba({{ module.text_background.color|convert_rgb}} , {{  module.text_background.opacity / 100}})" {% endif %}
 
// Module syntax
{% module_block module "my_rich_text_module" path="/My Rich Text Field Module",
    label="My Rich Text Field Module"
        %}
{% module_attribute "rich_text_field_variable" %}
<div>My HTML block</div>
{% end_module_attribute %}
{% end_module_block %}
 
 
// widget_block is deprecated, use module_block instead.
// This example is only to explain what type_of_module 
// was used for, for those with legacy code. 
{% widget_block rich_text "my_rich_text_module" overrideable=True, label='My rich-text module'  %}
{% widget_attribute "html" %}
<h2>New Module</h2>
<p>Add content here.</p>
{% end_widget_attribute %}
{% end_widget_block %}