easyorders 0.1.16 → 0.1.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,150 +1,150 @@
1
- <section
2
- class="eo-home-section newsletter-luxe"
3
- {% if section_data.enable_animation != false %}data-section-anim="{{ section_data.animation_style | default: 'fade-up' }}"{% endif %}
4
- style="
5
- background: {{ section_data.bg_color | default: '#1A1814' }};
6
- color: {{ section_data.text_color | default: '#F4EEE6' }};
7
- --nl-btn: {{ section_data.button_color | default: '#C9A962' }};
8
- --nl-btn-text: {{ section_data.button_text_color | default: '#141218' }};
9
- "
10
- >
11
- <div class="newsletter-luxe__inner">
12
- {% if section_data.headline != blank %}
13
- <h2 class="newsletter-luxe__title ab-anim-el">{{ section_data.headline }}</h2>
14
- {% endif %}
15
- {% if section_data.body != blank %}
16
- <p class="newsletter-luxe__body ab-anim-el">{{ section_data.body }}</p>
17
- {% endif %}
18
-
19
- <form
20
- class="newsletter-luxe__form ab-anim-el"
21
- novalidate
22
- onsubmit="
23
- event.preventDefault();
24
- if (!this.checkValidity()) {
25
- this.reportValidity();
26
- return;
27
- }
28
- var input = this.elements.email;
29
- var email = input && input.value ? String(input.value).trim() : '';
30
- this.dispatchEvent(
31
- new CustomEvent('footer-subscribe', {
32
- bubbles: true,
33
- detail: { email: email }
34
- })
35
- );
36
- this.reset();
37
- "
38
- >
39
- <input
40
- class="newsletter-luxe__input"
41
- type="email"
42
- name="email"
43
- autocomplete="email"
44
- inputmode="email"
45
- maxlength="254"
46
- pattern="[^@\s]+@[^@\s]+\.[^@\s]+"
47
- title="Valid email required"
48
- required
49
- aria-required="true"
50
- aria-label="{{ section_data.placeholder | default: 'Email address' }}"
51
- placeholder="{{ section_data.placeholder | default: 'Email address' }}"
52
- />
53
- <button class="newsletter-luxe__submit" type="submit">
54
- {{ section_data.button_label | default: 'Join the list' }}
55
- </button>
56
- </form>
57
-
58
- {% if section_data.show_footnote and section_data.footnote != blank %}
59
- <p class="newsletter-luxe__fine ab-anim-el">{{ section_data.footnote }}</p>
60
- {% endif %}
61
- </div>
62
- </section>
63
-
64
- <style>
65
- .newsletter-luxe {
66
- padding: clamp(2.75rem, 6vw, 4rem) 1.25rem;margin-block: 15px;
67
- }
68
- .newsletter-luxe__inner {
69
- max-width: 520px;
70
- margin: 0 auto;
71
- text-align: center;
72
- display: flex;
73
- flex-direction: column;
74
- gap: 1.25rem;
75
- }
76
- .newsletter-luxe__title {
77
- margin: 0;
78
- font-family: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
79
- font-weight: 500;
80
- font-size: clamp(1.65rem, 4vw, 2.1rem);
81
- line-height: 1.2;
82
- }
83
- .newsletter-luxe__body {
84
- margin: 0;
85
- font-size: 1rem;
86
- line-height: 1.65;
87
- opacity: 0.88;
88
- }
89
- .newsletter-luxe__form {
90
- display: flex;
91
- flex-wrap: wrap;
92
- gap: 0.6rem;
93
- justify-content: center;
94
- margin-top: 0.25rem;
95
- }
96
- input.newsletter-luxe__input::placeholder {
97
- color: inherit;
98
- opacity: 0.5;
99
- }
100
- @media (min-width: 520px) {
101
- .newsletter-luxe__form {
102
- flex-wrap: nowrap;
103
- }
104
- }
105
- .newsletter-luxe__input {
106
- flex: 1 1 200px;
107
- min-width: 0;
108
- padding: 0.9rem 1.1rem;
109
-
110
- border: 1px solid rgb(209 209 209 / 98%);
111
- background: rgba(255, 255, 255, 0.06);
112
- color: inherit;
113
- font-size: 0.95rem;
114
- outline: none;
115
- transition: border-color 0.2s ease, background 0.2s ease;
116
- }
117
- .newsletter-luxe__input::placeholder {
118
- color: rgba(244, 238, 230, 0.45);
119
- }
120
- .newsletter-luxe__input:focus {
121
- border-color: var(--nl-btn, #313e61);
122
- background: rgba(255, 255, 255, 0.09);
123
- }
124
- .newsletter-luxe__submit {
125
- flex-shrink: 0;
126
- padding: 0.9rem 1.5rem;
127
-
128
- border: none;
129
- cursor: pointer;
130
- font-size: 0.78rem;
131
- font-weight: 700;
132
- letter-spacing: 0.14em;
133
- text-transform: uppercase;
134
- background: var(--nl-btn, #313e61);
135
- color: var(--nl-btn-text, #141218);
136
- transition: transform 0.2s ease, box-shadow 0.2s ease;
137
- }
138
- .newsletter-luxe__submit:hover {
139
- transform: translateY(-1px);
140
-
141
- }
142
- .newsletter-luxe__fine {
143
- margin: 0;
144
- font-size: 0.72rem;
145
- line-height: 1.5;
146
- opacity: 0.55;
147
- max-width: 36rem;
148
- margin-inline: auto;
149
- }
150
- </style>
1
+ <section
2
+ class="eo-home-section newsletter-luxe"
3
+ {% if section_data.enable_animation != false %}data-section-anim="{{ section_data.animation_style | default: 'fade-up' }}"{% endif %}
4
+ style="
5
+ background: {{ section_data.bg_color | default: '#1A1814' }};
6
+ color: {{ section_data.text_color | default: '#F4EEE6' }};
7
+ --nl-btn: {{ section_data.button_color | default: '#C9A962' }};
8
+ --nl-btn-text: {{ section_data.button_text_color | default: '#141218' }};
9
+ "
10
+ >
11
+ <div class="newsletter-luxe__inner">
12
+ {% if section_data.headline != blank %}
13
+ <h2 class="newsletter-luxe__title ab-anim-el">{{ section_data.headline }}</h2>
14
+ {% endif %}
15
+ {% if section_data.body != blank %}
16
+ <p class="newsletter-luxe__body ab-anim-el">{{ section_data.body }}</p>
17
+ {% endif %}
18
+
19
+ <form
20
+ class="newsletter-luxe__form ab-anim-el"
21
+ novalidate
22
+ onsubmit="
23
+ event.preventDefault();
24
+ if (!this.checkValidity()) {
25
+ this.reportValidity();
26
+ return;
27
+ }
28
+ var input = this.elements.email;
29
+ var email = input && input.value ? String(input.value).trim() : '';
30
+ this.dispatchEvent(
31
+ new CustomEvent('footer-subscribe', {
32
+ bubbles: true,
33
+ detail: { email: email }
34
+ })
35
+ );
36
+ this.reset();
37
+ "
38
+ >
39
+ <input
40
+ class="newsletter-luxe__input"
41
+ type="email"
42
+ name="email"
43
+ autocomplete="email"
44
+ inputmode="email"
45
+ maxlength="254"
46
+ pattern="[^@\s]+@[^@\s]+\.[^@\s]+"
47
+ title="Valid email required"
48
+ required
49
+ aria-required="true"
50
+ aria-label="{{ section_data.placeholder | default: 'Email address' }}"
51
+ placeholder="{{ section_data.placeholder | default: 'Email address' }}"
52
+ />
53
+ <button class="newsletter-luxe__submit" type="submit">
54
+ {{ section_data.button_label | default: 'Join the list' }}
55
+ </button>
56
+ </form>
57
+
58
+ {% if section_data.show_footnote and section_data.footnote != blank %}
59
+ <p class="newsletter-luxe__fine ab-anim-el">{{ section_data.footnote }}</p>
60
+ {% endif %}
61
+ </div>
62
+ </section>
63
+
64
+ <style>
65
+ .newsletter-luxe {
66
+ padding: clamp(2.75rem, 6vw, 4rem) 1.25rem;margin-block: 15px;
67
+ }
68
+ .newsletter-luxe__inner {
69
+ max-width: 520px;
70
+ margin: 0 auto;
71
+ text-align: center;
72
+ display: flex;
73
+ flex-direction: column;
74
+ gap: 1.25rem;
75
+ }
76
+ .newsletter-luxe__title {
77
+ margin: 0;
78
+ font-family: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
79
+ font-weight: 500;
80
+ font-size: clamp(1.65rem, 4vw, 2.1rem);
81
+ line-height: 1.2;
82
+ }
83
+ .newsletter-luxe__body {
84
+ margin: 0;
85
+ font-size: 1rem;
86
+ line-height: 1.65;
87
+ opacity: 0.88;
88
+ }
89
+ .newsletter-luxe__form {
90
+ display: flex;
91
+ flex-wrap: wrap;
92
+ gap: 0.6rem;
93
+ justify-content: center;
94
+ margin-top: 0.25rem;
95
+ }
96
+ input.newsletter-luxe__input::placeholder {
97
+ color: inherit;
98
+ opacity: 0.5;
99
+ }
100
+ @media (min-width: 520px) {
101
+ .newsletter-luxe__form {
102
+ flex-wrap: nowrap;
103
+ }
104
+ }
105
+ .newsletter-luxe__input {
106
+ flex: 1 1 200px;
107
+ min-width: 0;
108
+ padding: 0.9rem 1.1rem;
109
+
110
+ border: 1px solid rgb(209 209 209 / 98%);
111
+ background: rgba(255, 255, 255, 0.06);
112
+ color: inherit;
113
+ font-size: 0.95rem;
114
+ outline: none;
115
+ transition: border-color 0.2s ease, background 0.2s ease;
116
+ }
117
+ .newsletter-luxe__input::placeholder {
118
+ color: rgba(244, 238, 230, 0.45);
119
+ }
120
+ .newsletter-luxe__input:focus {
121
+ border-color: var(--nl-btn, #313e61);
122
+ background: rgba(255, 255, 255, 0.09);
123
+ }
124
+ .newsletter-luxe__submit {
125
+ flex-shrink: 0;
126
+ padding: 0.9rem 1.5rem;
127
+
128
+ border: none;
129
+ cursor: pointer;
130
+ font-size: 0.78rem;
131
+ font-weight: 700;
132
+ letter-spacing: 0.14em;
133
+ text-transform: uppercase;
134
+ background: var(--nl-btn, #313e61);
135
+ color: var(--nl-btn-text, #141218);
136
+ transition: transform 0.2s ease, box-shadow 0.2s ease;
137
+ }
138
+ .newsletter-luxe__submit:hover {
139
+ transform: translateY(-1px);
140
+
141
+ }
142
+ .newsletter-luxe__fine {
143
+ margin: 0;
144
+ font-size: 0.72rem;
145
+ line-height: 1.5;
146
+ opacity: 0.55;
147
+ max-width: 36rem;
148
+ margin-inline: auto;
149
+ }
150
+ </style>
@@ -1,148 +1,148 @@
1
- {
2
- "icon": "https://files.easy-orders.net/1778106902099515265.png",
3
- "label": "Runway hero",
4
- "section_schema": [
5
- {
6
- "name": "image",
7
- "type": "image",
8
- "default": "",
9
- "description": "Full-width background image URL"
10
- },
11
- {
12
- "name": "kicker",
13
- "type": "string",
14
- "default": "New season",
15
- "description": "Small line above the headline"
16
- },
17
- {
18
- "name": "headline",
19
- "type": "string",
20
- "default": "The spring edit",
21
- "description": "Main headline"
22
- },
23
- {
24
- "name": "subheadline",
25
- "type": "string",
26
- "default": "Silhouettes, textures, and tones curated for everyday luxury.",
27
- "description": "Supporting line under the headline"
28
- },
29
- {
30
- "name": "primary_label",
31
- "type": "string",
32
- "default": "Shop collection",
33
- "description": "Primary button label"
34
- },
35
- {
36
- "name": "primary_link_type",
37
- "type": "select",
38
- "default": "category",
39
- "description": "نوع رابط الزر الأول",
40
- "options": [
41
- { "label": "قسم (Category)", "value": "category" },
42
- { "label": "منتج (Product)", "value": "product" },
43
- { "label": "صفحة (Page)", "value": "page" }
44
- ]
45
- },
46
- {
47
- "name": "primary_category_id",
48
- "type": "category_single_select",
49
- "description": "اختيار القسم (لو نوع الرابط = قسم)"
50
- },
51
- {
52
- "name": "primary_product_id",
53
- "type": "product_single_select",
54
- "description": "اختيار المنتج (لو نوع الرابط = منتج)"
55
- },
56
- {
57
- "name": "primary_page_id",
58
- "type": "page_single_select",
59
- "description": "اختيار الصفحة (لو نوع الرابط = صفحة)"
60
- },
61
- {
62
- "name": "secondary_label",
63
- "type": "string",
64
- "default": "Lookbook",
65
- "description": "Secondary button label (hidden if empty)"
66
- },
67
- {
68
- "name": "secondary_link_type",
69
- "type": "select",
70
- "default": "page",
71
- "description": "نوع رابط الزر الثاني",
72
- "options": [
73
- { "label": "قسم (Category)", "value": "category" },
74
- { "label": "منتج (Product)", "value": "product" },
75
- { "label": "صفحة (Page)", "value": "page" }
76
- ]
77
- },
78
- {
79
- "name": "secondary_category_id",
80
- "type": "category_single_select",
81
- "description": "اختيار القسم للزر الثاني"
82
- },
83
- {
84
- "name": "secondary_product_id",
85
- "type": "product_single_select",
86
- "description": "اختيار المنتج للزر الثاني"
87
- },
88
- {
89
- "name": "secondary_page_id",
90
- "type": "page_single_select",
91
- "description": "اختيار الصفحة للزر الثاني"
92
- },
93
- {
94
- "name": "overlay_strength",
95
- "type": "number",
96
- "default": 42,
97
- "description": "Dark overlay strength (0–100)"
98
- },
99
- {
100
- "name": "accent_color",
101
- "type": "color",
102
- "default": "#C9A962",
103
- "description": "Accent for buttons and kicker when no image"
104
- },
105
- {
106
- "name": "text_color",
107
- "type": "color",
108
- "default": "#FAF7F2",
109
- "description": "Hero text color"
110
- },
111
- {
112
- "name": "alignment",
113
- "type": "select",
114
- "default": "center",
115
- "description": "Content alignment",
116
- "options": [
117
- { "label": "Center", "value": "center" },
118
- { "label": "Left", "value": "left" }
119
- ]
120
- },
121
- {
122
- "name": "min_height_vh",
123
- "type": "number",
124
- "default": 72,
125
- "description": "Minimum section height as % of viewport height (e.g. 72 = 72vh). Typical range 40–100."
126
- },
127
- {
128
- "name": "enable_animation",
129
- "type": "boolean",
130
- "default": true,
131
- "description": "Enable section animation"
132
- },
133
- {
134
- "name": "animation_style",
135
- "type": "select",
136
- "default": "fade-up",
137
- "description": "Animation style",
138
- "options": [
139
- { "label": "Fade Up", "value": "fade-up" },
140
- { "label": "Zoom In", "value": "zoom-in" },
141
- { "label": "Blur Reveal", "value": "blur-reveal" },
142
- { "label": "Slide Cascade", "value": "slide-cascade" },
143
- { "label": "Fade Right", "value": "fade-right" },
144
- { "label": "Flip Up", "value": "flip-up" }
145
- ]
146
- }
147
- ]
148
- }
1
+ {
2
+ "icon": "https://files.easy-orders.net/1778106902099515265.png",
3
+ "label": "Runway hero",
4
+ "section_schema": [
5
+ {
6
+ "name": "image",
7
+ "type": "image",
8
+ "default": "",
9
+ "description": "Full-width background image URL"
10
+ },
11
+ {
12
+ "name": "kicker",
13
+ "type": "string",
14
+ "default": "New season",
15
+ "description": "Small line above the headline"
16
+ },
17
+ {
18
+ "name": "headline",
19
+ "type": "string",
20
+ "default": "The spring edit",
21
+ "description": "Main headline"
22
+ },
23
+ {
24
+ "name": "subheadline",
25
+ "type": "string",
26
+ "default": "Silhouettes, textures, and tones curated for everyday luxury.",
27
+ "description": "Supporting line under the headline"
28
+ },
29
+ {
30
+ "name": "primary_label",
31
+ "type": "string",
32
+ "default": "Shop collection",
33
+ "description": "Primary button label"
34
+ },
35
+ {
36
+ "name": "primary_link_type",
37
+ "type": "select",
38
+ "default": "category",
39
+ "description": "نوع رابط الزر الأول",
40
+ "options": [
41
+ { "label": "قسم (Category)", "value": "category" },
42
+ { "label": "منتج (Product)", "value": "product" },
43
+ { "label": "صفحة (Page)", "value": "page" }
44
+ ]
45
+ },
46
+ {
47
+ "name": "primary_category_id",
48
+ "type": "category_single_select",
49
+ "description": "اختيار القسم (لو نوع الرابط = قسم)"
50
+ },
51
+ {
52
+ "name": "primary_product_id",
53
+ "type": "product_single_select",
54
+ "description": "اختيار المنتج (لو نوع الرابط = منتج)"
55
+ },
56
+ {
57
+ "name": "primary_page_id",
58
+ "type": "page_single_select",
59
+ "description": "اختيار الصفحة (لو نوع الرابط = صفحة)"
60
+ },
61
+ {
62
+ "name": "secondary_label",
63
+ "type": "string",
64
+ "default": "Lookbook",
65
+ "description": "Secondary button label (hidden if empty)"
66
+ },
67
+ {
68
+ "name": "secondary_link_type",
69
+ "type": "select",
70
+ "default": "page",
71
+ "description": "نوع رابط الزر الثاني",
72
+ "options": [
73
+ { "label": "قسم (Category)", "value": "category" },
74
+ { "label": "منتج (Product)", "value": "product" },
75
+ { "label": "صفحة (Page)", "value": "page" }
76
+ ]
77
+ },
78
+ {
79
+ "name": "secondary_category_id",
80
+ "type": "category_single_select",
81
+ "description": "اختيار القسم للزر الثاني"
82
+ },
83
+ {
84
+ "name": "secondary_product_id",
85
+ "type": "product_single_select",
86
+ "description": "اختيار المنتج للزر الثاني"
87
+ },
88
+ {
89
+ "name": "secondary_page_id",
90
+ "type": "page_single_select",
91
+ "description": "اختيار الصفحة للزر الثاني"
92
+ },
93
+ {
94
+ "name": "overlay_strength",
95
+ "type": "number",
96
+ "default": 42,
97
+ "description": "Dark overlay strength (0–100)"
98
+ },
99
+ {
100
+ "name": "accent_color",
101
+ "type": "color",
102
+ "default": "#C9A962",
103
+ "description": "Accent for buttons and kicker when no image"
104
+ },
105
+ {
106
+ "name": "text_color",
107
+ "type": "color",
108
+ "default": "#FAF7F2",
109
+ "description": "Hero text color"
110
+ },
111
+ {
112
+ "name": "alignment",
113
+ "type": "select",
114
+ "default": "center",
115
+ "description": "Content alignment",
116
+ "options": [
117
+ { "label": "Center", "value": "center" },
118
+ { "label": "Left", "value": "left" }
119
+ ]
120
+ },
121
+ {
122
+ "name": "min_height_vh",
123
+ "type": "number",
124
+ "default": 72,
125
+ "description": "Minimum section height as % of viewport height (e.g. 72 = 72vh). Typical range 40–100."
126
+ },
127
+ {
128
+ "name": "enable_animation",
129
+ "type": "boolean",
130
+ "default": true,
131
+ "description": "Enable section animation"
132
+ },
133
+ {
134
+ "name": "animation_style",
135
+ "type": "select",
136
+ "default": "fade-up",
137
+ "description": "Animation style",
138
+ "options": [
139
+ { "label": "Fade Up", "value": "fade-up" },
140
+ { "label": "Zoom In", "value": "zoom-in" },
141
+ { "label": "Blur Reveal", "value": "blur-reveal" },
142
+ { "label": "Slide Cascade", "value": "slide-cascade" },
143
+ { "label": "Fade Right", "value": "fade-right" },
144
+ { "label": "Flip Up", "value": "flip-up" }
145
+ ]
146
+ }
147
+ ]
148
+ }