-
88 |
- {{ 'accessibility.link_messages.new_window' | t }} 89 |
-
96 |
- {{ 'accessibility.link_messages.new_window' | t }} 97 |
{{ 'sections.cart.subtotal' | t }}
2 |{{ cart.total_price | money_with_currency }}
3 | -------------------------------------------------------------------------------- /sections/collection-header.liquid: -------------------------------------------------------------------------------- 1 |
2 |
12 |
13 | {% schema %}
14 | {
15 | "name": "Collection header",
16 | "settings": [
17 | {
18 | "type": "checkbox",
19 | "id": "show_collection_description",
20 | "default": true,
21 | "label": "Show collection description"
22 | }
23 | ]
24 | }
25 | {% endschema %}
26 |
--------------------------------------------------------------------------------
/sections/collection-list.liquid:
--------------------------------------------------------------------------------
1 | 3 | {{ 'sections.collection_template.title' | t }}: 4 | {{- collection.title | escape -}} 5 |
6 | {%- if section.settings.show_collection_description -%} 7 |
8 | {{ collection.description }}
9 |
10 | {%- endif -%}
11 |
2 |
9 |
10 | {% schema %}
11 | {
12 | "name": "Collection list",
13 | "max_blocks": 15,
14 | "settings": [
15 | {
16 | "type": "text",
17 | "id": "title",
18 | "default": "Collections",
19 | "label": "Heading"
20 | },
21 | {
22 | "type": "range",
23 | "id": "columns_desktop",
24 | "min": 1,
25 | "max": 5,
26 | "step": 1,
27 | "default": 3,
28 | "label": "Number of columns on desktop"
29 | }
30 | ],
31 | "blocks": [
32 | {
33 | "type": "featured_collection",
34 | "name": "Collection",
35 | "settings": [
36 | {
37 | "type": "collection",
38 | "id": "collection",
39 | "label": "Collection"
40 | }
41 | ]
42 | }
43 | ],
44 | "presets": [
45 | {
46 | "name": "Collection list",
47 | "blocks": [
48 | {
49 | "type": "featured_collection"
50 | },
51 | {
52 | "type": "featured_collection"
53 | },
54 | {
55 | "type": "featured_collection"
56 | }
57 | ]
58 | }
59 | ]
60 | }
61 | {% endschema %}
62 |
--------------------------------------------------------------------------------
/sections/contact-form.liquid:
--------------------------------------------------------------------------------
1 | {{ section.settings.title | escape }}
3 |
4 | {%- for block in section.blocks -%}
5 | {% render 'card-collection', card_collection: block.settings.collection %}
6 | {%- endfor -%}
7 |
8 |
2 |
99 |
100 | {% schema %}
101 | {
102 | "name": "Contact Form",
103 | "tag": "section",
104 | "presets": [
105 | {
106 | "name": "Contact Form"
107 | }
108 | ]
109 | }
110 | {% endschema %}
111 |
--------------------------------------------------------------------------------
/sections/email-signup-banner.liquid:
--------------------------------------------------------------------------------
1 |
3 |
98 | {{ 'templates.contact.form.title' | t }}
4 | {%- form 'contact', id: 'ContactForm', class: '' -%} 5 | {%- if form.posted_successfully? -%} 6 |{{ 'templates.contact.form.post_success' | t }}
7 | {%- elsif form.errors -%} 8 |
9 |
13 | 10 | {{ 'templates.contact.form.error_heading' | t }} 11 |
12 |-
14 |
- 15 | 16 | {{ form.errors.translated_fields.email | capitalize }} 17 | {{ form.errors.messages.email }} 18 | 19 | 20 |
23 |
67 |
24 |
27 |
35 |
36 |
37 |
41 |
56 | {%- if form.errors contains 'email' -%}
57 |
66 | 58 | {{ 'accessibility.error' | t }} 59 | 60 | {{- form.errors.translated_fields.email | capitalize }} 61 | {{ form.errors.messages.email -}} 62 | 63 |
64 | {%- endif -%} 65 |
68 |
71 |
80 |
81 |
82 |
83 |
90 |
91 |
92 |
95 |
96 | {%- endform -%}
97 |
2 |
72 |
73 | {% schema %}
74 | {
75 | "name": "Email signup banner",
76 | "tag": "section",
77 | "blocks": [
78 | {
79 | "type": "heading",
80 | "name": "Heading",
81 | "limit": 1,
82 | "settings": [
83 | {
84 | "type": "text",
85 | "id": "heading",
86 | "default": "Opening soon",
87 | "label": "Heading"
88 | }
89 | ]
90 | },
91 | {
92 | "type": "paragraph",
93 | "name": "Paragraph",
94 | "limit": 1,
95 | "settings": [
96 | {
97 | "type": "richtext",
98 | "id": "text",
99 | "default": "
3 |
71 |
4 | {%- for block in section.blocks -%}
5 | {%- case block.type -%}
6 | {%- when 'heading' -%}
7 |
70 | 8 | {{ block.settings.heading | escape }} 9 |
10 | {%- when 'paragraph' -%} 11 |{{ block.settings.text }}
12 | {%- when 'email_form' -%}
13 |
14 | {% form 'customer', class: '' %}
15 |
16 |
67 | {%- endcase -%}
68 | {%- endfor -%}
69 |
17 |
59 | {%- if form.posted_successfully? -%}
60 |
18 |
38 |
41 |
50 |
51 | {%- if form.errors -%}
52 |
53 | {%- render 'icon-error' -%}
54 | {{- form.errors.translated_fields.email | capitalize }}
55 | {{ form.errors.messages.email -}}
56 |
57 | {%- endif -%}
58 | 61 | {% render 'icon-success' -%} 62 | {{- 'newsletter.success' | t }} 63 |
64 | {%- endif -%} 65 | {% endform %} 66 |Be the first to know when we launch.
", 100 | "label": "Description" 101 | } 102 | ] 103 | }, 104 | { 105 | "type": "email_form", 106 | "name": "Email signup banner", 107 | "limit": 1 108 | } 109 | ], 110 | "presets": [ 111 | { 112 | "name": "Email signup banner", 113 | "blocks": [ 114 | { 115 | "type": "heading" 116 | }, 117 | { 118 | "type": "paragraph" 119 | }, 120 | { 121 | "type": "email_form" 122 | } 123 | ] 124 | } 125 | ] 126 | } 127 | {% endschema %} 128 | -------------------------------------------------------------------------------- /sections/featured-collection.liquid: -------------------------------------------------------------------------------- 1 |
2 |
15 |
16 | {% schema %}
17 | {
18 | "name": "Featured collection",
19 | "settings": [
20 | {
21 | "type": "text",
22 | "id": "title",
23 | "label": "Heading",
24 | "default": "Featured collection"
25 | },
26 | {
27 | "type": "collection",
28 | "id": "collection",
29 | "label": "Collection"
30 | },
31 | {
32 | "type": "range",
33 | "id": "products_to_show",
34 | "label": "Maximum products to show",
35 | "default": 5,
36 | "min": 5,
37 | "max": 15,
38 | "step": 1
39 | }
40 | ],
41 | "presets": [
42 | {
43 | "name": "Featured collection"
44 | }
45 | ]
46 | }
47 | {% endschema %}
48 |
--------------------------------------------------------------------------------
/sections/image-banner.liquid:
--------------------------------------------------------------------------------
1 | {%- liquid
2 | assign banner_class = 'aspect-[4/5] sm:aspect-square md:aspect-[5/4] lg:aspect-[3/2] xl:aspect-[2/1]'
3 | if section.settings.full_page_height_enable
4 | assign banner_class = 'h-screen-no-nav'
5 | endif
6 |
7 | assign preload = true
8 | assign loading = 'eager'
9 | if section.index0 > 0
10 | assign loading = 'lazy'
11 | assign preload = false
12 | endif
13 | -%}
14 |
15 | 3 | {{ section.settings.title | escape }} 4 |
5 | 14 |
16 |
104 |
105 | {% schema %}
106 | {
107 | "name": "Image banner",
108 | "tag": "section",
109 | "settings": [
110 | {
111 | "type": "image_picker",
112 | "id": "image",
113 | "label": "First image"
114 | },
115 | {
116 | "type": "image_picker",
117 | "id": "image_2",
118 | "label": "Second image"
119 | },
120 | {
121 | "type": "checkbox",
122 | "id": "full_page_height_enable",
123 | "default": true,
124 | "label": "Full page height"
125 | }
126 | ],
127 | "blocks": [
128 | {
129 | "type": "heading",
130 | "name": "Heading",
131 | "limit": 1,
132 | "settings": [
133 | {
134 | "type": "text",
135 | "id": "heading",
136 | "default": "Image banner",
137 | "label": "Heading"
138 | }
139 | ]
140 | },
141 | {
142 | "type": "text",
143 | "name": "Text",
144 | "limit": 1,
145 | "settings": [
146 | {
147 | "type": "text",
148 | "id": "text",
149 | "default": "Give customers details about the banner image(s) or content on the template.",
150 | "label": "Description"
151 | }
152 | ]
153 | },
154 | {
155 | "type": "buttons",
156 | "name": "Buttons",
157 | "limit": 1,
158 | "settings": [
159 | {
160 | "type": "text",
161 | "id": "button_label_1",
162 | "default": "Button label",
163 | "label": "First button label",
164 | "info": "Leave the label blank to hide the button."
165 | },
166 | {
167 | "type": "url",
168 | "id": "button_link_1",
169 | "label": "First button link"
170 | }
171 | ]
172 | }
173 | ],
174 | "presets": [
175 | {
176 | "name": "Image banner",
177 | "blocks": [
178 | {
179 | "type": "heading"
180 | },
181 | {
182 | "type": "text"
183 | },
184 | {
185 | "type": "buttons"
186 | }
187 | ]
188 | }
189 | ]
190 | }
191 | {% endschema %}
192 |
--------------------------------------------------------------------------------
/sections/main-404.liquid:
--------------------------------------------------------------------------------
1 |
17 | {%- if section.settings.image != blank -%}
18 |
73 |
19 | {%- liquid
20 | assign image_height = section.settings.image.width | divided_by: section.settings.image.aspect_ratio
21 | if section.settings.image_2 != blank
22 | assign sizes = '50vw'
23 | else
24 | assign sizes = '100vw'
25 | endif
26 | -%}
27 | {{
28 | section.settings.image
29 | | image_url: width: 1500
30 | | image_tag:
31 | loading: loading,
32 | preload: preload,
33 | width: section.settings.image.width,
34 | height: image_height,
35 | class: 'block object-cover w-full h-full',
36 | sizes: sizes,
37 | widths: '375, 550, 750, 1100, 1500, 1780, 2000, 3000, 3840',
38 | alt: section.settings.image.alt
39 | | escape
40 | }}
41 |
42 | {%- elsif section.settings.image_2 == blank -%}
43 |
44 | {{ 'lifestyle-2' | placeholder_svg_tag: 'w-full h-full object-cover fill-primary/20' }}
45 |
46 | {%- endif -%}
47 | {%- if section.settings.image_2 != blank -%}
48 |
49 | {%- liquid
50 | assign image_height_2 = section.settings.image_2.width | divided_by: section.settings.image_2.aspect_ratio
51 | if section.settings.image != blank
52 | assign sizes = '50vw'
53 | else
54 | assign sizes = '100vw'
55 | endif
56 | -%}
57 | {{
58 | section.settings.image_2
59 | | image_url: width: 1500
60 | | image_tag:
61 | loading: loading,
62 | width: section.settings.image_2.width,
63 | height: image_height_2,
64 | class: 'block object-cover w-full h-full',
65 | sizes: sizes,
66 | widths: '375, 550, 750, 1100, 1500, 1780, 2000, 3000, 3840',
67 | alt: section.settings.image_2.alt
68 | | escape
69 | }}
70 |
71 | {%- endif -%}
72 |
74 | {%- for block in section.blocks -%}
75 | {%- case block.type -%}
76 | {%- when 'heading' -%}
77 |
103 | 78 | {{ block.settings.heading | escape }} 79 |
80 | {%- when 'text' -%} 81 |
82 | {{ block.settings.text | escape }}
83 |
84 | {%- when 'buttons' -%}
85 |
86 | {%- if block.settings.button_label_1 != blank -%}
87 |
95 | {{ block.settings.button_label_1 | escape }}
96 | {%- render 'icon-arrow' -%}
97 |
98 | {%- endif -%}
99 |
100 | {%- endcase -%}
101 | {%- endfor -%}
102 |
2 |
15 |
--------------------------------------------------------------------------------
/sections/main-account.liquid:
--------------------------------------------------------------------------------
1 | 3 | {{ 'templates.404.title' | t }} 4 |
5 |6 | {{ 'templates.404.subtext' | t }} 7 |
8 | 12 | {{ 'general.continue_shopping' | t }} 13 | 14 |
2 |
154 |
155 | {% schema %}
156 | {
157 | "name": "Account"
158 | }
159 | {% endschema %}
160 |
--------------------------------------------------------------------------------
/sections/main-activate-account.liquid:
--------------------------------------------------------------------------------
1 |
3 |
8 |
9 | {{ 'customer.account.title' | t }}
4 | 5 | {{ 'customer.log_out' | t }} 6 | 7 |
10 |
153 |
11 |
16 |
91 | {%- else -%}
92 |
142 |
143 | {{ 'customer.orders.title' | t }}
12 | 13 | {% paginate customer.orders by 20 %} 14 | {%- if customer.orders.size > 0 -%} 15 || 22 | {{ 'customer.orders.order_number' | t }} 23 | | 24 |25 | {{ 'customer.orders.date' | t }} 26 | | 27 |28 | {{ 'customer.orders.payment_status' | t }} 29 | | 30 |31 | {{ 'customer.orders.fulfillment_status' | t }} 32 | | 33 |34 | {{ 'customer.orders.total' | t }} 35 | | 36 |
|---|---|---|---|---|
| 48 | 52 | {{ order.name }} 53 | 54 | | 55 |61 | {{ order.created_at | time_tag: format: 'date' }} 62 | | 63 |69 | {{ order.financial_status_label }} 70 | | 71 |77 | {{ order.fulfillment_status_label }} 78 | | 79 |85 | {{ order.total_price | money_with_currency }} 86 | | 87 |
{{ 'customer.orders.none' | t }}
93 | {%- endif -%} 94 | 95 | {%- if paginate.pages > 1 -%} 96 | {%- if paginate.parts.size > 0 -%} 97 | 138 | {%- endif -%} 139 | {%- endif -%} 140 | {% endpaginate %} 141 |
144 |
152 | {{ 'customer.account.details' | t }}
145 | 146 | {{ customer.default_address | format_address }} 147 | 148 | 149 | {{ 'customer.account.view_addresses' | t }} ({{ customer.addresses_count }}) 150 | 151 |
2 |
10 |
97 |
98 | {% schema %}
99 | {
100 | "name": "Account activation"
101 | }
102 | {% endschema %}
103 |
--------------------------------------------------------------------------------
/sections/main-article.liquid:
--------------------------------------------------------------------------------
1 | 11 | {{ 'customer.activate_account.title' | t }} 12 |
13 |14 | {{ 'customer.activate_account.subtext' | t }} 15 |
16 | {%- form 'activate_customer_password', class: 'max-w-md w-full pt-6 pb-8 mt-4 mb-4' -%} 17 | {%- if form.errors -%} 18 |19 | {{ 'templates.contact.form.error_heading' | t }} 20 |
21 |-
22 | {%- for field in form.errors -%}
23 |
- 24 | {%- if field == 'form' -%} 25 | {{ form.errors.messages[field] }} 26 | {%- else -%} 27 | 28 | {{ form.errors.translated_fields[field] | capitalize }} 29 | {{ form.errors.messages[field] }} 30 | 31 | {%- endif -%} 32 | 33 | {%- endfor -%} 34 |
38 |
41 |
52 | {%- if form.errors contains 'password' -%}
53 |
62 |
63 | 54 | 57 | {{ form.errors.translated_fields.password | capitalize }} 58 | {{ form.errors.messages.password }} 59 |
60 | {%- endif -%} 61 |
64 |
67 |
78 | {%- if form.errors contains 'password_confirmation' -%}
79 |
88 |
89 |
92 |
95 | {%- endform -%}
96 | 80 | 83 | {{ form.errors.translated_fields.password_confirmation | capitalize }} 84 | {{ form.errors.messages.password_confirmation }} 85 |
86 | {%- endif -%} 87 |
2 |
7 | 3 | {{ article.title | escape }} 4 |
5 | {{ article.published_at | time_tag: format: 'date' }} 6 |
8 | {%- if article.image -%}
9 | 
28 | {%- endif -%}
29 |
31 |
32 |
70 |
71 | {% schema %}
72 | {}
73 | {% endschema %}
74 |
--------------------------------------------------------------------------------
/sections/main-blog.liquid:
--------------------------------------------------------------------------------
1 | {%- paginate blog.articles by 6 -%}
2 | {{ article.content }}
30 |
3 |
15 | {%- endpaginate -%}
16 |
17 | {% schema %}
18 | {
19 | "name": "Blog posts"
20 | }
21 | {% endschema %}
22 |
--------------------------------------------------------------------------------
/sections/main-collection.liquid:
--------------------------------------------------------------------------------
1 | 4 | {{ blog.title | escape }} 5 |
6 | 7 |
8 | {%- for article in blog.articles -%}
9 |
14 |
10 | {%- render 'article-card', article: article -%}
11 |
12 | {%- endfor -%}
13 |
2 |
26 |
--------------------------------------------------------------------------------
/sections/main-list-collections.liquid:
--------------------------------------------------------------------------------
1 |
7 | {%- liquid
8 | paginate collection.products by 12
9 | for product in collection.products
10 | assign lazy_load = false
11 | if forloop.index > 2
12 | assign lazy_load = true
13 | endif
14 | render 'card-product', card_product: product, lazy_load: lazy_load
15 | else
16 | if collection.handle == 'all' and collection.all_vendors.size == 0 and collection.all_types.size == 0
17 | for i in (1..4)
18 | render 'card-product'
19 | endfor
20 | endif
21 | endfor
22 | endpaginate
23 | -%}
24 |
25 |
2 |
4 | {{ page_title }}
3 |
5 | {%- paginate collections by 12 -%}
6 |
15 | {% schema %}
16 | {
17 | "name": "Collections list page"
18 | }
19 | {% endschema %}
20 |
--------------------------------------------------------------------------------
/sections/main-login.liquid:
--------------------------------------------------------------------------------
1 | -
7 | {%- for collection in collections -%}
8 |
- 9 | {% render 'card-collection', card_collection: collection %} 10 | 11 | {%- endfor -%} 12 |
2 |
138 |
139 | {% schema %}
140 | {
141 | "name": "Login"
142 | }
143 | {% endschema %}
144 |
--------------------------------------------------------------------------------
/sections/main-page.liquid:
--------------------------------------------------------------------------------
1 | 3 | {{ 'customer.recover_password.title' | t }} 4 |
5 |
6 |
53 |
54 | 7 | {{ 'customer.recover_password.subtext' | t }} 8 |
9 | 10 | {%- form 'recover_customer_password' -%} 11 | {% assign recover_success = form.posted_successfully? %} 12 |
13 |
16 |
31 |
32 | {%- if form.errors -%}
33 | 34 | 40 | {{ form.errors.messages.form }} 41 |
42 | {%- endif -%} 43 | 44 | 47 | 48 | 49 | {{ 'customer.login_page.cancel' | t }} 50 | 51 | {%- endform -%} 52 |55 | {{ 'customer.login_page.title' | t }} 56 |
57 |
58 | {%- if recover_success == true -%}
59 |
124 |
125 | {%- if shop.checkout.guest_login -%}
126 | 60 | {{ 'customer.recover_password.success' | t }} 61 |
62 | {%- endif -%} 63 | {%- form 'customer_login', novalidate: 'novalidate' -%} 64 | {%- if form.errors -%} 65 |66 | {{ 'accessibility.error' | t }} 67 | {{ 'templates.contact.form.error_heading' | t }} 68 |
69 |
70 | {{ form.errors | default_errors }}
71 |
72 | {%- endif -%}
73 |
74 |
75 |
78 |
90 |
91 |
92 | {%- if form.password_needed -%}
93 |
94 |
97 |
108 |
109 |
110 |
111 | {{ 'customer.login_page.forgot_password' | t }}
112 |
113 | {%- endif -%}
114 |
115 |
118 |
119 |
120 | {{ 'customer.login_page.create_account' | t }}
121 |
122 | {%- endform -%}
123 |
127 |
128 |
136 | {%- endif -%}
137 | 128 |
{{ 'customer.login_page.guest_title' | t }}
129 | 130 | {%- form 'guest_login' -%} 131 | 134 | {%- endform -%} 135 |
2 |
6 | 3 | {{ page.title | escape }} 4 |
5 |
7 |
11 |
--------------------------------------------------------------------------------
/sections/main-password-header.liquid:
--------------------------------------------------------------------------------
1 |
8 | {{- page.content -}}
9 |
10 |
2 |
10 |
85 | {% schema %}
86 | {
87 | "name": "Password header"
88 | }
89 | {% endschema %}
90 |
--------------------------------------------------------------------------------
/sections/main-register.liquid:
--------------------------------------------------------------------------------
1 |
11 |
18 |
83 |
84 | {{ shop.name }}
12 | {%- if shop.password_message != blank -%} 13 |
14 | {{ shop.password_message }}
15 |
16 | {%- endif -%}
17 |
19 |
20 |
28 |
82 |
20 |
21 | {% render 'icon-padlock' %}
22 | {{ 'general.password_page.login_password_button' | t }}
23 |
24 |
27 |
28 |
34 |
81 |
35 |
42 |
80 | 43 | {{ 'general.password_page.login_form_heading' | t }} 44 |
45 | {%- form 'storefront_password', class: 'flex flex-wrap gap-4 max-w-[335px] w-100' -%} 46 |
47 |
59 |
62 | {%- if form.errors -%}
63 |
74 |
77 | {%- endform -%}
78 | {{ 'general.password_page.admin_link_html' | t }}
79 |
64 | {{ 'accessibility.error' | t }}
65 |
66 |
69 | {{ 'general.password_page.login_form_error' | t }}
70 |
71 |
72 | {%- endif -%}
73 |
2 |
10 |
124 |
--------------------------------------------------------------------------------
/sections/main-reset-password.liquid:
--------------------------------------------------------------------------------
1 | 11 | {{ 'customer.register.title' | t }} 12 |
13 | {%- form 'create_customer', novalidate: 'novalidate', class: 'max-w-md w-full pt-6 pb-8 mt-4 mb-4' -%} 14 | {%- if form.errors -%} 15 |16 | {{ 'templates.contact.form.error_heading' | t }} 17 |
18 |-
19 | {%- for field in form.errors -%}
20 |
- 21 | {%- if field == 'form' -%} 22 | {{ form.errors.messages[field] }} 23 | {%- else -%} 24 | 25 | {{ form.errors.translated_fields[field] | capitalize }} 26 | {{ form.errors.messages[field] }} 27 | 28 | {%- endif -%} 29 | 30 | {%- endfor -%} 31 |
34 |
37 |
47 |
48 |
49 |
52 |
62 |
63 |
64 |
67 |
84 |
85 | {%- if form.errors contains 'email' -%}
86 |
87 |
90 | {{ form.errors.translated_fields.email | capitalize }}
91 | {{ form.errors.messages.email }}.
92 |
93 | {%- endif -%}
94 |
95 |
98 |
109 |
110 | {%- if form.errors contains 'password' -%}
111 |
112 |
115 | {{ form.errors.translated_fields.password | capitalize }}
116 | {{ form.errors.messages.password }}.
117 |
118 | {%- endif -%}
119 |
122 | {%- endform -%}
123 |
2 |
10 |
95 |
96 | {% schema %}
97 | {
98 | "name": "Password reset"
99 | }
100 | {% endschema %}
101 |
--------------------------------------------------------------------------------
/sections/main-search.liquid:
--------------------------------------------------------------------------------
1 | 11 | {{ 'customer.reset_password.title' | t }} 12 |
13 |14 | {{ 'customer.reset_password.subtext' | t }} 15 |
16 | {%- form 'reset_customer_password', class: 'max-w-md w-full pt-6 pb-8 mt-4 mb-4' -%} 17 | {%- if form.errors -%} 18 |19 | {{ 'accessibility.error' | t }} 20 | {{ 'templates.contact.form.error_heading' | t }} 21 |
22 |-
23 | {%- for field in form.errors -%}
24 |
- 25 | {%- if field == 'form' -%} 26 | {{ form.errors.messages[field] }} 27 | {%- else -%} 28 | 29 | {{ form.errors.translated_fields[field] | capitalize }} 30 | {{ form.errors.messages[field] }} 31 | 32 | {%- endif -%} 33 | 34 | {%- endfor -%} 35 |
39 |
42 |
53 | {%- if form.errors contains 'password' -%}
54 |
63 |
64 | 55 | 58 | {{ form.errors.translated_fields.password | capitalize }} 59 | {{ form.errors.messages.password }} 60 |
61 | {%- endif -%} 62 |
65 |
68 |
79 | {%- if form.errors contains 'password_confirmation' -%}
80 |
89 |
90 |
93 | {%- endform -%}
94 | 81 | 84 | {{ form.errors.translated_fields.password_confirmation | capitalize }} 85 | {{ form.errors.messages.password_confirmation }} 86 |
87 | {%- endif -%} 88 |
2 | {%- if search.performed -%}
3 |
22 |
23 | {% if search.performed %}
24 | {%- if search.results_count == 0 -%}
25 | {{ 'templates.search.title' | t }}
4 | {%- else -%} 5 |{{ 'general.search.search' | t }}
6 | {%- endif -%} 7 | 21 |
26 |
30 | {%- endif -%}
31 | {%- if search.results_count != 0 -%}
32 | {% paginate search.results by 24 %}
33 | 27 | {{ 'general.search.no_results_html' | t: terms: search.terms | replace: '*', '' }} 28 |
29 |
34 | {%- liquid
35 | for item in search.results
36 | assign lazy_load = false
37 | if forloop.index > 2
38 | assign lazy_load = true
39 | endif
40 | render 'card-product', card_product: item, lazy_load: lazy_load
41 | endfor
42 | -%}
43 |
44 | {% endpaginate %}
45 | {%- endif -%}
46 | {% endif %}
47 |
--------------------------------------------------------------------------------
/sections/product-recommendations.liquid:
--------------------------------------------------------------------------------
1 |
2 |
7 | {%- if recommendations.performed and recommendations.products_count > 0 -%}
8 |
18 |
19 |
20 | {% schema %}
21 | {
22 | "name": "Product recommendations",
23 | "settings": [
24 | {
25 | "type": "paragraph",
26 | "content": "Dynamic recommendations use order and product information to change and improve over time. [Learn more](https://help.shopify.com/themes/development/recommended-products)"
27 | },
28 | {
29 | "type": "text",
30 | "id": "heading",
31 | "default": "You may also like",
32 | "label": "Heading"
33 | },
34 | {
35 | "type": "range",
36 | "id": "products_to_show",
37 | "min": 2,
38 | "max": 10,
39 | "step": 1,
40 | "default": 5,
41 | "label": "Maximum products to show"
42 | }
43 | ]
44 | }
45 | {% endschema %}
46 |
--------------------------------------------------------------------------------
/snippets/article-card.liquid:
--------------------------------------------------------------------------------
1 | {% comment %}
2 | Renders an article card for a given blog
3 |
4 | Accepts:
5 | - article: {Object} Article object
6 | - lazy_load: {Boolean} Image should be lazy loaded. Default: true (optional)
7 |
8 | Usage:
9 | {% render 'article-card' article: article %}
10 | {% endcomment %}
11 |
12 | 9 | {{ section.settings.heading | escape }} 10 |
11 | 16 | {%- endif -%} 17 |
13 |
48 |
--------------------------------------------------------------------------------
/snippets/card-collection.liquid:
--------------------------------------------------------------------------------
1 | {% comment %}
2 | Renders a collection card
3 |
4 | Accepts:
5 | - card_collection: {Object} Collection Liquid object
6 |
7 | Usage:
8 | {% render 'card-collection' %}
9 | {% endcomment %}
10 |
11 |
14 | {%- if article.image -%}
15 | {% comment %}theme-check-disable ImgLazyLoading{% endcomment %}
16 | 
36 | {% comment %}theme-check-enable ImgLazyLoading{% endcomment %}
37 | {%- endif -%}
38 |
39 |
36 | {% comment %}theme-check-enable ImgLazyLoading{% endcomment %}
37 | {%- endif -%}
38 | 40 | 41 | {{- article.title -}} 42 | 43 |
44 | 45 | {{ article.published_at | time_tag: format: 'date' }} 46 | 47 |
12 |
54 |
--------------------------------------------------------------------------------
/snippets/card-product.liquid:
--------------------------------------------------------------------------------
1 | {% comment %}
2 | Renders a product card
3 |
4 | Accepts:
5 | - card_product: {Object} Product Liquid object (optional)
6 | - lazy_load: {Boolean} Image should be lazy loaded. Default: true (optional)
7 | - wrapper_class: {String} Wrapper class for card (optional)
8 |
9 | Usage:
10 | {% render 'card-product', card_product: product %}
11 | {% endcomment %}
12 |
13 | {%- if card_product and card_product != empty -%}
14 | {%- liquid
15 | assign ratio = 1
16 | if card_product.featured_media and media_aspect_ratio == 'portrait'
17 | assign ratio = 0.8
18 | elsif card_product.featured_media and media_aspect_ratio == 'adapt'
19 | assign ratio = card_product.featured_media.aspect_ratio
20 | endif
21 | if ratio == 0 or ratio == null
22 | assign ratio = 1
23 | endif
24 | -%}
25 |
13 |
53 |
14 | {%- if card_collection.featured_image -%}
15 | 
34 | {%- endif -%}
35 |
36 | 37 | 45 | {%- if card_collection.title != blank -%} 46 | {{- card_collection.title | escape -}} 47 | {%- else -%} 48 | {{ 'onboarding.collection_title' | t }} 49 | {%- endif -%} 50 | 51 |
52 |
26 |
73 | {%- else -%}
74 |
27 |
72 |
28 | {%- if card_product.featured_media -%}
29 | {% comment %}theme-check-disable ImgLazyLoading{% endcomment %}
30 | 
50 | {% comment %}theme-check-enable ImgLazyLoading{% endcomment %}
51 | {%- endif -%}
52 |
53 |
54 |
71 | 60 | 65 | {{ card_product.title | escape }} 66 | 67 |
68 | 69 | {%- render 'price', product: card_product -%} 70 |
75 |
89 | {%- endif -%}
90 |
--------------------------------------------------------------------------------
/snippets/cart-icon-bubble.liquid:
--------------------------------------------------------------------------------
1 | {% comment %}
2 | Renders cart icon bubble
3 |
4 | Usage:
5 | {% render 'cart-icon-bubble' %}
6 | {% endcomment %}
7 |
8 | {% render 'icon-bag' %}
9 | {{ 'templates.cart.cart' | t }}
10 | {%- if cart != empty -%}
11 |
76 |
77 |
88 |
78 |
87 | 79 | 80 | {{ 'onboarding.product_title' | t }} 81 | 82 |
83 |
84 | {{ 1999 | money_without_trailing_zeros }}
85 |
86 |
12 | {%- if cart.item_count < 100 -%}
13 |
14 | {%- endif -%}
15 | {{ 'sections.header.cart_count' | t: count: cart.item_count }}
16 |
17 | {%- endif -%}
18 |
--------------------------------------------------------------------------------
/snippets/icon-account.liquid:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/snippets/icon-arrow.liquid:
--------------------------------------------------------------------------------
1 |
12 |
--------------------------------------------------------------------------------
/snippets/icon-bag.liquid:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/snippets/icon-caret.liquid:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/snippets/icon-check.liquid:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/snippets/icon-close.liquid:
--------------------------------------------------------------------------------
1 |
11 |
--------------------------------------------------------------------------------
/snippets/icon-discount.liquid:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/snippets/icon-error.liquid:
--------------------------------------------------------------------------------
1 |
7 |
--------------------------------------------------------------------------------
/snippets/icon-facebook.liquid:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/snippets/icon-instagram.liquid:
--------------------------------------------------------------------------------
1 |
5 |
--------------------------------------------------------------------------------
/snippets/icon-menu.liquid:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/snippets/icon-padlock.liquid:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/snippets/icon-pinterest.liquid:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/snippets/icon-remove.liquid:
--------------------------------------------------------------------------------
1 |
11 |
--------------------------------------------------------------------------------
/snippets/icon-search.liquid:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/snippets/icon-snapchat.liquid:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/snippets/icon-success.liquid:
--------------------------------------------------------------------------------
1 |
6 |
--------------------------------------------------------------------------------
/snippets/icon-tiktok.liquid:
--------------------------------------------------------------------------------
1 |
12 |
--------------------------------------------------------------------------------
/snippets/icon-tumblr.liquid:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/snippets/icon-twitter.liquid:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/snippets/icon-vimeo.liquid:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/snippets/icon-youtube.liquid:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/snippets/meta-tags.liquid:
--------------------------------------------------------------------------------
1 | {%- liquid
2 | assign og_title = page_title | default: shop.name
3 | assign og_url = canonical_url | default: request.origin
4 | assign og_type = 'website'
5 | assign og_description = page_description | default: shop.description | default: shop.name
6 |
7 | if request.page_type == 'product'
8 | assign og_type = 'product'
9 | elsif request.page_type == 'article'
10 | assign og_type = 'article'
11 | elsif request.page_type == 'password'
12 | assign og_url = request.origin
13 | endif
14 | %}
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 | {%- if page_image -%}
23 |
24 |
25 |
26 |
27 | {%- endif -%}
28 |
29 | {%- if request.page_type == 'product' -%}
30 |
31 |
32 | {%- endif -%}
33 |
34 | {%- if settings.social_twitter_link != blank -%}
35 |
36 | {%- endif -%}
37 |
38 |
39 |
40 |
--------------------------------------------------------------------------------
/snippets/price.liquid:
--------------------------------------------------------------------------------
1 | {% comment %}
2 | Renders a list of product's price (regular, sale)
3 |
4 | Accepts:
5 | - product: {Object} Product Liquid object (optional)
6 | - use_variant: {Boolean} Renders selected or first variant price instead of overall product pricing (optional)
7 | - price_class: {String} Adds a price class to the price element (optional)
8 |
9 | Usage:
10 | {% render 'price', product: product %}
11 | {% endcomment %}
12 | {%- liquid
13 | if use_variant
14 | assign target = product.selected_or_first_available_variant
15 | else
16 | assign target = product
17 | endif
18 | -%}
19 |
20 |
26 | {%- if target.compare_at_price > target.price -%}
27 | {{ 'products.product.price.sale_price' | t }}
28 | {{ target.price | money_without_trailing_zeros }}
29 | {{ 'products.product.price.regular_price' | t }}
30 | {{ target.compare_at_price | money_without_trailing_zeros }}
31 | {%- elsif target.price_varies -%}
32 | {%- capture formatted_min_price -%}{{ target.price_min | money_without_trailing_zeros }}{%- endcapture -%}
33 | {%- capture formatted_max_price -%}{{ target.price_max | money_without_trailing_zeros }}{%- endcapture -%}
34 | {{ 'products.product.price.regular_price' | t }}
35 |
36 | {{-
37 | 'products.product.price.from_price_html'
38 | | t: min_price: formatted_min_price, max_price: formatted_max_price
39 | -}}
40 |
41 | {%- else -%}
42 | {{ 'products.product.price.regular_price' | t }}
43 | {{ target.price | money_without_trailing_zeros }}
44 | {%- endif -%}
45 |
46 |
--------------------------------------------------------------------------------
/snippets/vite-tag.liquid:
--------------------------------------------------------------------------------
1 | {% comment %}
2 | IMPORTANT: This snippet is automatically generated by vite-plugin-shopify.
3 | Do not attempt to modify this file directly, as any changes will be overwritten by the next build.
4 | {% endcomment %}
5 | {% assign path = vite-tag | replace: '~/', '../' | replace: '@/', '../' %}
6 | {% if path == "/frontend/entrypoints/customers.js" or path == "customers.js" %}
7 |
8 |
9 | {% elsif path == "/frontend/entrypoints/theme.css" or path == "theme.css" %}
10 | {{ 'theme.Db0eVlgc.min.css' | asset_url | split: '?' | first | stylesheet_tag: preload: preload_stylesheet }}
11 | {% elsif path == "/frontend/entrypoints/theme.js" or path == "theme.js" %}
12 |
13 |
14 | {% endif %}
15 |
--------------------------------------------------------------------------------
/templates/404.json:
--------------------------------------------------------------------------------
1 | {
2 | "sections": {
3 | "main": {
4 | "type": "main-404"
5 | }
6 | },
7 | "order": ["main"]
8 | }
9 |
--------------------------------------------------------------------------------
/templates/article.json:
--------------------------------------------------------------------------------
1 | {
2 | "sections": {
3 | "main": {
4 | "type": "main-article"
5 | }
6 | },
7 | "order": ["main"]
8 | }
9 |
--------------------------------------------------------------------------------
/templates/blog.json:
--------------------------------------------------------------------------------
1 | {
2 | "sections": {
3 | "main": {
4 | "type": "main-blog",
5 | "settings": {}
6 | }
7 | },
8 | "order": ["main"]
9 | }
10 |
--------------------------------------------------------------------------------
/templates/cart.json:
--------------------------------------------------------------------------------
1 | {
2 | "sections": {
3 | "main": {
4 | "type": "main-cart"
5 | }
6 | },
7 | "order": ["main"]
8 | }
9 |
--------------------------------------------------------------------------------
/templates/collection.json:
--------------------------------------------------------------------------------
1 | {
2 | "sections": {
3 | "collection-header": {
4 | "type": "collection-header",
5 | "settings": {
6 | "show_collection_description": true
7 | }
8 | },
9 | "main-collection": {
10 | "type": "main-collection",
11 | "settings": {}
12 | }
13 | },
14 | "order": ["collection-header", "main-collection"]
15 | }
16 |
--------------------------------------------------------------------------------
/templates/customers/account.json:
--------------------------------------------------------------------------------
1 | {
2 | "sections": {
3 | "main": {
4 | "type": "main-account"
5 | }
6 | },
7 | "order": ["main"]
8 | }
9 |
--------------------------------------------------------------------------------
/templates/customers/activate_account.json:
--------------------------------------------------------------------------------
1 | {
2 | "sections": {
3 | "main": {
4 | "type": "main-activate-account"
5 | }
6 | },
7 | "order": ["main"]
8 | }
9 |
--------------------------------------------------------------------------------
/templates/customers/addresses.json:
--------------------------------------------------------------------------------
1 | {
2 | "sections": {
3 | "main": {
4 | "type": "main-addresses"
5 | }
6 | },
7 | "order": ["main"]
8 | }
9 |
--------------------------------------------------------------------------------
/templates/customers/login.json:
--------------------------------------------------------------------------------
1 | {
2 | "sections": {
3 | "main": {
4 | "type": "main-login"
5 | }
6 | },
7 | "order": ["main"]
8 | }
9 |
--------------------------------------------------------------------------------
/templates/customers/order.json:
--------------------------------------------------------------------------------
1 | {
2 | "sections": {
3 | "main": {
4 | "type": "main-order"
5 | }
6 | },
7 | "order": ["main"]
8 | }
9 |
--------------------------------------------------------------------------------
/templates/customers/register.json:
--------------------------------------------------------------------------------
1 | {
2 | "sections": {
3 | "main": {
4 | "type": "main-register"
5 | }
6 | },
7 | "order": ["main"]
8 | }
9 |
--------------------------------------------------------------------------------
/templates/customers/reset_password.json:
--------------------------------------------------------------------------------
1 | {
2 | "sections": {
3 | "main": {
4 | "type": "main-reset-password"
5 | }
6 | },
7 | "order": ["main"]
8 | }
9 |
--------------------------------------------------------------------------------
/templates/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "sections": {
3 | "image_banner": {
4 | "type": "image-banner",
5 | "blocks": {
6 | "heading": {
7 | "type": "heading",
8 | "settings": {
9 | "heading": "Image banner"
10 | }
11 | },
12 | "text": {
13 | "type": "text",
14 | "settings": {
15 | "text": "Give customers details about the banner image(s) or content on the template."
16 | }
17 | },
18 | "button": {
19 | "type": "buttons",
20 | "settings": {
21 | "button_label_1": "Shop all",
22 | "button_link_1": "shopify://collections/all"
23 | }
24 | }
25 | },
26 | "block_order": ["heading", "text", "button"],
27 | "settings": {
28 | "full_page_height_enable": true,
29 | "lazy_load_enable": false,
30 | "preload_first_image_enable": true
31 | }
32 | },
33 | "featured_collection": {
34 | "type": "featured-collection",
35 | "settings": {
36 | "title": "Featured products",
37 | "collection": "all",
38 | "products_to_show": 8
39 | }
40 | },
41 | "collection_list": {
42 | "type": "collection-list",
43 | "blocks": {
44 | "featured-collection-0": {
45 | "type": "featured_collection"
46 | },
47 | "featured-collection-1": {
48 | "type": "featured_collection"
49 | },
50 | "featured-collection-2": {
51 | "type": "featured_collection"
52 | }
53 | },
54 | "block_order": [
55 | "featured-collection-0",
56 | "featured-collection-1",
57 | "featured-collection-2"
58 | ]
59 | }
60 | },
61 | "order": ["image_banner", "featured_collection", "collection_list"]
62 | }
63 |
--------------------------------------------------------------------------------
/templates/list-collections.json:
--------------------------------------------------------------------------------
1 | {
2 | "sections": {
3 | "main": {
4 | "type": "main-list-collections"
5 | }
6 | },
7 | "order": ["main"]
8 | }
9 |
--------------------------------------------------------------------------------
/templates/page.contact.json:
--------------------------------------------------------------------------------
1 | {
2 | "sections": {
3 | "main": {
4 | "type": "main-page"
5 | },
6 | "form": {
7 | "type": "contact-form"
8 | }
9 | },
10 | "order": ["main", "form"]
11 | }
12 |
--------------------------------------------------------------------------------
/templates/page.json:
--------------------------------------------------------------------------------
1 | {
2 | "sections": {
3 | "main": {
4 | "type": "main-page",
5 | "settings": {}
6 | }
7 | },
8 | "order": ["main"]
9 | }
10 |
--------------------------------------------------------------------------------
/templates/password.json:
--------------------------------------------------------------------------------
1 | {
2 | "layout": "password",
3 | "sections": {
4 | "main": {
5 | "type": "email-signup-banner",
6 | "blocks": {
7 | "heading": {
8 | "type": "heading",
9 | "settings": {
10 | "heading": "Opening soon",
11 | "heading_size": "h1"
12 | }
13 | },
14 | "paragraph": {
15 | "type": "paragraph",
16 | "settings": {
17 | "text": "Be the first to know when we launch.
", 18 | "text_style": "body" 19 | } 20 | }, 21 | "email_form": { 22 | "type": "email_form" 23 | } 24 | }, 25 | "block_order": ["heading", "paragraph", "email_form"], 26 | "settings": { 27 | "image_overlay_opacity": 0, 28 | "show_background_image": true, 29 | "image_height": "medium", 30 | "desktop_content_position": "middle-center", 31 | "show_text_box": true, 32 | "desktop_content_alignment": "center", 33 | "color_scheme": "background-1", 34 | "mobile_content_alignment": "center", 35 | "show_text_below": true 36 | } 37 | } 38 | }, 39 | "order": ["main"] 40 | } 41 | -------------------------------------------------------------------------------- /templates/product.json: -------------------------------------------------------------------------------- 1 | { 2 | "sections": { 3 | "main": { 4 | "type": "main-product", 5 | "blocks": { 6 | "price": { 7 | "type": "price", 8 | "settings": {} 9 | }, 10 | "variant_picker": { 11 | "type": "variant_picker", 12 | "settings": { 13 | "picker_type": "button" 14 | } 15 | }, 16 | "buy_buttons": { 17 | "type": "buy_buttons", 18 | "settings": { 19 | "show_dynamic_checkout": true 20 | } 21 | }, 22 | "tab": { 23 | "type": "tab" 24 | } 25 | }, 26 | "block_order": ["price", "variant_picker", "buy_buttons", "tab"] 27 | }, 28 | "product-recommendations": { 29 | "type": "product-recommendations", 30 | "settings": {} 31 | } 32 | }, 33 | "order": ["main", "product-recommendations"] 34 | } 35 | -------------------------------------------------------------------------------- /templates/search.json: -------------------------------------------------------------------------------- 1 | { 2 | "sections": { 3 | "main": { 4 | "type": "main-search", 5 | "settings": {} 6 | } 7 | }, 8 | "order": ["main"] 9 | } 10 | -------------------------------------------------------------------------------- /vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import shopify from 'vite-plugin-shopify' 3 | import tailwindcss from '@tailwindcss/vite' 4 | 5 | // https://vitejs.dev/config/ 6 | export default defineConfig({ 7 | plugins: [shopify(), tailwindcss()], 8 | build: { 9 | rollupOptions: { 10 | output: { 11 | entryFileNames: '[name].[hash].min.js', 12 | chunkFileNames: '[name].[hash].min.js', 13 | assetFileNames: '[name].[hash].min[extname]' 14 | } 15 | } 16 | } 17 | }) 18 | --------------------------------------------------------------------------------