removed pagefly
alexanderroese
parent
528254af63
commit
f216f7373d
|
|
@ -342,8 +342,6 @@
|
|||
{% render 'shx-video-base'
|
||||
, content_type: 'init' %}
|
||||
|
||||
{% include 'pagefly-app-header' %}
|
||||
|
||||
<script
|
||||
src="{{ 'anime.min.js' | asset_url }}"
|
||||
defer="defer"
|
||||
|
|
|
|||
|
|
@ -1,292 +0,0 @@
|
|||
{% comment %}
|
||||
This file is auto-generated by PageFly. The content can be overridden when publish page in PageFly. Please do not update this file directly.
|
||||
If you plan to remove PageFly, please see the guide in our help center first: https://help.pagefly.io/.
|
||||
{% endcomment %}
|
||||
<!doctype html>
|
||||
<html class="no-js" lang="{{ request.locale.iso_code }}">
|
||||
<head>
|
||||
<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="">
|
||||
<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? and settings.type_body_font.system? -%}
|
||||
<link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
|
||||
{%- endunless -%}
|
||||
|
||||
<title>
|
||||
{{ page_title }}
|
||||
{%- if current_tags %} – tagged "{{ current_tags | join: ', ' }}"{% endif -%}
|
||||
{%- if current_page != 1 %} – Page {{ current_page }}{% endif -%}
|
||||
{%- unless page_title contains shop.name %} – {{ shop.name }}{% endunless -%}
|
||||
</title>
|
||||
|
||||
{% if page_description %}
|
||||
<meta name="description" content="{{ page_description | escape }}">
|
||||
{% endif %}
|
||||
|
||||
{% render 'meta-tags' %}
|
||||
|
||||
<script src="{{ 'constants.js' | asset_url }}" defer="defer"></script>
|
||||
<script src="{{ 'pubsub.js' | asset_url }}" defer="defer"></script>
|
||||
<script src="{{ 'global.js' | asset_url }}" defer="defer"></script>
|
||||
{%- if settings.animations_reveal_on_scroll -%}
|
||||
<script src="{{ 'animations.js' | asset_url }}" defer="defer"></script>
|
||||
{%- endif -%}
|
||||
|
||||
{{ 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' }}
|
||||
|
||||
{% for scheme in settings.color_schemes -%}
|
||||
{% assign scheme_classes = scheme_classes | append: ', .color-' | append: scheme.id %}
|
||||
{% if forloop.index == 1 -%}
|
||||
:root,
|
||||
{%- endif %}
|
||||
.color-{{ scheme.id }} {
|
||||
--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 %}
|
||||
|
||||
{% liquid
|
||||
assign background_color = scheme.settings.background
|
||||
assign background_color_brightness = background_color | color_brightness
|
||||
if background_color_brightness <= 26
|
||||
assign background_color_contrast = background_color | color_lighten: 50
|
||||
elsif background_color_brightness <= 65
|
||||
assign background_color_contrast = background_color | color_lighten: 5
|
||||
else
|
||||
assign background_color_contrast = background_color | color_darken: 25
|
||||
endif
|
||||
%}
|
||||
|
||||
--color-foreground: {{ scheme.settings.text.red }},{{ scheme.settings.text.green }},{{ scheme.settings.text.blue }};
|
||||
--color-background-contrast: {{ background_color_contrast.red }},{{ background_color_contrast.green }},{{ background_color_contrast.blue }};
|
||||
--color-shadow: {{ scheme.settings.shadow.red }},{{ scheme.settings.shadow.green }},{{ scheme.settings.shadow.blue }};
|
||||
--color-button: {{ scheme.settings.button.red }},{{ scheme.settings.button.green }},{{ scheme.settings.button.blue }};
|
||||
--color-button-text: {{ scheme.settings.button_label.red }},{{ scheme.settings.button_label.green }},{{ scheme.settings.button_label.blue }};
|
||||
--color-secondary-button: {{ scheme.settings.background.red }},{{ scheme.settings.background.green }},{{ scheme.settings.background.blue }};
|
||||
--color-secondary-button-text: {{ scheme.settings.secondary_button_label.red }},{{ scheme.settings.secondary_button_label.green }},{{ scheme.settings.secondary_button_label.blue }};
|
||||
--color-link: {{ scheme.settings.secondary_button_label.red }},{{ scheme.settings.secondary_button_label.green }},{{ scheme.settings.secondary_button_label.blue }};
|
||||
--color-badge-foreground: {{ scheme.settings.text.red }},{{ scheme.settings.text.green }},{{ scheme.settings.text.blue }};
|
||||
--color-badge-background: {{ scheme.settings.background.red }},{{ scheme.settings.background.green }},{{ scheme.settings.background.blue }};
|
||||
--color-badge-border: {{ scheme.settings.text.red }},{{ scheme.settings.text.green }},{{ scheme.settings.text.blue }};
|
||||
--payment-terms-background-color: rgb({{ scheme.settings.background.rgb }});
|
||||
}
|
||||
{% endfor %}
|
||||
|
||||
{{ scheme_classes | prepend: 'body' }} {
|
||||
color: rgba(var(--color-foreground), 0.75);
|
||||
background-color: rgb(var(--color-background));
|
||||
}
|
||||
|
||||
: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-body-weight-bold: {{ settings.type_body_font.weight | plus: 300 | at_most: 1000 }};
|
||||
|
||||
--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 }};
|
||||
|
||||
--media-padding: {{ settings.media_padding }}px;
|
||||
--media-border-opacity: {{ settings.media_border_opacity | divided_by: 100.0 }};
|
||||
--media-border-width: {{ settings.media_border_thickness }}px;
|
||||
--media-radius: {{ settings.media_radius }}px;
|
||||
--media-shadow-opacity: {{ settings.media_shadow_opacity | divided_by: 100.0 }};
|
||||
--media-shadow-horizontal-offset: {{ settings.media_shadow_horizontal_offset }}px;
|
||||
--media-shadow-vertical-offset: {{ settings.media_shadow_vertical_offset }}px;
|
||||
--media-shadow-blur-radius: {{ settings.media_shadow_blur }}px;
|
||||
--media-shadow-visible: {% if settings.media_shadow_opacity > 0 %}1{% else %}0{% endif %};
|
||||
|
||||
--page-width: {{ settings.page_width | divided_by: 10 }}rem;
|
||||
--page-width-margin: {% if settings.page_width == '1600' %}2{% else %}0{% endif %}rem;
|
||||
|
||||
--product-card-image-padding: {{ settings.card_image_padding | divided_by: 10.0 }}rem;
|
||||
--product-card-corner-radius: {{ settings.card_corner_radius | divided_by: 10.0 }}rem;
|
||||
--product-card-text-alignment: {{ settings.card_text_alignment }};
|
||||
--product-card-border-width: {{ settings.card_border_thickness | divided_by: 10.0 }}rem;
|
||||
--product-card-border-opacity: {{ settings.card_border_opacity | divided_by: 100.0 }};
|
||||
--product-card-shadow-opacity: {{ settings.card_shadow_opacity | divided_by: 100.0 }};
|
||||
--product-card-shadow-visible: {% if settings.card_shadow_opacity > 0 %}1{% else %}0{% endif %};
|
||||
--product-card-shadow-horizontal-offset: {{ settings.card_shadow_horizontal_offset | divided_by: 10.0 }}rem;
|
||||
--product-card-shadow-vertical-offset: {{ settings.card_shadow_vertical_offset | divided_by: 10.0 }}rem;
|
||||
--product-card-shadow-blur-radius: {{ settings.card_shadow_blur | divided_by: 10.0 }}rem;
|
||||
|
||||
--collection-card-image-padding: {{ settings.collection_card_image_padding | divided_by: 10.0 }}rem;
|
||||
--collection-card-corner-radius: {{ settings.collection_card_corner_radius | divided_by: 10.0 }}rem;
|
||||
--collection-card-text-alignment: {{ settings.collection_card_text_alignment }};
|
||||
--collection-card-border-width: {{ settings.collection_card_border_thickness | divided_by: 10.0 }}rem;
|
||||
--collection-card-border-opacity: {{ settings.collection_card_border_opacity | divided_by: 100.0 }};
|
||||
--collection-card-shadow-opacity: {{ settings.collection_card_shadow_opacity | divided_by: 100.0 }};
|
||||
--collection-card-shadow-visible: {% if settings.collection_card_shadow_opacity > 0 %}1{% else %}0{% endif %};
|
||||
--collection-card-shadow-horizontal-offset: {{ settings.collection_card_shadow_horizontal_offset | divided_by: 10.0 }}rem;
|
||||
--collection-card-shadow-vertical-offset: {{ settings.collection_card_shadow_vertical_offset | divided_by: 10.0 }}rem;
|
||||
--collection-card-shadow-blur-radius: {{ settings.collection_card_shadow_blur | divided_by: 10.0 }}rem;
|
||||
|
||||
--blog-card-image-padding: {{ settings.blog_card_image_padding | divided_by: 10.0 }}rem;
|
||||
--blog-card-corner-radius: {{ settings.blog_card_corner_radius | divided_by: 10.0 }}rem;
|
||||
--blog-card-text-alignment: {{ settings.blog_card_text_alignment }};
|
||||
--blog-card-border-width: {{ settings.blog_card_border_thickness | divided_by: 10.0 }}rem;
|
||||
--blog-card-border-opacity: {{ settings.blog_card_border_opacity | divided_by: 100.0 }};
|
||||
--blog-card-shadow-opacity: {{ settings.blog_card_shadow_opacity | divided_by: 100.0 }};
|
||||
--blog-card-shadow-visible: {% if settings.blog_card_shadow_opacity > 0 %}1{% else %}0{% endif %};
|
||||
--blog-card-shadow-horizontal-offset: {{ settings.blog_card_shadow_horizontal_offset | divided_by: 10.0 }}rem;
|
||||
--blog-card-shadow-vertical-offset: {{ settings.blog_card_shadow_vertical_offset | divided_by: 10.0 }}rem;
|
||||
--blog-card-shadow-blur-radius: {{ settings.blog_card_shadow_blur | divided_by: 10.0 }}rem;
|
||||
|
||||
--badge-corner-radius: {{ settings.badge_corner_radius | divided_by: 10.0 }}rem;
|
||||
|
||||
--popup-border-width: {{ settings.popup_border_thickness }}px;
|
||||
--popup-border-opacity: {{ settings.popup_border_opacity | divided_by: 100.0 }};
|
||||
--popup-corner-radius: {{ settings.popup_corner_radius }}px;
|
||||
--popup-shadow-opacity: {{ settings.popup_shadow_opacity | divided_by: 100.0 }};
|
||||
--popup-shadow-horizontal-offset: {{ settings.popup_shadow_horizontal_offset }}px;
|
||||
--popup-shadow-vertical-offset: {{ settings.popup_shadow_vertical_offset }}px;
|
||||
--popup-shadow-blur-radius: {{ settings.popup_shadow_blur }}px;
|
||||
|
||||
--drawer-border-width: {{ settings.drawer_border_thickness }}px;
|
||||
--drawer-border-opacity: {{ settings.drawer_border_opacity | divided_by: 100.0 }};
|
||||
--drawer-shadow-opacity: {{ settings.drawer_shadow_opacity | divided_by: 100.0 }};
|
||||
--drawer-shadow-horizontal-offset: {{ settings.drawer_shadow_horizontal_offset }}px;
|
||||
--drawer-shadow-vertical-offset: {{ settings.drawer_shadow_vertical_offset }}px;
|
||||
--drawer-shadow-blur-radius: {{ settings.drawer_shadow_blur }}px;
|
||||
|
||||
--spacing-sections-desktop: {{ settings.spacing_sections }}px;
|
||||
--spacing-sections-mobile: {% if settings.spacing_sections < 24 %}{{ settings.spacing_sections }}{% else %}{{ settings.spacing_sections | times: 0.7 | round | at_least: 20 }}{% endif %}px;
|
||||
|
||||
--grid-desktop-vertical-spacing: {{ settings.spacing_grid_vertical }}px;
|
||||
--grid-desktop-horizontal-spacing: {{ settings.spacing_grid_horizontal }}px;
|
||||
--grid-mobile-vertical-spacing: {{ settings.spacing_grid_vertical | divided_by: 2 }}px;
|
||||
--grid-mobile-horizontal-spacing: {{ settings.spacing_grid_horizontal | divided_by: 2 }}px;
|
||||
|
||||
--text-boxes-border-opacity: {{ settings.text_boxes_border_opacity | divided_by: 100.0 }};
|
||||
--text-boxes-border-width: {{ settings.text_boxes_border_thickness }}px;
|
||||
--text-boxes-radius: {{ settings.text_boxes_radius }}px;
|
||||
--text-boxes-shadow-opacity: {{ settings.text_boxes_shadow_opacity | divided_by: 100.0 }};
|
||||
--text-boxes-shadow-visible: {% if settings.text_boxes_shadow_opacity > 0 %}1{% else %}0{% endif %};
|
||||
--text-boxes-shadow-horizontal-offset: {{ settings.text_boxes_shadow_horizontal_offset }}px;
|
||||
--text-boxes-shadow-vertical-offset: {{ settings.text_boxes_shadow_vertical_offset }}px;
|
||||
--text-boxes-shadow-blur-radius: {{ settings.text_boxes_shadow_blur }}px;
|
||||
|
||||
--buttons-radius: {{ settings.buttons_radius }}px;
|
||||
--buttons-radius-outset: {% if settings.buttons_radius > 0 %}{{ settings.buttons_radius | plus: settings.buttons_border_thickness }}{% else %}0{% endif %}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-visible: {% if settings.buttons_shadow_opacity > 0 %}1{% else %}0{% endif %};
|
||||
--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-margin-offset: {% if settings.inputs_shadow_vertical_offset != 0 and settings.inputs_shadow_opacity > 0 %}{{ settings.inputs_shadow_vertical_offset | abs }}{% else %}0{% endif %}px;
|
||||
--inputs-shadow-vertical-offset: {{ settings.inputs_shadow_vertical_offset }}px;
|
||||
--inputs-shadow-blur-radius: {{ settings.inputs_shadow_blur }}px;
|
||||
--inputs-radius-outset: {% if settings.inputs_radius > 0 %}{{ settings.inputs_radius | plus: settings.inputs_border_thickness }}{% else %}0{% endif %}px;
|
||||
|
||||
--variant-pills-radius: {{ settings.variant_pills_radius }}px;
|
||||
--variant-pills-border-width: {{ settings.variant_pills_border_thickness }}px;
|
||||
--variant-pills-border-opacity: {{ settings.variant_pills_border_opacity | divided_by: 100.0 }};
|
||||
--variant-pills-shadow-opacity: {{ settings.variant_pills_shadow_opacity | divided_by: 100.0 }};
|
||||
--variant-pills-shadow-horizontal-offset: {{ settings.variant_pills_shadow_horizontal_offset }}px;
|
||||
--variant-pills-shadow-vertical-offset: {{ settings.variant_pills_shadow_vertical_offset }}px;
|
||||
--variant-pills-shadow-blur-radius: {{ settings.variant_pills_shadow_blur }}px;
|
||||
}
|
||||
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
html {
|
||||
box-sizing: border-box;
|
||||
font-size: calc(var(--font-body-scale) * 62.5%);
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
display: grid;
|
||||
grid-template-rows: auto auto 1fr auto;
|
||||
grid-template-columns: 100%;
|
||||
min-height: 100%;
|
||||
margin: 0;
|
||||
font-size: 1.5rem;
|
||||
letter-spacing: 0.06rem;
|
||||
line-height: calc(1 + 0.8 / var(--font-body-scale));
|
||||
font-family: var(--font-body-family);
|
||||
font-style: var(--font-body-style);
|
||||
font-weight: var(--font-body-weight);
|
||||
}
|
||||
|
||||
@media screen and (min-width: 750px) {
|
||||
body {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
}
|
||||
{% endstyle %}
|
||||
|
||||
{{ 'base.css' | asset_url | stylesheet_tag }}
|
||||
|
||||
{%- unless settings.type_body_font.system? -%}
|
||||
<link rel="preload" as="font" href="{{ settings.type_body_font | font_url }}" type="font/woff2" crossorigin>
|
||||
{%- endunless -%}
|
||||
{%- unless settings.type_header_font.system? -%}
|
||||
<link rel="preload" as="font" href="{{ settings.type_header_font | font_url }}" type="font/woff2" crossorigin>
|
||||
{%- endunless -%}
|
||||
|
||||
{%- if localization.available_countries.size > 1 or localization.available_languages.size > 1 -%}
|
||||
{{ 'component-localization-form.css' | asset_url | stylesheet_tag: preload: true }}
|
||||
<script src="{{ 'localization-form.js' | asset_url }}" defer="defer"></script>
|
||||
{%- endif -%}
|
||||
|
||||
{%- if settings.predictive_search_enabled -%}
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="{{ 'component-predictive-search.css' | asset_url }}"
|
||||
media="print"
|
||||
onload="this.media='all'"
|
||||
>
|
||||
{%- endif -%}
|
||||
|
||||
<script>
|
||||
document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
|
||||
if (Shopify.designMode) {
|
||||
document.documentElement.classList.add('shopify-design-mode');
|
||||
}
|
||||
</script>
|
||||
{% include 'pagefly-app-header' %}</head>
|
||||
|
||||
<body class="gradient{% if settings.animations_hover_elements != 'none' %} animate--hover-{{ settings.animations_hover_elements }}{% endif %}"><div class="pagefly-container">
|
||||
{{ content_for_layout }}
|
||||
</div></body>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,54 +0,0 @@
|
|||
|
||||
{% if section.settings.section_id.size > 0 %}
|
||||
<!-- PageFlyGlobalSection -->
|
||||
{% render 'pagefly-main-js' %}
|
||||
{% render 'pagefly-main-css' %}
|
||||
{% include section.settings.section_id %}
|
||||
{% else %}
|
||||
|
||||
{% if request.design_mode %}
|
||||
<style>.pf-ph{font-size:14px!important;background:#fafafa;padding:20px;text-align:center;border:1px solid #f0f0f0;border-radius:4px;margin:15px}.pf-ph span{display:block;background:#e6f7ff;padding:8px 15px;border:1px solid #91d5ff}</style>
|
||||
<div class="pf-ph">
|
||||
<h3>PageFly Section</h3>
|
||||
<span>No section selected. Please select your section from the list</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% endif %}
|
||||
|
||||
{% schema %}
|
||||
{
|
||||
"name": "PageFly Section",
|
||||
"settings": [
|
||||
{
|
||||
"id": "section_id",
|
||||
"type": "select",
|
||||
"label": "Sections",
|
||||
"options": [
|
||||
{
|
||||
"label": "Select section",
|
||||
"value": ""
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "paragraph",
|
||||
"content": "Find and edit your section on the [section listing](https://247f81-22.myshopify.com/admin/apps/pagefly/sections)"
|
||||
},
|
||||
{
|
||||
"type": "paragraph",
|
||||
"content": "To add block to a section, please use the App Block element on PageFly section editor."
|
||||
}
|
||||
],
|
||||
"blocks": [
|
||||
{
|
||||
"type": "@app"
|
||||
}
|
||||
],
|
||||
"presets": [
|
||||
{
|
||||
"name": "PageFly Section"
|
||||
}
|
||||
]
|
||||
}
|
||||
{% endschema %}
|
||||
|
|
@ -1,63 +0,0 @@
|
|||
{% if page and page.metafields.pagefly.html_meta %}
|
||||
{{page.metafields.pagefly.html_meta}}
|
||||
{% endif %}
|
||||
{%- liquid
|
||||
assign isValidPageBuitByPageFly = true
|
||||
if template.suffix != 'blank' and template.suffix contains 'pf-'
|
||||
assign css_file_name = template.suffix | append: '-css'
|
||||
elsif template.name == 'index' and content_for_layout contains '__pagefly-home' or content_for_layout contains 'shopify-section-pagefly-home'
|
||||
assign css_file_name = 'pf-home-css'
|
||||
elsif template.name == 'password' and content_for_layout contains '__pagefly-password' or content_for_layout contains 'shopify-section-pagefly-password'
|
||||
assign css_file_name = 'pf-password-css'
|
||||
elsif template.name == 'product' and content_for_layout contains '__pagefly-product-section'
|
||||
assign css_file_name = 'pf-product-css'
|
||||
elsif template.name == 'collection' and content_for_layout contains '__pagefly-collection-section'
|
||||
assign css_file_name = 'pf-collection-css'
|
||||
else
|
||||
assign isValidPageBuitByPageFly = false
|
||||
endif
|
||||
|
||||
if isValidPageBuitByPageFly == true
|
||||
assign refined_google_font_url = ''
|
||||
assign refined_google_font_url_html = ''
|
||||
capture css_content
|
||||
include css_file_name
|
||||
endcapture
|
||||
capture pagefly_header
|
||||
render 'pagefly-main-css'
|
||||
unless css_content contains 'Liquid error'
|
||||
echo css_content
|
||||
endunless
|
||||
endcapture
|
||||
if pagefly_header contains 'data-pf-font="google"'
|
||||
assign header_split = pagefly_header | split: '<link rel="stylesheet" data-pf-font="google" href="'
|
||||
for header_item in header_split
|
||||
if header_item contains "https://fonts.googleapis.com/css2?"
|
||||
assign header_item_split = header_item | split: '&display=swap" media="all">'
|
||||
assign original_google_font = header_item_split[0] | append: '&display=swap" media="all">' | prepend: '<link rel="stylesheet" data-pf-font="google" href="'
|
||||
|
||||
assign pagefly_header = pagefly_header | replace: original_google_font , ''
|
||||
assign google_font_url = header_item_split[0] | split: 'https://fonts.googleapis.com/css2?'
|
||||
assign refined_google_font_url = google_font_url[1] | prepend: '&' | append: refined_google_font_url
|
||||
endif
|
||||
endfor
|
||||
if refined_google_font_url != ''
|
||||
assign refined_google_font_url = refined_google_font_url | replace_first: '&', '' | prepend: 'https://fonts.googleapis.com/css2?'
|
||||
capture refined_google_font_url_html
|
||||
echo '<!-- PageFly begins loading Google fonts -->'
|
||||
echo '<link rel="preconnect" href="https://fonts.googleapis.com">'
|
||||
echo '<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>'
|
||||
echo refined_google_font_url | prepend: '<link rel="preload" as="style" fetchpriority="low" href="' | append: '&display=block">'
|
||||
echo refined_google_font_url | prepend: '<link rel="stylesheet" href="' | append: '&display=block" media="(min-width: 640px)">'
|
||||
echo refined_google_font_url | prepend: '<link rel="stylesheet" href="' | append: '&display=block" media="print" onload="this.onload=null;this.media=__PF_GOOGLE_FONT_MEDIA_ALL__">' | replace: '__PF_GOOGLE_FONT_MEDIA_ALL__', "'all'"
|
||||
echo '<!-- PageFly ends loading Google fonts -->'
|
||||
endcapture
|
||||
endif
|
||||
endif
|
||||
echo '<!-- PageFly Header Render begins -->'
|
||||
render 'pagefly-main-js'
|
||||
echo refined_google_font_url_html
|
||||
echo pagefly_header
|
||||
echo '<!-- PageFly Header Render ends -->'
|
||||
endif
|
||||
-%}
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
<style>.__pf img,.__pf video{max-width:100%;border:0;vertical-align:middle}.__pf [tabIndex],.__pf button,.__pf input,.__pf select,.__pf textarea{touch-action:manipulation}.__pf :focus-visible{outline:0!important;box-shadow:none!important}.__pf :not(input):not(select):not(textarea):focus-visible{border:none!important}.__pf *,.__pf :after,.__pf :before{box-sizing:border-box}.__pf [disabled],.__pf [readonly]{cursor:default}.__pf [data-href],.__pf button:not([data-pf-id]):hover{cursor:pointer}.__pf [disabled]{pointer-events:none}.__pf [hidden]{display:none!important}.__pf [data-link=inherit]{color:inherit;text-decoration:none}.__pf [data-pf-placeholder]{outline:0;height:auto;display:none;pointer-events:none!important}.__pf .pf-ifr,.__pf [style*="--ratio"] img{position:absolute;height:100%;left:0;top:0;width:100%}.__pf .pf-r,.__pf .pf-r-eh>.pf-c{display:flex}.__pf [style*="--cw"]{padding:0 15px;width:100%;margin:auto;max-width:var(--cw)}.__pf .pf-ifr{border:0}.__pf .pf-bg-lazy{background-image:none!important}.__pf .pf-r{flex-wrap:wrap}.__pf .pf-r-dg{display:grid}.__pf [style*="--c-xs"]{max-width:calc(100%/12*var(--c-xs));flex-basis:calc(100%/12*var(--c-xs))}.__pf [style*="--s-xs"]{margin:0 calc(-1 * var(--s-xs))}.__pf [style*="--s-xs"]>.pf-c{padding:var(--s-xs)}.__pf .pf-r-ew>.pf-c{flex-grow:1;flex-basis:0}.__pf [style*="--ew-xs"]>.pf-c{flex-basis:calc(100% / var(--ew-xs));max-width:calc(100% / var(--ew-xs))}.__pf [style*="--ratio"]{position:relative;padding-bottom:var(--ratio)}.__pf .oh{overflow:hidden}.main-content{padding:0}.footer-section,.site-footer,.site-footer-wrapper,main .accent-background+.shopify-section{margin:0}@media (max-width:767.4999px){.__pf .pf-hide{display:none!important}}@media (max-width:1024.4999px) and (min-width:767.5px){.__pf .pf-sm-hide{display:none!important}}@media (max-width:1199.4999px) and (min-width:1024.5px){.__pf .pf-md-hide{display:none!important}}@media (min-width:767.5px){.__pf [style*="--s-sm"]{margin:0 calc(-1 * var(--s-sm))}.__pf [style*="--c-sm"]{max-width:calc(100%/12*var(--c-sm));flex-basis:calc(100%/12*var(--c-sm))}.__pf [style*="--s-sm"]>.pf-c{padding:var(--s-sm)}.__pf [style*="--ew-sm"]>.pf-c{flex-basis:calc(100% / var(--ew-sm));max-width:calc(100% / var(--ew-sm))}}@media (min-width:1024.5px){.__pf [style*="--s-md"]{margin:0 calc(-1 * var(--s-md))}.__pf [style*="--c-md"]{max-width:calc(100%/12*var(--c-md));flex-basis:calc(100%/12*var(--c-md))}.__pf [style*="--s-md"]>.pf-c{padding:var(--s-md)}.__pf [style*="--ew-md"]>.pf-c{flex-basis:calc(100% / var(--ew-md));max-width:calc(100% / var(--ew-md))}}@media (min-width:1199.5px){.__pf [style*="--s-lg"]{margin:0 calc(-1 * var(--s-lg))}.__pf [style*="--c-lg"]{max-width:calc(100%/12*var(--c-lg));flex-basis:calc(100%/12*var(--c-lg))}.__pf [style*="--s-lg"]>.pf-c{padding:var(--s-lg)}.__pf [style*="--ew-lg"]>.pf-c{flex-basis:calc(100% / var(--ew-lg));max-width:calc(100% / var(--ew-lg))}.__pf .pf-lg-hide{display:none!important}}.__pf .pf-r-eh>.pf-c>div{width:100%}.__pf .pf-c-lt{justify-content:flex-start;align-items:flex-start}.__pf .pf-c-ct{justify-content:center;align-items:flex-start}.__pf .pf-c-rt{justify-content:flex-end;align-items:flex-start}.__pf .pf-c-lm{justify-content:flex-start;align-items:center}.__pf .pf-c-cm{justify-content:center;align-items:center}.__pf .pf-c-rm{justify-content:flex-end;align-items:center}.__pf .pf-c-lb{justify-content:flex-start;align-items:flex-end}.__pf .pf-c-cb{justify-content:center;align-items:flex-end}.__pf .pf-c-rb{justify-content:flex-end;align-items:flex-end}</style>
|
||||
<style></style>
|
||||
<style>.pf-color-scheme-1,.pf-color-scheme-2{--pf-scheme-shadow-color:rgb(0, 0, 0, 0.25)}.pf-color-scheme-1{--pf-scheme-bg-color: ;--pf-scheme-text-color: ;--pf-scheme-btn-bg-color: ;--pf-scheme-btn-text-color: ;--pf-scheme-border-color: ;background-color:var(--pf-scheme-bg-color);border-color:var(--pf-scheme-border-color);box-shadow:var(--pf-scheme-shadow-color);color:var(--pf-scheme-text-color)}.pf-color-scheme-2,.pf-color-scheme-3{--pf-scheme-btn-text-color:rgb(255, 255, 255);background-color:var(--pf-scheme-bg-color);border-color:var(--pf-scheme-border-color);box-shadow:var(--pf-scheme-shadow-color);color:var(--pf-scheme-text-color)}.pf-color-scheme-2{--pf-scheme-bg-color:rgba(255, 255, 255, 0);--pf-scheme-text-color:rgb(0, 0, 0);--pf-scheme-btn-bg-color:rgb(145, 157, 169);--pf-scheme-border-color:rgba(0, 0, 0)}.pf-color-scheme-3,.pf-color-scheme-4{--pf-scheme-text-color:rgb(18, 18, 18);--pf-scheme-btn-bg-color:rgb(18, 18, 18);--pf-scheme-border-color:rgb(18, 18, 18)}.pf-color-scheme-3{--pf-scheme-bg-color:rgb(255, 255, 255);--pf-scheme-shadow-color:rgb(18, 18, 18)}.pf-color-scheme-4{--pf-scheme-bg-color:rgb(243, 243, 243);--pf-scheme-btn-text-color:rgb(243, 243, 243);--pf-scheme-shadow-color:rgb(18, 18, 18);background-color:var(--pf-scheme-bg-color);border-color:var(--pf-scheme-border-color);box-shadow:var(--pf-scheme-shadow-color);color:var(--pf-scheme-text-color)}.pf-color-scheme-5,.pf-color-scheme-6,.pf-color-scheme-7{--pf-scheme-text-color:rgb(255, 255, 255);--pf-scheme-btn-bg-color:rgb(255, 255, 255);--pf-scheme-border-color:rgb(255, 255, 255);--pf-scheme-shadow-color:rgb(18, 18, 18);background-color:var(--pf-scheme-bg-color);border-color:var(--pf-scheme-border-color);box-shadow:var(--pf-scheme-shadow-color);color:var(--pf-scheme-text-color)}.pf-color-scheme-5{--pf-scheme-bg-color:rgb(36, 40, 51);--pf-scheme-btn-text-color:rgb(0, 0, 0)}.pf-color-scheme-6{--pf-scheme-bg-color:rgb(18, 18, 18);--pf-scheme-btn-text-color:rgb(18, 18, 18)}.pf-color-scheme-7{--pf-scheme-bg-color:rgb(51, 79, 180);--pf-scheme-btn-text-color:rgb(51, 79, 180)}.pf-typography-1{font-family: }@media all{.__pf .pf-button-2,.__pf .pf-button-3,.__pf .pf-button-4,.__pf .pf-button-5,.__pf .pf-button-6,.__pf .pf-button-7,.__pf .pf-button-8{background-color:#919da9;color:#fff;padding:12px 20px}.__pf .pf-heading-1-h1,.__pf .pf-heading-1-h2,.__pf .pf-heading-1-h3,.__pf .pf-heading-1-h4,.__pf .pf-heading-1-h5,.__pf .pf-heading-1-h6,.__pf .pf-heading-2-h1,.__pf .pf-heading-2-h2,.__pf .pf-heading-2-h3,.__pf .pf-heading-2-h4,.__pf .pf-heading-2-h5,.__pf .pf-heading-2-h6,.__pf .pf-heading-3-h1,.__pf .pf-heading-3-h2,.__pf .pf-heading-3-h3,.__pf .pf-heading-3-h4,.__pf .pf-heading-3-h5,.__pf .pf-heading-3-h6,.__pf .pf-heading-4-h1,.__pf .pf-heading-4-h2,.__pf .pf-heading-4-h3,.__pf .pf-heading-4-h4,.__pf .pf-heading-4-h5,.__pf .pf-heading-4-h6,.__pf .pf-heading-5-h1,.__pf .pf-heading-5-h2,.__pf .pf-heading-5-h3,.__pf .pf-heading-5-h4,.__pf .pf-heading-5-h5,.__pf .pf-heading-5-h6,.__pf .pf-heading-6-h1,.__pf .pf-heading-6-h2,.__pf .pf-heading-6-h3,.__pf .pf-heading-6-h4,.__pf .pf-heading-6-h5,.__pf .pf-heading-6-h6,.__pf .pf-heading-7-h1,.__pf .pf-heading-7-h2,.__pf .pf-heading-7-h3,.__pf .pf-heading-7-h4,.__pf .pf-heading-7-h5,.__pf .pf-heading-7-h6,.__pf .pf-icon-1,.__pf .pf-icon-2,.__pf .pf-icon-3,.__pf .pf-icon-4,.__pf .pf-icon-5,.__pf .pf-icon-6,.__pf .pf-icon-7,.__pf .pf-text-1,.__pf .pf-text-2,.__pf .pf-text-3,.__pf .pf-text-4,.__pf .pf-text-5,.__pf .pf-text-6,.__pf .pf-text-7{background-color:var(--pf-scheme-bg-color);color:var(--pf-scheme-text-color)}.__pf .pf-divider-1,.__pf .pf-divider-2,.__pf .pf-divider-3,.__pf .pf-divider-4{color:var(--pf-scheme-text-color)}}</style>
|
||||
|
|
@ -1,112 +0,0 @@
|
|||
|
||||
{% if shop.metafields.pagefly.acceptTracking and shop.metafields.pagefly.measurementId %}
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id={{ shop.metafields.pagefly.measurementId }}"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
gtag('config', '{{ shop.metafields.pagefly.measurementId }}', { groups: 'pagefly' });
|
||||
window.pfPageInfo = Object.assign(window.pfPageInfo || {})
|
||||
|
||||
window.addEventListener("load", () => {
|
||||
|
||||
let pageId = window.__pagefly_setting__?.pageId
|
||||
let pageTitle = window.__pagefly_setting__?.pageTitle
|
||||
let pageType = window.__pagefly_setting__?.pageType
|
||||
|
||||
if(window.__pagefly_page_setting__) {
|
||||
pageId = window.__pagefly_page_setting__.pageId
|
||||
pageTitle = window.__pagefly_page_setting__.pageTitle
|
||||
pageType = window.__pagefly_page_setting__.pageType
|
||||
}
|
||||
|
||||
|
||||
window.pfPageInfo = Object.assign(window.pfPageInfo || {}, {
|
||||
pf_page_id: pageId,
|
||||
pf_page_name: pageTitle,
|
||||
pf_page_type: pageType,
|
||||
pf_page_subject_id: '{{ page.id }}',
|
||||
{% if template.name == 'product' %}
|
||||
|
||||
{% assign initial_image_url = product.featured_image | img_url %}
|
||||
{% assign dynamic_image_path = initial_image_url %}
|
||||
{% assign BASE_URL = "//cdn.shopify.com/s/files/" %}
|
||||
{% if initial_image_url and initial_image_url contains BASE_URL %}
|
||||
{% assign image_paths = initial_image_url | split: BASE_URL %}
|
||||
{% assign dynamic_image_path = image_paths[1] | default: "" %}
|
||||
{% endif %}
|
||||
|
||||
pf_product_name: '{{ product.title }}',
|
||||
pf_product_id: '{{ product.id }}',
|
||||
pf_product_page_image: '{{ dynamic_image_path }}',
|
||||
{% endif %}
|
||||
{% if template.name == 'collection' %}
|
||||
|
||||
{% assign initial_image_url = collection.featured_image | img_url %}
|
||||
{% assign dynamic_image_path = initial_image_url %}
|
||||
{% assign BASE_URL = "//cdn.shopify.com/s/files/" %}
|
||||
{% if initial_image_url and initial_image_url contains BASE_URL %}
|
||||
{% assign image_paths = initial_image_url | split: BASE_URL %}
|
||||
{% assign dynamic_image_path = image_paths[1] | default: "" %}
|
||||
{% endif %}
|
||||
|
||||
pf_collection_name: '{{ collection.title }}',
|
||||
pf_collection_id: '{{ collection.id }}',
|
||||
pf_collection_page_image: '{{ dynamic_image_path }}',
|
||||
{% endif %}
|
||||
});
|
||||
setTimeout(function() {
|
||||
gtag('event', 'pf_view_page', Object.assign({
|
||||
pf_view_page: 1,
|
||||
send_to: 'pagefly',
|
||||
pf_event: 'view_page'
|
||||
}, window.pfPageInfo))
|
||||
}, 500);
|
||||
|
||||
{% if template.name == 'product' %}
|
||||
setTimeout(() => {
|
||||
gtag('event', 'pf_view_product', Object.assign(
|
||||
{
|
||||
send_to: 'pagefly',
|
||||
pf_view_product: 1,
|
||||
pf_event: 'view_product',
|
||||
},
|
||||
window.pfPageInfo)
|
||||
)
|
||||
}, 500)
|
||||
{% endif %}
|
||||
|
||||
window.__pagefly_analytics_settings__={
|
||||
acceptNewTracking: true,
|
||||
enableTrackingRevenue: {{shop.metafields.pagefly.enableTrackingRevenue | default: false}},
|
||||
sessionTimeout: {{ shop.metafields.pagefly.sessionTimeout | default: 30 }},
|
||||
timezoneOffset: {{ shop.metafields.pagefly.timezoneOffset | default: 0 }}
|
||||
};
|
||||
if(typeof analyticsSrc === 'undefined'){
|
||||
let analyticsSrc = "https://cdn.pagefly.io/pagefly/core/analytics.js";
|
||||
const scriptPFAnalytic = document.createElement('script');
|
||||
scriptPFAnalytic.src = analyticsSrc;
|
||||
scriptPFAnalytic.async = true;
|
||||
scriptPFAnalytic.defer = false;
|
||||
scriptPFAnalytic.onload = () => {
|
||||
console.log("load analytics new version successfully")
|
||||
};
|
||||
scriptPFAnalytic.onerror = () => {
|
||||
console.log("load analytics new version unsuccessfully")
|
||||
};
|
||||
document.body.appendChild(scriptPFAnalytic);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
{% endif %}
|
||||
<script>
|
||||
window.addEventListener('load', () => {
|
||||
// fallback for gtag when not initialized
|
||||
if(typeof window.gtag !== 'function') {
|
||||
window.gtag = (str1, str2, obj) => {
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
|
|
@ -1 +0,0 @@
|
|||
{{ pagefly_content_for_layout }}
|
||||
Loading…
Reference in New Issue