Filtros e Funções

{% assets_url(string): string %}

{% bool_text(condition): string %}

{% boolean(value): bool %}

{% components_url(string): string %}

{% font_link(font): string %}

<link href="{{ nomeDaFonte | font_link }}" rel="stylesheet">
// https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&display=swap

{% json_decode(value): array %}

{% mask(string, mask): string %}

{{ cep | mask('#####-###') }}
// 12345-678

{% only_numbers(string): string %}

{% vendor_url(file): string %}

<link rel="stylesheet" href="{{ '/css/style.css' | vendor_url }}" media="screen">

{% youtube_url(url): array %}

{% button_bg_color(type, color): string %}

{% calculate_colors_contrast(primary_color_luminance, secondary_color_luminance): float %}

{% color_is_light(color): bool %}

<div class="{{ color_is_light(background_color) ? '-light' : '-dark' }}">

{% font_weight(font, weight): int %}

{% generate_seo(): string %}

{% get_contrasting_color(primary_color, default_color, alternative_color): string %}

{% get_section_file(section, page): string %}

{{ get_section_file('main_product_content') }}

{% hex_to_rgb(hex): string %}

{% hex_to_rgb("#000000") %}
"0, 0, 0"

{% hex_to_rgb("#ffffff") %}
"255, 255, 255"

{% hex_to_rgba(hex, opacity): string %}

{% hex_to_rgba("#000000", 0.5) %}
"0, 0, 0, 0.5"

{% is_color_contrasting(primary_color, secondary_color, threshold): bool %}

{% mix(path): string %}

{% relative_luminance(hex_color): float %}

{% social_media_fa(mediaUrl): string %}

{% strip_mustache(string): string %}

{% thumborize(url, params): string %}

<img src="{{ thumborize(imageUrl, {"resize": "300x300"}) }}">

{% type_border_radius(type): string %}

{% vuetify(array, varName, path, useMustacheSyntax): string %}

{{ vuetify(product, 'product', 'name') }}