Veraltete HubL-unterstützte Tags

Last updated:

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>

Globales Widget

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>
ParameterTypeDescription Default
sizing
Enumeration

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
Boolean

Zeigen Sie Bilder als Thumbnails anstelle eines Schiebereglers an.

 False
transition
Enumeration

Legt die Art des Folienübergangs fest. Mögliche Werte sind: „fade“ oder „slide“.

 "slide"
caption_position
Enumeration

Beeinflusst die Positionierung der Beschriftung auf oder unter der Folie. Mögliche Werte sind „below“ oder „superimpose“.

 "below"
with_thumbnail_nav
Boolean

Berücksichtigen Sie Thumbnails unter dem Schieberegler für die Navigation (only_thumbnails muss False sein, damit dies True ist)

 False
lightbox
Boolean

Zeigt bei Anklicken das Thumbnail-Bild in der Lightbox an, (with_thumbnail_nav muss True sein, damit dies True ist)

 False
auto_advance
Boolean

Die Folien werden nach der in num_seconds angegebenen Zeit automatisch weitergeschaltet.

 False
show_pagination
Boolean

Stellt Schaltflächen unter dem Schieberegler bereit, um nach dem Zufallsprinzip zwischen den Folien zu navigieren.

 True
label
String

Ein Label für dieses Modul, das nur im Editor sichtbar ist

 "Image Slider"
loop_slides
Boolean

Wenn True, werden die Folien in einer Schleife durchlaufen.

 True
num_seconds
Number

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.
War dieser Artikel hilfreich?
Dieses Formular dient dazu, Feedback zu unserer Entwicklerdokumentation zu sammeln. Wenn Sie uns Ihre Meinung zu HubSpot-Produkten mitteilen möchten, teilen Sie diese bitte im Ideenforum der Community.