Shop
3 résultats affichés
<div class="trp_language_switcher_shortcode">
<div class="trp-language-switcher trp-language-switcher-container" data-no-translation >
<div class="trp-ls-shortcode-current-language">
<a href="#" class="trp-ls-shortcode-disabled-language trp-ls-disabled-language" title="French" onclick="event.preventDefault()">
FR </a>
</div>
<div class="trp-ls-shortcode-language">
<a href="#" class="trp-ls-shortcode-disabled-language trp-ls-disabled-language" title="French" onclick="event.preventDefault()">
FR </a>
<a href="https://flair1a.com/en/shop/" title="English">
EN </a>
</div>
<script type="application/javascript">
// need to have the same with set from JS on both divs. Otherwise it can push stuff around in HTML
var trp_ls_shortcodes = document.querySelectorAll('.trp_language_switcher_shortcode .trp-language-switcher');
if ( trp_ls_shortcodes.length > 0) {
// get the last language switcher added
var trp_el = trp_ls_shortcodes[trp_ls_shortcodes.length - 1];
var trp_shortcode_language_item = trp_el.querySelector( '.trp-ls-shortcode-language' )
// set width
var trp_ls_shortcode_width = trp_shortcode_language_item.offsetWidth + 16;
trp_shortcode_language_item.style.width = trp_ls_shortcode_width + 'px';
trp_el.querySelector( '.trp-ls-shortcode-current-language' ).style.width = trp_ls_shortcode_width + 'px';
// We're putting this on display: none after we have its width.
trp_shortcode_language_item.style.display = 'none';
}
</script>
</div>
</div>
<div class="trp_language_switcher_shortcode">
<div class="trp-language-switcher trp-language-switcher-container" data-no-translation >
<div class="trp-ls-shortcode-current-language">
<a href="#" class="trp-ls-shortcode-disabled-language trp-ls-disabled-language" title="French" onclick="event.preventDefault()">
FR </a>
</div>
<div class="trp-ls-shortcode-language">
<a href="#" class="trp-ls-shortcode-disabled-language trp-ls-disabled-language" title="French" onclick="event.preventDefault()">
FR </a>
<a href="https://flair1a.com/en/shop/" title="English">
EN </a>
</div>
<script type="application/javascript">
// need to have the same with set from JS on both divs. Otherwise it can push stuff around in HTML
var trp_ls_shortcodes = document.querySelectorAll('.trp_language_switcher_shortcode .trp-language-switcher');
if ( trp_ls_shortcodes.length > 0) {
// get the last language switcher added
var trp_el = trp_ls_shortcodes[trp_ls_shortcodes.length - 1];
var trp_shortcode_language_item = trp_el.querySelector( '.trp-ls-shortcode-language' )
// set width
var trp_ls_shortcode_width = trp_shortcode_language_item.offsetWidth + 16;
trp_shortcode_language_item.style.width = trp_ls_shortcode_width + 'px';
trp_el.querySelector( '.trp-ls-shortcode-current-language' ).style.width = trp_ls_shortcode_width + 'px';
// We're putting this on display: none after we have its width.
trp_shortcode_language_item.style.display = 'none';
}
</script>
</div>
</div>