Jannex
/
SHX-Theme
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'main' of github.com:JannexNet/SHX-Theme

main
Jan Umbach 2024-07-12 19:07:26 +02:00
parent 9ed1bb5da6 d9e686c3f7
commit 5dc0b56149
4 changed files with 207 additions and 91 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
sections/image-with-text.liquid
View File

@ -44,7 +44,9 @@
style="padding-bottom: {{ 1 | divided_by: section.settings.image.aspect_ratio | times: 100 }}%;"
{% endif %}
>
{%- if section.settings.image != blank -%}
{% if section.settings.video != blank %}
{{ section.settings.video | video_tag: autoplay: true, loop: true }}
{%- elsif section.settings.image != blank -%}
{%- if section.settings.image_behavior == 'ambient' or section.settings.image_behavior == 'zoom-in' -%}
{%- assign widths = '198, 432, 642, 900, 1284, 1800' -%}
{%- capture sizes -%}
@ -214,6 +216,11 @@
"id": "image",
"label": "t:sections.image-with-text.settings.image.label"
},
{
"type": "video",
"id": "video",
"label": "shx-custom Select video"
},
{
"type": "select",
"id": "height",

98
templates/page.json
View File

@ -20,100 +20,25 @@
"padding_bottom": 100
}
},
"custom_liquid_ni6GcW": {
"type": "custom-liquid",
"disabled": true,
"settings": {
"custom_liquid": "<img src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0882\/4373\/2756\/files\/IMG_2814mob.jpg?v=1719134500\" style=\"height: 350px; width: 100%; object-fit: cover\">",
"color_scheme": "",
"padding_top": 0,
"padding_bottom": 0
}
},
"custom_liquid_RFM8mJ": {
"type": "custom-liquid",
"disabled": true,
"settings": {
"custom_liquid": "{% render \"shx-landingpage-banner\", mobile_image: \"IMG_2820fin.jpg\" %}",
"color_scheme": "",
"padding_top": 40,
"padding_bottom": 52
}
},
"custom_liquid_pL6Gqt": {
"type": "custom-liquid",
"settings": {
"custom_liquid": "{% render \"shx-landingpage-banner\", desktop_image: \"landingpage-texte-desktop.webp\", mobile_image: \"landingpage-texte-mobile2.webp\", mobile_image_height: \"300px\" %}",
"color_scheme": "",
"padding_top": 0,
"padding_bottom": 52
}
},
"custom_liquid_wDE9bc": {
"type": "custom-liquid",
"disabled": true,
"settings": {
"custom_liquid": "<div class=\"page-width\">\n <div\n class=\"image-with-text image-with-text--no-overlap isolate collapse-corners scroll-trigger animate--slide-in\"\n >\n <div\n class=\"image-with-text__grid grid grid--gapless grid--1-col grid--2-col-tablet image-with-text__grid--reverse\"\n >\n <div\n class=\"image-with-text__media-item image-with-text__media-item--medium image-with-text__media-item--top grid__item\"\n >\n <div\n class=\"image-with-text__media image-with-text__media--adapt global-media-settings gradient color-scheme-2 image-with-text__media--placeholder placeholder\"\n >\n \n <video class=\"shx-landingPage__video__element\" autoplay=\"\" loop=\"\" muted=\"\" playsinline=\"\">\n <source src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/beb202b322b64d68b6d5e4b4290b2066.mp4\" type=\"video\/mp4\">\n Your browser does not support the video tag.\n <\/video>\n <\/div>\n <\/div>\n <div class=\"image-with-text__text-item grid__item\">\n <div\n id=\"ImageWithText--template--22806669164820__image_with_text_De8bY4\"\n class=\"image-with-text__content image-with-text__content--top image-with-text__content--desktop-left image-with-text__content--mobile-left image-with-text__content--adapt content-container gradient color-scheme-2\"\n >\n <h2 class=\"image-with-text__heading inline-richtext h1\">\n <strong>Selbst konfigurieren<\/strong>\n <\/h2>\n <div class=\"image-with-text__text rte body\">\n <p>Gestalte deinen eigenen Text, ganz nach deinen Vorstellungen<\/p>\n <\/div>\n <a\n href=\"\/products\/selling-plans-ski-wax\"\n class=\"button button--primary\"\n >\n Jetzt konfigurieren\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>",
"color_scheme": "",
"padding_top": 40,
"padding_bottom": 52
}
},
"image_with_text_De8bY4": {
"type": "image-with-text",
"rich_text_eYeDrR": {
"type": "rich-text",
"blocks": {
"heading_nEYLyX": {
"heading_MwQCTg": {
"type": "heading",
"settings": {
"heading": "<strong>Selbst gestalten<\/strong>",
"heading": "Standard Page",
"heading_size": "h1"
}
},
"text_aQ3jEc": {
"type": "text",
"settings": {
"text": "<p>Konfiguriere dein persönliches Namensschild für dich oder deine nächste Veranstaltung und sieh es dir in der Live-Vorschau an, bevor du bestellst. So erhältst du genau das, was du dir vorstellst!<\/p>",
"text_style": "body"
}
},
"button_9U9MP7": {
"type": "button",
"settings": {
"button_label": "Jetzt konfigurieren",
"button_link": "shopify:\/\/products\/personalisiertes-namensschild",
"button_style_secondary": false
}
}
},
"block_order": [
"heading_nEYLyX",
"text_aQ3jEc",
"button_9U9MP7"
],
"custom_css": [
".button {width: 100%;}"
"heading_MwQCTg"
],
"settings": {
"image": "shopify:\/\/shop_images\/landingpage-texte-preview.webp",
"height": "medium",
"desktop_image_width": "medium",
"layout": "text_first",
"desktop_content_position": "top",
"desktop_content_alignment": "left",
"content_layout": "no-overlap",
"section_color_scheme": "",
"color_scheme": "scheme-2",
"image_behavior": "none",
"mobile_content_alignment": "left",
"padding_top": 36,
"padding_bottom": 36
}
},
"custom_liquid_AxpyqM": {
"type": "custom-liquid",
"settings": {
"custom_liquid": "{% render \"shx-newsletter\" %}",
"desktop_content_position": "center",
"content_alignment": "center",
"color_scheme": "",
"full_width": true,
"padding_top": 40,
"padding_bottom": 52
}
@ -121,11 +46,6 @@
},
"order": [
"main",
"custom_liquid_ni6GcW",
"custom_liquid_RFM8mJ",
"custom_liquid_pL6Gqt",
"custom_liquid_wDE9bc",
"image_with_text_De8bY4",
"custom_liquid_AxpyqM"
"rich_text_eYeDrR"
]
}

107
templates/page.texte.json
View File

@ -11,6 +11,7 @@
"sections": {
"main": {
"type": "main-page",
"disabled": true,
"custom_css": [
],
@ -18,9 +19,113 @@
"padding_top": 28,
"padding_bottom": 100
}
},
"custom_liquid_ni6GcW": {
"type": "custom-liquid",
"disabled": true,
"settings": {
"custom_liquid": "<img src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0882\/4373\/2756\/files\/IMG_2814mob.jpg?v=1719134500\" style=\"height: 350px; width: 100%; object-fit: cover\">",
"color_scheme": "",
"padding_top": 0,
"padding_bottom": 0
}
},
"custom_liquid_RFM8mJ": {
"type": "custom-liquid",
"disabled": true,
"settings": {
"custom_liquid": "{% render \"shx-landingpage-banner\", mobile_image: \"IMG_2820fin.jpg\" %}",
"color_scheme": "",
"padding_top": 40,
"padding_bottom": 52
}
},
"custom_liquid_pL6Gqt": {
"type": "custom-liquid",
"settings": {
"custom_liquid": "{% render \"shx-landingpage-banner\", desktop_image: \"landingpage-texte-desktop.webp\", mobile_image: \"landingpage-texte-mobile2.webp\", mobile_image_height: \"300px\" %}",
"color_scheme": "",
"padding_top": 0,
"padding_bottom": 52
}
},
"custom_liquid_wDE9bc": {
"type": "custom-liquid",
"disabled": true,
"settings": {
"custom_liquid": "<div class=\"page-width\">\n <div\n class=\"image-with-text image-with-text--no-overlap isolate collapse-corners scroll-trigger animate--slide-in\"\n >\n <div\n class=\"image-with-text__grid grid grid--gapless grid--1-col grid--2-col-tablet image-with-text__grid--reverse\"\n >\n <div\n class=\"image-with-text__media-item image-with-text__media-item--medium image-with-text__media-item--top grid__item\"\n >\n <div\n class=\"image-with-text__media image-with-text__media--adapt global-media-settings gradient color-scheme-2 image-with-text__media--placeholder placeholder\"\n >\n \n <video class=\"shx-landingPage__video__element\" autoplay=\"\" loop=\"\" muted=\"\" playsinline=\"\">\n <source src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/beb202b322b64d68b6d5e4b4290b2066.mp4\" type=\"video\/mp4\">\n Your browser does not support the video tag.\n <\/video>\n <\/div>\n <\/div>\n <div class=\"image-with-text__text-item grid__item\">\n <div\n id=\"ImageWithText--template--22806669164820__image_with_text_De8bY4\"\n class=\"image-with-text__content image-with-text__content--top image-with-text__content--desktop-left image-with-text__content--mobile-left image-with-text__content--adapt content-container gradient color-scheme-2\"\n >\n <h2 class=\"image-with-text__heading inline-richtext h1\">\n <strong>Selbst konfigurieren<\/strong>\n <\/h2>\n <div class=\"image-with-text__text rte body\">\n <p>Gestalte deinen eigenen Text, ganz nach deinen Vorstellungen<\/p>\n <\/div>\n <a\n href=\"\/products\/selling-plans-ski-wax\"\n class=\"button button--primary\"\n >\n Jetzt konfigurieren\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>",
"color_scheme": "",
"padding_top": 40,
"padding_bottom": 52
}
},
"image_with_text_De8bY4": {
"type": "image-with-text",
"blocks": {
"heading_nEYLyX": {
"type": "heading",
"settings": {
"heading": "<strong>Selbst gestalten<\/strong>",
"heading_size": "h1"
}
},
"text_aQ3jEc": {
"type": "text",
"settings": {
"text": "<p>Konfiguriere dein persönliches Namensschild für dich oder deine nächste Veranstaltung und sieh es dir in der Live-Vorschau an, bevor du bestellst. So erhältst du genau das, was du dir vorstellst!<\/p>",
"text_style": "body"
}
},
"button_9U9MP7": {
"type": "button",
"settings": {
"button_label": "Jetzt konfigurieren",
"button_link": "shopify:\/\/products\/personalisiertes-namensschild",
"button_style_secondary": false
}
}
},
"block_order": [
"heading_nEYLyX",
"text_aQ3jEc",
"button_9U9MP7"
],
"custom_css": [
".button {width: 100%;}"
],
"settings": {
"image": "shopify:\/\/shop_images\/landingpage-texte-preview.webp",
"height": "medium",
"desktop_image_width": "medium",
"layout": "text_first",
"desktop_content_position": "top",
"desktop_content_alignment": "left",
"content_layout": "no-overlap",
"section_color_scheme": "",
"color_scheme": "scheme-2",
"image_behavior": "none",
"mobile_content_alignment": "left",
"padding_top": 36,
"padding_bottom": 36
}
},
"custom_liquid_AxpyqM": {
"type": "custom-liquid",
"settings": {
"custom_liquid": "{% render \"shx-newsletter\" %}",
"color_scheme": "",
"padding_top": 40,
"padding_bottom": 52
}
}
},
"order": [
"main"
"main",
"custom_liquid_ni6GcW",
"custom_liquid_RFM8mJ",
"custom_liquid_pL6Gqt",
"custom_liquid_wDE9bc",
"image_with_text_De8bY4",
"custom_liquid_AxpyqM"
]
}

84
templates/product.3d-render.json
View File

@ -153,6 +153,88 @@
"padding_bottom": 12
}
},
"image_with_text_4rzrFy": {
"type": "image-with-text",
"blocks": {
"heading_yUrNz8": {
"type": "heading",
"settings": {
"heading": "<strong>Personalisierte Dekoration<\/strong>",
"heading_size": "h1"
}
},
"text_aFHXXa": {
"type": "text",
"settings": {
"text": "<p>Verleih deinem Raum eine persönliche Note mit einem personalisierten Namensschild<\/p>",
"text_style": "body"
}
}
},
"block_order": [
"heading_yUrNz8",
"text_aFHXXa"
],
"custom_css": [
"@media screen and (max-width: 749px) {video {transform: translate(-15%, -30%); }}"
],
"settings": {
"video": "shopify:\/\/files\/videos\/0707(1).mp4",
"height": "medium",
"desktop_image_width": "medium",
"layout": "image_first",
"desktop_content_position": "top",
"desktop_content_alignment": "left",
"content_layout": "no-overlap",
"section_color_scheme": "scheme-1",
"color_scheme": "scheme-2",
"image_behavior": "none",
"mobile_content_alignment": "left",
"padding_top": 36,
"padding_bottom": 36
}
},
"image_with_text_L9qizk": {
"type": "image-with-text",
"blocks": {
"heading_4rL4x3": {
"type": "heading",
"settings": {
"heading": "<strong>Gestalten, Überprüfen & Bestellen<\/strong>",
"heading_size": "h1"
}
},
"text_K7ifhw": {
"type": "text",
"settings": {
"text": "<p>Konfiguriere dein Namensschild nach deinen Wünschen in unserem Live-Generator und sieh dir eine Vorschau an, bevor du die Bestellung abschließt. So bekommst du genau das, was du möchtest<\/p>",
"text_style": "body"
}
}
},
"block_order": [
"heading_4rL4x3",
"text_K7ifhw"
],
"custom_css": [
"@media screen and (max-width: 749px) {video {transform: scale(0.6) translate(-40%, -30%); }}"
],
"settings": {
"video": "shopify:\/\/files\/videos\/0708(1).mp4",
"height": "medium",
"desktop_image_width": "medium",
"layout": "text_first",
"desktop_content_position": "top",
"desktop_content_alignment": "left",
"content_layout": "no-overlap",
"section_color_scheme": "scheme-1",
"color_scheme": "scheme-2",
"image_behavior": "none",
"mobile_content_alignment": "left",
"padding_top": 36,
"padding_bottom": 36
}
},
"custom_liquid_cmMX6p": {
"type": "custom-liquid",
"settings": {
@ -430,6 +512,8 @@
},
"order": [
"main",
"image_with_text_4rzrFy",
"image_with_text_L9qizk",
"custom_liquid_cmMX6p",
"image_with_text_DHD3zX",
"image_with_text_wqGwkw",