Balises HubL prises en charge obsolètes

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>

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>

Paramètre	Type	Description	Par défaut
`sizing`	Énumération	: permet de détermine si le curseur change de taille, en fonction de la hauteur des diapositives. Les valeurs possibles sont : « statique » ou « redimensionner”	`"static"`
`only_thumbnails`	Booléen	: permet d’afficher les images sous forme de vignettes au lieu d’un curseur.	`False`
`transition`	Énumération	: permet de définir le type de transition de la diapositive. Les valeurs possibles sont : « fondu » ou « diapositive”	`"slide"`
`caption_position`	Énumération	: permet d’affecter le positionnement de la légende sur ou sous la diapositive. Les valeurs possibles sont « ci-dessous » ou « superposer”	`"below"`
`with_thumbnail_nav`	Booléen	: permet d’inclure les vignettes sous le curseur pour la navigation (only_thumbnails pour que cette valeur soit True, la valeur doit être définie sur False)	`False`
`lightbox`	Booléen	: permet d’afficher l’image miniature dans la galerie lorsque vous cliquez dessus (with_thumbnail_nav doit être défini sur True pour que cette valeur soit True)	`False`
`auto_advance`	Booléen	: permet d’avancer automatiquement les diapositives après le temps défini dans num_seconds	`False`
`show_pagination`	Booléen	: permet de proposer des boutons sous le curseur pour naviguer au hasard entre les diapositives.	`True`
`label`	Chaîne	: un libellé pour ce module, visible dans l’éditeur uniquement	`"Image Slider"`
`loop_slides`	Booléen	: si la valeur est définie sur True, les diapositives sont passées en boucle	`True`
`num_seconds`	Nombre	: le 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.

Obsolète

Balises HubL prises en charge obsolètes

Widgets personnalisés

Suivez-moi

Widget global

Recherche Google

Curseur d’image

​Widgets personnalisés

​Suivez-moi

​Widget global

​Recherche Google

​Curseur d’image

Widgets personnalisés

Suivez-moi

Widget global

Recherche Google

Curseur d’image