initial commit
This commit is contained in:
Gerhard Scheikl
@@ -0,0 +1 @@
|
||||
{"sections":{"main":{"type":"main-404","settings":{}}},"order":["main"]}
|
||||
@@ -0,0 +1 @@
|
||||
{"sections":{"main":{"type":"main-article","blocks":{"featured_image":{"type":"featured_image","settings":{"image_height":"adapt"}},"title":{"type":"title","settings":{"blog_show_date":true,"blog_show_author":false}},"share":{"type":"share","settings":{"share_label":"Share"}},"content":{"type":"content","settings":{}}},"block_order":["featured_image","title","share","content"],"settings":{}}},"order":["main"]}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"sections": {
|
||||
"main": {
|
||||
"type": "main-blog",
|
||||
"settings": {
|
||||
"layout": "collage",
|
||||
"show_image": true,
|
||||
"image_height": "medium",
|
||||
"show_date": true,
|
||||
"show_author": false,
|
||||
"padding_top": 36,
|
||||
"padding_bottom": 36
|
||||
}
|
||||
}
|
||||
},
|
||||
"order": [
|
||||
"main"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,40 @@
|
||||
{
|
||||
"sections": {
|
||||
"cart-items": {
|
||||
"type": "main-cart-items",
|
||||
"settings": {
|
||||
"color_scheme": "scheme-1",
|
||||
"padding_top": 36,
|
||||
"padding_bottom": 36
|
||||
}
|
||||
},
|
||||
"cart-footer": {
|
||||
"type": "main-cart-footer",
|
||||
"settings": {
|
||||
"color_scheme": "scheme-1",
|
||||
"padding_top": 20,
|
||||
"padding_bottom": 40
|
||||
},
|
||||
"blocks": {
|
||||
"subtotal": {
|
||||
"type": "subtotal",
|
||||
"settings": {
|
||||
}
|
||||
},
|
||||
"buttons": {
|
||||
"type": "buttons",
|
||||
"settings": {
|
||||
}
|
||||
}
|
||||
},
|
||||
"block_order": [
|
||||
"subtotal",
|
||||
"buttons"
|
||||
]
|
||||
}
|
||||
},
|
||||
"order": [
|
||||
"cart-items",
|
||||
"cart-footer"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
{"sections":{"banner":{"type":"main-collection-banner","settings":{"show_collection_description":true,"show_collection_image":false,"color_scheme":"scheme-1"}},"product-grid":{"type":"main-collection-product-grid","custom_css":[],"settings":{"products_per_page":16,"columns_desktop":4,"columns_mobile":"2","color_scheme":"scheme-1","image_ratio":"square","image_shape":"default","show_secondary_image":false,"show_vendor":false,"show_rating":false,"quick_add":"none","enable_filtering":true,"filter_type":"vertical","enable_sorting":true,"padding_top":36,"padding_bottom":36}}},"order":["banner","product-grid"]}
|
||||
@@ -0,0 +1,14 @@
|
||||
{
|
||||
"sections": {
|
||||
"main": {
|
||||
"type": "main-account",
|
||||
"settings": {
|
||||
"padding_top": 36,
|
||||
"padding_bottom": 36
|
||||
}
|
||||
}
|
||||
},
|
||||
"order": [
|
||||
"main"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
{
|
||||
"sections": {
|
||||
"main": {
|
||||
"type": "main-activate-account",
|
||||
"settings": {
|
||||
"padding_top": 36,
|
||||
"padding_bottom": 36
|
||||
}
|
||||
}
|
||||
},
|
||||
"order": [
|
||||
"main"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
{
|
||||
"sections": {
|
||||
"main": {
|
||||
"type": "main-addresses",
|
||||
"settings": {
|
||||
"padding_top": 36,
|
||||
"padding_bottom": 36
|
||||
}
|
||||
}
|
||||
},
|
||||
"order": [
|
||||
"main"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"sections": {
|
||||
"main": {
|
||||
"type": "main-login",
|
||||
"settings": {
|
||||
"enable_shop_login_button": "true",
|
||||
"padding_top": 36,
|
||||
"padding_bottom": 36
|
||||
}
|
||||
}
|
||||
},
|
||||
"order": [
|
||||
"main"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
{
|
||||
"sections": {
|
||||
"main": {
|
||||
"type": "main-order",
|
||||
"settings": {
|
||||
"padding_top": 36,
|
||||
"padding_bottom": 36
|
||||
}
|
||||
}
|
||||
},
|
||||
"order": [
|
||||
"main"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
{
|
||||
"sections": {
|
||||
"main": {
|
||||
"type": "main-register",
|
||||
"settings": {
|
||||
"padding_top": 36,
|
||||
"padding_bottom": 36
|
||||
}
|
||||
}
|
||||
},
|
||||
"order": [
|
||||
"main"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
{
|
||||
"sections": {
|
||||
"main": {
|
||||
"type": "main-reset-password",
|
||||
"settings": {
|
||||
"padding_top": 36,
|
||||
"padding_bottom": 36
|
||||
}
|
||||
}
|
||||
},
|
||||
"order": [
|
||||
"main"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,213 @@
|
||||
{% layout none %}
|
||||
|
||||
<!doctype html>
|
||||
<html lang="{{ request.locale.iso_code }}">
|
||||
<head>
|
||||
<script src="{{ 'vendor/qrcode.js' | shopify_asset_url }}" defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<meta name="theme-color" content="{{ settings.color_background }}">
|
||||
<link rel="canonical" href="{{ canonical_url }}">
|
||||
|
||||
{%- if settings.favicon != blank -%}
|
||||
<link rel="icon" type="image/png" href="{{ settings.favicon | image_url: width: 32, height: 32 }}">
|
||||
{%- endif -%}
|
||||
|
||||
{%- unless settings.type_header_font.system? -%}
|
||||
<link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
|
||||
{%- endunless -%}
|
||||
|
||||
{%- assign formatted_balance = gift_card.balance | money_without_trailing_zeros | strip_html -%}
|
||||
|
||||
<title>{{ 'gift_cards.issued.title' | t: value: formatted_balance, shop: shop.name }}</title>
|
||||
|
||||
<meta name="description" content="{{ 'gift_cards.issued.subtext' | t }}">
|
||||
|
||||
{{ 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? -%}
|
||||
{% comment %}theme-check-disable AssetPreload{% endcomment %}
|
||||
<link rel="preload" as="font" href="{{ settings.type_body_font | font_url }}" type="font/woff2" crossorigin>
|
||||
{% comment %}theme-check-enable AssetPreload{% endcomment %}
|
||||
{%- endunless -%}
|
||||
{%- unless settings.type_header_font.system? -%}
|
||||
{% comment %}theme-check-disable AssetPreload{% endcomment %}
|
||||
<link rel="preload" as="font" href="{{ settings.type_header_font | font_url }}" type="font/woff2" crossorigin>
|
||||
{% comment %}theme-check-enable AssetPreload{% endcomment %}
|
||||
{%- endunless -%}
|
||||
|
||||
{{ 'template-giftcard.css' | asset_url | stylesheet_tag }}
|
||||
</head>
|
||||
|
||||
<body class="gradient gift-card">
|
||||
<header>
|
||||
<div class="gift-card__price">
|
||||
<h1>
|
||||
{% if settings.currency_code_enabled %}
|
||||
{{ gift_card.balance | money_with_currency }}
|
||||
{% else %}
|
||||
{{ gift_card.balance | money }}
|
||||
{% endif %}
|
||||
</h1>
|
||||
{%- if gift_card.enabled == false or gift_card.expired -%}
|
||||
<p class="badge badge--expired">{{ 'gift_cards.issued.expired' | t }}</p>
|
||||
{%- endif -%}
|
||||
</div>
|
||||
{% if gift_card.expires_on %}
|
||||
{%- assign gift_card_expiration_date = gift_card.expires_on | date: '%B %e, %Y' -%}
|
||||
<p class="gift-card__text">
|
||||
{{ 'gift_cards.issued.expiration_date' | t: expires_on: gift_card_expiration_date }}
|
||||
</p>
|
||||
{% endif %}
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<div class="gift-card__image-wrapper">
|
||||
{%- 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 %}
|
||||
<img
|
||||
class="gift-card__image"
|
||||
src="{{ 'gift-card/card.svg' | shopify_asset_url }}"
|
||||
alt=""
|
||||
height="{{ 570 | divided_by: 1.5 }}"
|
||||
width="570"
|
||||
loading="eager"
|
||||
>
|
||||
{%- endif %}
|
||||
</div>
|
||||
<h2>{{ shop.name }}</h2>
|
||||
<div class="gift-card__text-wrapper">
|
||||
<p class="gift-card__text">{{ 'gift_cards.issued.how_to_use_gift_card' | t }}</p>
|
||||
</div>
|
||||
<p id="gift-card-code" class="gift-card__number">{{ gift_card.code | format_code }}</p>
|
||||
<div class="gift-card__qr-code" data-identifier="{{ gift_card.qr_identifier }}"></div>
|
||||
{%- if gift_card.pass_url -%}
|
||||
<a href="{{ gift_card.pass_url }}" class="gift_card__apple-wallet no-print">
|
||||
<img
|
||||
src="{{ 'gift-card/add-to-apple-wallet.svg' | shopify_asset_url }}"
|
||||
width="120"
|
||||
height="40"
|
||||
alt="{{ 'gift_cards.issued.add_to_apple_wallet' | t }}"
|
||||
loading="lazy"
|
||||
>
|
||||
</a>
|
||||
{%- endif -%}
|
||||
<div class="gift-card__buttons no-print">
|
||||
<span class="gift-card__copy-success form__message" role="status"></span>
|
||||
<template>
|
||||
<span class="svg-wrapper">
|
||||
{{- 'icon-success.svg' | inline_asset_content -}}
|
||||
</span>
|
||||
{{ 'gift_cards.issued.copy_code_success' | t }}
|
||||
</template>
|
||||
<button class="button gift-card__copy-button">{{ 'gift_cards.issued.copy_code' | t }}</button>
|
||||
<a
|
||||
href="{{ shop.url }}"
|
||||
class="button button--secondary"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
aria-describedby="a11y-new-window-message"
|
||||
>
|
||||
{{ 'gift_cards.issued.shop_link' | t }}
|
||||
</a>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div hidden>
|
||||
<span id="a11y-new-window-message">{{ 'accessibility.link_messages.new_window' | t }}</span>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<script>
|
||||
var string = { qrImageAlt: {{ 'gift_cards.issued.qr_image_alt' | t | json }} };
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
new QRCode( document.querySelector('.gift-card__qr-code'), {
|
||||
text: document.querySelector('.gift-card__qr-code').dataset.identifier,
|
||||
width: 72,
|
||||
height: 72,
|
||||
imageAltText: string.qrImageAlt
|
||||
});
|
||||
});
|
||||
var template = document.getElementsByTagName("template")[0];
|
||||
var clonedTemplate = template.content.cloneNode(true);
|
||||
var isMessageDisplayed = false
|
||||
document
|
||||
.querySelector('.gift-card__copy-button')
|
||||
.addEventListener('click', () => {
|
||||
navigator.clipboard.writeText(document.getElementById('gift-card-code').innerText).then(function () {
|
||||
if (!isMessageDisplayed) {
|
||||
document.querySelector('.gift-card__copy-success').appendChild(clonedTemplate);
|
||||
isMessageDisplayed = true
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"sections": {
|
||||
"main": {
|
||||
"type": "main-list-collections",
|
||||
"settings": {
|
||||
"title": "Collections",
|
||||
"sort": "alphabetical",
|
||||
"image_ratio": "square",
|
||||
"columns_desktop": 3,
|
||||
"columns_mobile": "2"
|
||||
}
|
||||
}
|
||||
},
|
||||
"order": [
|
||||
"main"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
{
|
||||
"sections": {
|
||||
"main": {
|
||||
"type": "main-page",
|
||||
"settings": {
|
||||
"padding_top": 36,
|
||||
"padding_bottom": 36
|
||||
}
|
||||
},
|
||||
"form": {
|
||||
"type": "contact-form",
|
||||
"settings": {
|
||||
"heading": "",
|
||||
"heading_size": "h1",
|
||||
"color_scheme": "scheme-1",
|
||||
"padding_top": 36,
|
||||
"padding_bottom": 36
|
||||
}
|
||||
}
|
||||
},
|
||||
"order": [
|
||||
"main",
|
||||
"form"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
{
|
||||
"sections": {
|
||||
"main": {
|
||||
"type": "main-page",
|
||||
"settings": {
|
||||
"padding_top": 28,
|
||||
"padding_bottom": 28
|
||||
}
|
||||
}
|
||||
},
|
||||
"order": [
|
||||
"main"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
{"sections":{"main":{"type":"main-page","settings":{"padding_top":28,"padding_bottom":28}}},"order":["main"]}
|
||||
@@ -0,0 +1 @@
|
||||
{"layout":"password","sections":{"main":{"type":"email-signup-banner","blocks":{"heading":{"type":"heading","settings":{"heading":"Opening soon","heading_size":"h1"}},"paragraph":{"type":"paragraph","settings":{"text":"<p>Be the first to know when we launch.<\/p>","text_style":"body"}},"email_form":{"type":"email_form","settings":{}}},"block_order":["heading","paragraph","email_form"],"settings":{"show_background_image":true,"image_overlay_opacity":0,"image_height":"medium","desktop_content_position":"middle-center","desktop_content_alignment":"center","show_text_box":true,"color_scheme":"scheme-1","mobile_content_alignment":"center","show_text_below":true}}},"order":["main"]}
|
||||
@@ -0,0 +1 @@
|
||||
{"sections":{"main":{"type":"main-product","blocks":{"vendor":{"type":"text","settings":{"text":"{{ product.vendor }}","text_style":"uppercase"}},"title":{"type":"title","settings":{}},"price":{"type":"price","settings":{}},"variant_picker":{"type":"variant_picker","settings":{"picker_type":"button","swatch_shape":"circle"}},"quantity_selector":{"type":"quantity_selector","settings":{}},"buy_buttons":{"type":"buy_buttons","settings":{"show_dynamic_checkout":true,"show_gift_card_recipient":true}},"description":{"type":"description","settings":{}},"share":{"type":"share","settings":{"share_label":"Share"}}},"block_order":["vendor","title","price","variant_picker","quantity_selector","buy_buttons","description","share"],"settings":{"enable_sticky_info":true,"color_scheme":"scheme-1","media_size":"small","constrain_to_viewport":true,"media_fit":"contain","gallery_layout":"stacked","mobile_thumbnails":"hide","media_position":"left","image_zoom":"lightbox","hide_variants":true,"enable_video_looping":false,"padding_top":36,"padding_bottom":12}},"related-products":{"type":"related-products","settings":{"heading":"Das könnte dir auch gefallen","heading_size":"h2","products_to_show":4,"columns_desktop":4,"columns_mobile":"2","color_scheme":"scheme-1","image_ratio":"square","image_shape":"default","show_secondary_image":true,"show_vendor":false,"show_rating":false,"padding_top":36,"padding_bottom":28}}},"order":["main","related-products"]}
|
||||
@@ -0,0 +1,26 @@
|
||||
{
|
||||
"sections": {
|
||||
"main": {
|
||||
"type": "main-search",
|
||||
"settings": {
|
||||
"columns_desktop": 4,
|
||||
"image_ratio": "adapt",
|
||||
"image_shape": "default",
|
||||
"show_secondary_image": false,
|
||||
"show_vendor": false,
|
||||
"show_rating": false,
|
||||
"enable_filtering": true,
|
||||
"filter_type": "horizontal",
|
||||
"enable_sorting": true,
|
||||
"article_show_date": true,
|
||||
"article_show_author": false,
|
||||
"columns_mobile": "2",
|
||||
"padding_top": 36,
|
||||
"padding_bottom": 36
|
||||
}
|
||||
}
|
||||
},
|
||||
"order": [
|
||||
"main"
|
||||
]
|
||||
}
|
||||
Reference in New Issue
Block a user