{% layout none %} {%- if settings.favicon != blank -%} {%- endif -%} {%- unless settings.type_header_font.system? -%} {%- endunless -%} {%- assign formatted_balance = gift_card.balance | money_without_trailing_zeros | strip_html -%} {{ 'gift_cards.issued.title' | t: value: formatted_balance, shop: shop.name }} {{ content_for_header }} {%- liquid assign body_font_bold = settings.type_body_font | font_modify: 'weight', 'bold' assign body_font_italic = settings.type_body_font | font_modify: 'style', 'italic' assign body_font_bold_italic = body_font_bold | font_modify: 'style', 'italic' %} {% style %} {{ settings.type_body_font | font_face: font_display: 'swap' }} {{ body_font_bold | font_face: font_display: 'swap' }} {{ body_font_italic | font_face: font_display: 'swap' }} {{ body_font_bold_italic | font_face: font_display: 'swap' }} {{ settings.type_header_font | font_face: font_display: 'swap' }} :root { --font-body-family: {{ settings.type_body_font.family }}, {{ settings.type_body_font.fallback_families }}; --font-body-style: {{ settings.type_body_font.style }}; --font-body-weight: {{ settings.type_body_font.weight }}; --font-heading-family: {{ settings.type_header_font.family }}, {{ settings.type_header_font.fallback_families }}; --font-heading-style: {{ settings.type_header_font.style }}; --font-heading-weight: {{ settings.type_header_font.weight }}; --font-body-scale: {{ settings.body_scale | divided_by: 100.0 }}; --font-heading-scale: {{ settings.heading_scale | times: 1.0 | divided_by: settings.body_scale }}; {% assign scheme = settings.color_schemes | first %} --color-background: {{ scheme.settings.background.red }},{{ scheme.settings.background.green }},{{ scheme.settings.background.blue }}; {% if scheme.settings.background_gradient != empty -%} --gradient-background: {{ scheme.settings.background_gradient }}; {%- else -%} --gradient-background: {{ scheme.settings.background }}; {%- endif %} --color-foreground: {{ scheme.settings.text.red }},{{ scheme.settings.text.green }},{{ scheme.settings.text.blue }}; --color-button: {{ scheme.settings.button.red }},{{ scheme.settings.button.green }},{{ scheme.settings.button.blue }}; --color-button-label: {{ scheme.settings.button_label.red }},{{ scheme.settings.button_label.green }},{{ scheme.settings.button_label.blue }}; --color-secondary-button-label: {{ scheme.settings.secondary_button_label.red }},{{ scheme.settings.secondary_button_label.green }},{{ scheme.settings.secondary_button_label.blue }}; --color-shadow: {{ scheme.settings.shadow.red }},{{ scheme.settings.shadow.green }},{{ scheme.settings.shadow.blue }}; {% assign badge_scheme_id = settings.sold_out_badge_color_scheme | append: '' %} {% assign badge_scheme = settings.color_schemes[badge_scheme_id] %} --color-soldout-badge: {{ badge_scheme.settings.background.red }},{{ badge_scheme.settings.background.green }},{{ badge_scheme.settings.background.blue }}; --color-soldout-badge-label: {{ badge_scheme.settings.text.red }},{{ badge_scheme.settings.text.green }},{{ badge_scheme.settings.text.blue }}; --page-width: {{ settings.page_width | divided_by: 10 }}rem; --page-width-margin: {% if settings.page_width == '1600' %}2{% else %}0{% endif %}rem; --buttons-radius: {{ settings.buttons_radius }}px; --buttons-border-width: {% if settings.buttons_border_opacity > 0 %}{{ settings.buttons_border_thickness }}{% else %}0{% endif %}px; --buttons-border-opacity: {{ settings.buttons_border_opacity | divided_by: 100.0 }}; --buttons-shadow-opacity: {{ settings.buttons_shadow_opacity | divided_by: 100.0 }}; --buttons-shadow-horizontal-offset: {{ settings.buttons_shadow_horizontal_offset }}px; --buttons-shadow-vertical-offset: {{ settings.buttons_shadow_vertical_offset }}px; --buttons-shadow-blur-radius: {{ settings.buttons_shadow_blur }}px; --buttons-border-offset: {% if settings.buttons_radius > 0 or settings.buttons_shadow_opacity > 0 %}0.3{% else %}0{% endif %}px; --inputs-radius: {{ settings.inputs_radius }}px; --inputs-border-width: {{ settings.inputs_border_thickness }}px; --inputs-border-opacity: {{ settings.inputs_border_opacity | divided_by: 100.0 }}; --inputs-shadow-opacity: {{ settings.inputs_shadow_opacity | divided_by: 100.0 }}; --inputs-shadow-horizontal-offset: {{ settings.inputs_shadow_horizontal_offset }}px; --inputs-shadow-vertical-offset: {{ settings.inputs_shadow_vertical_offset }}px; --inputs-shadow-blur-radius: {{ settings.inputs_shadow_blur }}px; } {% endstyle %} {%- unless settings.type_body_font.system? -%} {%- endunless -%} {%- unless settings.type_header_font.system? -%} {%- endunless -%} {{ 'template-giftcard.css' | asset_url | stylesheet_tag }}

{% if settings.currency_code_enabled %} {{ gift_card.balance | money_with_currency }} {% else %} {{ gift_card.balance | money }} {% endif %}

{%- if gift_card.enabled == false or gift_card.expired -%}

{{ 'gift_cards.issued.expired' | t }}

{%- endif -%}
{% if gift_card.expires_on %} {%- assign gift_card_expiration_date = gift_card.expires_on | date: '%B %e, %Y' -%}

{{ 'gift_cards.issued.expiration_date' | t: expires_on: gift_card_expiration_date }}

{% endif %}
{%- if settings.logo != blank -%} {%- assign logo_alt = settings.logo.alt | default: shop.name | escape -%} {{ settings.logo | image_url: width: 570 | image_tag: class: 'gift-card__image', alt: logo_alt }} {%- else %} {%- endif %}

{{ shop.name }}

{{ 'gift_cards.issued.how_to_use_gift_card' | t }}

{{ gift_card.code | format_code }}

{%- if gift_card.pass_url -%} {{ 'gift_cards.issued.add_to_apple_wallet' | t }} {%- endif -%}
{{ 'gift_cards.issued.shop_link' | t }}