Balises HubL prises en charge obsolètes

Last updated:

Voici une liste des balises HubL prises en charge qui sont obsolètes. Bien que ces balises fonctionnent toujours comme prévu, des balises plus récentes ont été créées pour les remplacer, lesquelles sont simplifiées et optimisées. Ces nouvelles balises sont indiquées ci-dessous. Cette page est proposée à titre informatif. 

Widgets personnalisés

Cette balise a été remplacée par une balise de module personnalisé.

Suivez-moi

Les modules Suivez-moi restituent des icônes qui renvoient à vos différents profils de réseaux sociaux. Les icônes qui s'affichent sont basées sur vos paramètres de réseaux sociaux.

Cette balise est remplacée par le plus récent module par défaut Suivez-moi.

{% 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>

Widget global

Un widget global est un widget qui peut être partagé à travers plusieurs modèles.

La balise a été remplacée par la balise de module personnalisé.

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

Recherche Google

La balise et les modules de recherche Google ne sont plus disponibles. Ils ont été remplacés par la propre recherche native de HubSpot. 

Curseur d'image

Génère un module de curseur d'image HubSpot. Ce module de curseur est basé sur FlexSlider. Alors que vous pouvez créer un module de curseur avec la syntaxe de module HubL standard, si vous souhaitez prédéfinir des diapositives par défaut en utilisant HubL, vous devez utiliser la syntaxe de bloc. Les deux méthodes sont présentées ci-dessous.

Cette balise a été remplacée par la balise de galerie.

{% 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

Détermine si le curseur change de taille, en fonction de la hauteur des diapositives. Les valeurs possibles sont "static" ou "resize".

 "static"
only_thumbnails
Boolean

Affichez les images sous forme de vignettes au lieu d'un curseur.

 False
transition
Enumeration

Définit le type de transition de la diapositive. Les valeurs possibles sont "fade" ou "slide".

 "slide"
caption_position
Enumeration

Affecte le positionnement de la légende sur ou sous la diapositive. Les valeurs possibles sont "below" ou "superimpose".

 "below"
with_thumbnail_nav
Boolean

Incluez les vignettes sous le curseur pour la navigation (pour que cette valeur soit true, la valeur only_thumbnails doit être définie sur false)

 False
lightbox
Boolean

Affiche l'image miniature dans la galerie lorsque vous cliquez dessus (pour que cette valeur soit true, la valeur with_thumbnail_nav doit être définie sur false).

 False
auto_advance
Boolean

Avance automatiquement les diapositives après le temps défini dans num_seconds.

 False
show_pagination
Boolean

Proposez des boutons sous le curseur pour naviguer au hasard entre les diapositives.

 True
label
String

Un libellé pour ce module, visible dans l'éditeur uniquement

 "Image Slider"
loop_slides
Boolean

Si la valeur est définie sur true, les diapositives sont passées en boucle.

 True
num_seconds
Number

Temps de pause entre les diapositives, en secondes.

 5
slides
JSON

Une liste JSON de la légende par défaut, de l'URL du lien, du texte alternatif, de l'image source et de l'ouverture ou non dans un nouvel onglet. Consultez la syntaxe de bloc ci-dessus.
Cet article vous a-t-il été utile ?
Ce formulaire est destiné à recueillir les avis sur la documentation pour les développeurs. Si vous souhaitez faire part de votre avis sur les produits HubSpot, veuillez le partager sur le forum des idéesde la communauté.