Veraltete HubL-unterstützte Tags

Im Folgenden finden Sie eine Liste der von HubL unterstützten Tags, die veraltet sind. Obwohl diese Tags noch wie vorgesehen funktionieren, werden sie nun durch neuere Tags ersetzt, die effektiver und optimiert sind. Diese neuen Tags sind im Folgenden angegeben. Diese Seite dient als historische Referenz.

Benutzerdefinierte Widgets

Dieses Tag wurde durch ein Tag für benutzerdefinierte Module ersetzt.

Folgen (Follow Me)

Folgen-Module rendern Symbole, die auf Ihre verschiedenen Social-Media-Profile verweisen. Die angezeigten Symbole basieren auf Ihren Social-Media-Einstellungen.

Dieses Tag wird durch das neuere Folgen-Standardmodul ersetzt.

{% follow_me "follow_me" %}
{% follow_me "follow_us" title='Follow Us', module_title_tag="h2" %}

<span id="hs_cos_wrapper_module_14162805806361260" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_follow_me" style="" data-hs-cos-general-type="widget" data-hs-cos-type="follow_me">
<h2>Follow Us</h2>
<div style="">
<a target="_blank" class="fm_button fm_googleplus" href=""><span title="Follow us on Google+"></span></a>
<a target="_blank" class="fm_button fm_facebook" href=""><span title="Follow us on Facebook"></span></a>
<a target="_blank" class="fm_button fm_twitter" href=""><span title="Follow us on Twitter"></span>
</div>
</span>

Ein globales Widget ist ein Widget, das vorlagenübergreifend genutzt werden kann.

Das Tag wurde durch das Tag für benutzerdefinierte Module ersetzt.

{% global_widget "facebook_fan_box" overrideable=False, label='Facebook Fan Box' %}"

Google-Suche

Das Google-Suche-Tag und die Module sind nicht mehr verfügbar. Dies wurde durch die eigene native Suche von HubSpot ersetzt.

Bild-Schieberegler

Erzeugt ein HubSpot-Bild-Schieberegler-Modul. Dieses Schieberegler-Modul basiert auf FlexSlider. Sie können zwar ein Schieberegler-Modul mit der HubL-Standardsyntax erstellen, müssen jedoch die Block-Syntax verwenden, wenn Sie Standardfolien mit HubL vordefinieren möchten. Beide Methoden sind unten dargestellt.

Dieses Tag ist zugunsten des Galerie-Tags veraltet.

{% image_slider "image_slider" %}

<-- Block syntax -->
{% widget_block image_slider "crm_slider" sizing='static', only_thumbnails=False, transition='slide', caption_position='below', with_thumbnail_nav=False, lightbox=False, auto_advance=True, overrideable=True, description_text='', show_pagination=True, label='Image Slider', loop_slides=True, num_seconds=5  %}
{% widget_attribute "slides" is_json=True %}[{"caption": "CRM Contacts App", "show_caption": true, "link_url": "http://www.hubspot.com/crm", "alt_text": "Screenshot of CRM Contacts", "img_src": "http://go.hubspot.com/hubfs/Contacts-View-1.png?t=1430860504240", "open_in_new_tab": true}, {"caption": "HubSpot CRM Contact Profile", "show_caption": true, "link_url": "http://www.hubspot.com/", "alt_text": "HubSpot CRM Contact Profile", "img_src": "http://cdn2.hubspot.net/hubfs/53/Contact-Profile.png?t=1430860504240", "open_in_new_tab": true}]{% end_widget_attribute %}
{% end_widget_block %}

<span
id="hs_cos_wrapper_crm_slider"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_image_slider"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="image_slider"
>
<div
id="hs_cos_flex_slider_crm_slider"
class="hs_cos_flex-slider flex-slider-main slider-mode-slider"
>
<div
class="hs_cos_flex-viewport"
style="overflow: hidden; position: relative;"
>
<ul
class="hs_cos_flex-slides hs_cos_flex-slides-main "
style="width: 800%; -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transform: translate3d(-1090px, 0px, 0px);"
>
<li
class="hs_cos_flex-slide-main clone"
aria-hidden="true"
style="width: 1090px; float: left; display: block;"
>
<a href="//www.hubspot.com/" target="_blank"
><img
src="//cdn2.hubspot.net/hubfs/53/Contact-Profile.png?t=1430860504240&t=1430335520686"
alt="HubSpot CRM Contact Profile"
draggable="false"
/></a>
<div class="caption">HubSpot CRM Contact Profile</div>
</li>
<li
class="hs_cos_flex-slide-main hs_cos_flex-active-slide"
style="width: 1090px; float: left; display: block;"
>
<a href="//www.hubspot.com/crm" target="_blank"
><img
src="http://go.hubspot.com/hubfs/Contacts-View-1.png?t=1430860504240&t=1430335520686"
alt="Screenshot of CRM Contacts"
draggable="false"
/></a>
<div class="caption">CRM Contacts App</div>
</li>
<li
class="hs_cos_flex-slide-main"
style="width: 1090px; float: left; display: block;"
>
<a href="//www.hubspot.com/" target="_blank"
><img
src="//cdn2.hubspot.net/hubfs/53/Contact-Profile.png?t=1430860504240&t=1430335520686"
alt="HubSpot CRM Contact Profile"
draggable="false"
/></a>
<div class="caption">HubSpot CRM Contact Profile</div>
</li>
<li
class="hs_cos_flex-slide-main clone"
aria-hidden="true"
style="width: 1090px; float: left; display: block;"
>
<a href="//www.hubspot.com/crm" target="_blank"
><img
src="http://go.hubspot.com/hubfs/Contacts-View-1.png?t=1430860504240&t=1430335520686"
alt="Screenshot of CRM Contacts"
draggable="false"
/></a>
<div class="caption">CRM Contacts App</div>
</li>
</ul>
</div>
<ol class="hs_cos_flex-control-nav hs_cos_flex-control-paging">
<li><a class="hs_cos_flex-active">1</a></li>
<li><a class="">2</a></li>
</ol>
<ul class="hs_cos_flex-direction-nav">
<li><a class="hs_cos_flex-prev" href="#">Previous</a></li>
<li><a class="hs_cos_flex-next" href="#">Next</a></li>
</ul>
</div>
<script>
window.hsSliderConfig = window.hsSliderConfig || {};
window.hsSliderConfig['crm_slider'] = {
mode: 'slider',
mainConfig: {
animationLoop: true,
direction: 'horizontal',
slideshowSpeed: 5000.0,
controlNav: true,
smoothHeight: false,
namespace: 'hs_cos_flex-',
slideshow: true,
selector: '.hs_cos_flex-slides > li',
animation: 'slide',
},
};
</script>
</span>

Parameter	Typ	Beschreibung	Standard
`sizing`	Aufzählung	Bestimmt, ob der Schieberegler seine Größe in Abhängigkeit von der Höhe der Folien ändert. Mögliche Werte sind: „static“ oder „resize“.”	`"static"`
`only_thumbnails`	Boolesch	Zeigt Bilder als Thumbnails anstelle eines Schiebereglers an.	`False`
`transition`	Aufzählung:	Legt die Art des Folienübergangs fest. Mögliche Werte sind: „fade“ oder „slide“.”	`"slide"`
`caption_position`	Aufzählung	Beeinflusst die Positionierung der Beschriftung auf oder unter der Folie. Mögliche Werte sind „below“ oder „superimpose“.”	`"below"`
`with_thumbnail_nav`	Boolesch	Berücksichtigt Thumbnails unter dem Schieberegler für die Navigation (only_thumbnails muss „False“ sein, damit dies „True“ ist)	`False`
`lightbox`	Boolesch	Zeigt bei Anklicken das Thumbnail-Bild in der Lightbox an (with_thumbnail_nav muss „True“ sein, damit dies „True“ ist)	`False`
`auto_advance`	Boolesch	Folien werden nach der in num_seconds angegebenen Zeit automatisch weitergeschaltet.	`False`
`show_pagination`	Boolesch	Schaltflächen unter dem Schieberegler, um nach dem Zufallsprinzip zwischen den Folien zu navigieren	`True`
`label`	Zeichenfolge	Ein Label für dieses Modul, nur im Editor sichtbar	`"Image Slider"`
`loop_slides`	Boolesch	Wenn „True“, werden die Folien in einer Schleife durchlaufen.	`True`
`num_seconds`	Zahl	Zeit in Sekunden für die Pause zwischen den Folien	`5`
`slides`	JSON	Eine JSON-Liste mit der Standardbeschriftung, der Link-URL, dem ALT-Text, der Bildquelle und der Angabe, ob das Bild in einer neuen Registerkarte geöffnet werden soll. Siehe Block-Syntax oben.

Start Building

Reference

Best Practices

Marketplace

Versions & Deprecations

Veraltete HubL-unterstützte Tags

Benutzerdefinierte Widgets

Folgen (Follow Me)

Globales Widget

Google-Suche

Bild-Schieberegler

​Benutzerdefinierte Widgets

​Folgen (Follow Me)

​Globales Widget

​Google-Suche

​Bild-Schieberegler

Benutzerdefinierte Widgets

Folgen (Follow Me)

Globales Widget

Google-Suche

Bild-Schieberegler