diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 000000000..f42cf6ac4 --- /dev/null +++ b/.gitattributes @@ -0,0 +1 @@ +*.json linguist-language=jsonc \ No newline at end of file diff --git a/.gitignore b/.gitignore new file mode 100644 index 000000000..3bcb0dd2f --- /dev/null +++ b/.gitignore @@ -0,0 +1,22 @@ +# OS generated files # +###################### +.DS_Store +.DS_Store? +._* +.Spotlight-V100 +.Trashes +ehthumbs.db +Thumbs.db +node_modules/ + +# Shopify CLI files +.shopify/ + +## Release files +release +*.zip + +# custom +*.md +.theme-check.yml +.shopifyignore \ No newline at end of file diff --git a/blocks/_announcement.liquid b/blocks/_announcement.liquid index bf37fb5f3..ae96fda9b 100644 --- a/blocks/_announcement.liquid +++ b/blocks/_announcement.liquid @@ -19,13 +19,13 @@ {% render 'typography-style', settings: block_settings, preset: 'custom' %} --width: 100%; --text-align: center; - --line-height: 1; + --line-height: 1.4; " {{ block.shopify_attributes }} aria-hidden="{% if block_index == 0 %}false{% else %}true{% endif %}" >

- {{ block.settings.text }} + {{ block.settings.text | split: '||' | join: '
' }}

{% if block_settings.link != blank %} diff --git a/blocks/ai_gen_block_2a866df.liquid b/blocks/ai_gen_block_2a866df.liquid new file mode 100644 index 000000000..ee889c081 --- /dev/null +++ b/blocks/ai_gen_block_2a866df.liquid @@ -0,0 +1,298 @@ +{% doc %} + @prompt + Can you make a custom policies tab that has a title "policies", lists all the policies below with links and is centered, make it centred, and make the policies all on one line +{% enddoc %} +{% assign ai_gen_id = block.id | replace: '_', '' | downcase %} + +{% style %} + .ai-policies-tab-{{ ai_gen_id }} { + display: block; + width: {{ block.settings.desktop_width_percent }}%; + max-width: 100%; + margin: 0 auto; + padding: {{ block.settings.padding_top }}px {{ block.settings.padding_horizontal }}px {{ block.settings.padding_bottom }}px; + background-color: {{ block.settings.background_color }}; + border-radius: {{ block.settings.border_radius }}px; + text-align: center; + } + + .ai-policies-tab__title-{{ ai_gen_id }} { + margin: 0 0 {{ block.settings.title_spacing }}px; + color: {{ block.settings.title_color }}; + font-size: {{ block.settings.title_size }}px; + font-weight: 700; + } + + .ai-policies-tab__list-{{ ai_gen_id }} { + list-style: none; + padding: 0; + margin: 0; + display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: {{ block.settings.link_spacing }}px; + justify-content: center; + align-items: center; + } + + .ai-policies-tab__item-{{ ai_gen_id }} { + margin: 0; + } + + .ai-policies-tab__link-{{ ai_gen_id }} { + color: {{ block.settings.link_color }}; + font-size: {{ block.settings.link_size }}px; + text-decoration: {{ block.settings.link_underline }}; + transition: color 0.2s ease; + white-space: nowrap; + } + + .ai-policies-tab__link-{{ ai_gen_id }}:hover { + color: {{ block.settings.link_hover_color }}; + } + + .ai-policies-tab__empty-{{ ai_gen_id }} { + color: {{ block.settings.title_color }}; + opacity: 0.6; + font-size: {{ block.settings.link_size }}px; + font-style: italic; + } + + @media screen and (max-width: 749px) { + .ai-policies-tab-{{ ai_gen_id }} { + padding: {{ block.settings.padding_top | times: 0.7 }}px {{ block.settings.padding_horizontal | times: 0.7 }}px {{ block.settings.padding_bottom | times: 0.7 }}px; + } + + .ai-policies-tab__title-{{ ai_gen_id }} { + font-size: {{ block.settings.title_size | times: 0.8 }}px; + } + + .ai-policies-tab__link-{{ ai_gen_id }} { + font-size: {{ block.settings.link_size | times: 0.9 }}px; + } + } +{% endstyle %} + +
+

{{ block.settings.title }}

+ + {% liquid + assign has_policies = false + if shop.privacy_policy or shop.refund_policy or shop.shipping_policy or shop.terms_of_service or shop.contact_information + assign has_policies = true + endif + %} + + {% if has_policies %} + + {% else %} +

+ No policies have been added yet. Add them in your store settings. +

+ {% endif %} +
+ +{% schema %} +{ + "name": "Policies", + "settings": [ + { + "type": "header", + "content": "Content" + }, + { + "type": "text", + "id": "title", + "label": "Title", + "default": "Policies" + }, + { + "type": "range", + "id": "desktop_width_percent", + "label": "Desktop width", + "min": 50, + "max": 100, + "step": 5, + "unit": "%", + "default": 100 + }, + { + "type": "header", + "content": "Style" + }, + { + "type": "color", + "id": "background_color", + "label": "Background color", + "default": "#FFFFFF" + }, + { + "type": "range", + "id": "border_radius", + "label": "Border radius", + "min": 0, + "max": 40, + "step": 2, + "unit": "px", + "default": 0 + }, + { + "type": "range", + "id": "padding_top", + "label": "Padding top", + "min": 0, + "max": 100, + "step": 5, + "unit": "px", + "default": 40 + }, + { + "type": "range", + "id": "padding_bottom", + "label": "Padding bottom", + "min": 0, + "max": 100, + "step": 5, + "unit": "px", + "default": 40 + }, + { + "type": "range", + "id": "padding_horizontal", + "label": "Padding horizontal", + "min": 0, + "max": 100, + "step": 5, + "unit": "px", + "default": 20 + }, + { + "type": "header", + "content": "Title" + }, + { + "type": "color", + "id": "title_color", + "label": "Color", + "default": "#121212" + }, + { + "type": "range", + "id": "title_size", + "label": "Size", + "min": 16, + "max": 48, + "step": 2, + "unit": "px", + "default": 32 + }, + { + "type": "range", + "id": "title_spacing", + "label": "Spacing below", + "min": 10, + "max": 50, + "step": 5, + "unit": "px", + "default": 25 + }, + { + "type": "header", + "content": "Links" + }, + { + "type": "color", + "id": "link_color", + "label": "Color", + "default": "#121212" + }, + { + "type": "color", + "id": "link_hover_color", + "label": "Hover color", + "default": "#333333" + }, + { + "type": "range", + "id": "link_size", + "label": "Size", + "min": 12, + "max": 24, + "step": 1, + "unit": "px", + "default": 16 + }, + { + "type": "select", + "id": "link_underline", + "label": "Underline", + "options": [ + { + "value": "none", + "label": "None" + }, + { + "value": "underline", + "label": "Underline" + } + ], + "default": "none" + }, + { + "type": "range", + "id": "link_spacing", + "label": "Spacing between", + "min": 5, + "max": 50, + "step": 5, + "unit": "px", + "default": 20 + } + ], + "presets": [ + { + "name": "Policies" + } + ] +} +{% endschema %} \ No newline at end of file diff --git a/blocks/ai_gen_block_b2fcd10.liquid b/blocks/ai_gen_block_b2fcd10.liquid new file mode 100644 index 000000000..87b9b6197 --- /dev/null +++ b/blocks/ai_gen_block_b2fcd10.liquid @@ -0,0 +1,312 @@ +{% doc %} + @prompt + can i create a product safety warning section for products of this type +{% enddoc %} +{% assign ai_gen_id = block.id | replace: '_', '' | downcase %} + +{% style %} + .ai-safety-warning-{{ ai_gen_id }} { + display: block; + width: {{ block.settings.desktop_width_percent }}%; + max-width: 100%; + padding: {{ block.settings.padding }}px; + background-color: {{ block.settings.background_color }}; + border: {{ block.settings.border_width }}px solid {{ block.settings.border_color }}; + border-radius: {{ block.settings.border_radius }}px; + margin: {{ block.settings.margin_top }}px 0 {{ block.settings.margin_bottom }}px; + } + + .ai-safety-warning-header-{{ ai_gen_id }} { + display: flex; + align-items: center; + gap: 12px; + margin-bottom: {{ block.settings.spacing }}px; + } + + .ai-safety-warning-icon-{{ ai_gen_id }} { + flex-shrink: 0; + width: {{ block.settings.icon_size }}px; + height: {{ block.settings.icon_size }}px; + color: {{ block.settings.icon_color }}; + } + + .ai-safety-warning-title-{{ ai_gen_id }} { + margin: 0; + font-size: {{ block.settings.title_size }}px; + font-weight: 600; + color: {{ block.settings.text_color }}; + } + + .ai-safety-warning-content-{{ ai_gen_id }} { + color: {{ block.settings.text_color }}; + font-size: {{ block.settings.text_size }}px; + line-height: 1.6; + } + + .ai-safety-warning-content-{{ ai_gen_id }} p { + margin: 0 0 {{ block.settings.spacing }}px; + } + + .ai-safety-warning-content-{{ ai_gen_id }} p:last-child { + margin-bottom: 0; + } + + .ai-safety-warning-content-{{ ai_gen_id }} ul, + .ai-safety-warning-content-{{ ai_gen_id }} ol { + margin: 0 0 {{ block.settings.spacing }}px; + padding-left: 20px; + } + + .ai-safety-warning-content-{{ ai_gen_id }} li { + margin-bottom: 8px; + } + + .ai-safety-warning-content-{{ ai_gen_id }} li:last-child { + margin-bottom: 0; + } + + @media screen and (max-width: 749px) { + .ai-safety-warning-{{ ai_gen_id }} { + width: 100%; + } + } +{% endstyle %} + +
+
+ {% if block.settings.show_icon %} +
+ {% if block.settings.icon_style == 'warning' %} + + + + + + {% elsif block.settings.icon_style == 'alert' %} + + + + + + {% elsif block.settings.icon_style == 'info' %} + + + + + + {% else %} + + + + + + {% endif %} +
+ {% endif %} + + {% if block.settings.title != blank %} +

{{ block.settings.title }}

+ {% endif %} +
+ + {% if block.settings.content != blank %} +
+ {{ block.settings.content }} +
+ {% endif %} +
+ +{% schema %} +{ + "name": "Product safety warning", + "settings": [ + { + "type": "header", + "content": "Content" + }, + { + "type": "text", + "id": "title", + "label": "Title", + "default": "Safety Warning" + }, + { + "type": "richtext", + "id": "content", + "label": "Warning text", + "default": "

Choking hazard: Small parts. Not suitable for children under 3 years.

Keep away from: Heat sources, open flames, and direct sunlight.

Adult supervision required when used by children.

" + }, + { + "type": "header", + "content": "Icon" + }, + { + "type": "checkbox", + "id": "show_icon", + "label": "Show icon", + "default": true + }, + { + "type": "select", + "id": "icon_style", + "label": "Icon style", + "options": [ + { + "value": "warning", + "label": "Warning triangle" + }, + { + "value": "alert", + "label": "Alert circle" + }, + { + "value": "info", + "label": "Info circle" + } + ], + "default": "warning" + }, + { + "type": "range", + "id": "icon_size", + "label": "Icon size", + "min": 16, + "max": 48, + "step": 2, + "unit": "px", + "default": 24 + }, + { + "type": "color", + "id": "icon_color", + "label": "Icon color", + "default": "#D82C0D" + }, + { + "type": "header", + "content": "Style" + }, + { + "type": "color", + "id": "background_color", + "label": "Background", + "default": "#FFF4E6" + }, + { + "type": "color", + "id": "text_color", + "label": "Text", + "default": "#121212" + }, + { + "type": "color", + "id": "border_color", + "label": "Border", + "default": "#FFB84D" + }, + { + "type": "range", + "id": "border_width", + "label": "Border width", + "min": 0, + "max": 4, + "step": 1, + "unit": "px", + "default": 1 + }, + { + "type": "range", + "id": "border_radius", + "label": "Border radius", + "min": 0, + "max": 24, + "step": 2, + "unit": "px", + "default": 8 + }, + { + "type": "range", + "id": "padding", + "label": "Padding", + "min": 8, + "max": 40, + "step": 2, + "unit": "px", + "default": 20 + }, + { + "type": "range", + "id": "spacing", + "label": "Content spacing", + "min": 4, + "max": 24, + "step": 2, + "unit": "px", + "default": 12 + }, + { + "type": "header", + "content": "Typography" + }, + { + "type": "range", + "id": "title_size", + "label": "Title size", + "min": 12, + "max": 32, + "step": 1, + "unit": "px", + "default": 16 + }, + { + "type": "range", + "id": "text_size", + "label": "Text size", + "min": 10, + "max": 24, + "step": 1, + "unit": "px", + "default": 14 + }, + { + "type": "header", + "content": "Layout" + }, + { + "type": "range", + "id": "desktop_width_percent", + "label": "Desktop width", + "min": 50, + "max": 100, + "step": 5, + "unit": "%", + "default": 100 + }, + { + "type": "range", + "id": "margin_top", + "label": "Margin top", + "min": 0, + "max": 40, + "step": 4, + "unit": "px", + "default": 0 + }, + { + "type": "range", + "id": "margin_bottom", + "label": "Margin bottom", + "min": 0, + "max": 40, + "step": 4, + "unit": "px", + "default": 0 + } + ], + "presets": [ + { + "name": "Product safety warning" + } + ] +} +{% endschema %} \ No newline at end of file diff --git a/blocks/social-links.liquid b/blocks/social-links.liquid index 803e2b2e8..cf149ec70 100644 --- a/blocks/social-links.liquid +++ b/blocks/social-links.liquid @@ -3,7 +3,7 @@ {{ block.shopify_attributes }} > {% liquid - assign social_links = 'facebook_url,instagram_url,youtube_url,tiktok_url,twitter_url,threads_url,linkedin_url,bluesky_url,snapchat_url,pinterest_url,tumblr_url,vimeo_url,custom_url' | split: ',' + assign social_links = 'facebook_url,instagram_url,youtube_url,tiktok_url,twitter_url,threads_url,linkedin_url,bluesky_url,snapchat_url,pinterest_url,tumblr_url,vimeo_url,whatsapp_url,custom_url' | split: ',' %} {% for link_key in social_links %} @@ -38,6 +38,8 @@ assign platform = 'tumblr' when 'vimeo_url' assign platform = 'vimeo' + when 'whatsapp_url' + assign platform = 'whatsapp' when 'custom_url' # For custom URLs, extract domain from URL for platform identification assign platform = link_url | split: '//' | last | remove: 'www.' | split: '.' | first @@ -224,6 +226,11 @@ "id": "vimeo_url", "label": "t:options.vimeo" }, + { + "type": "url", + "id": "whatsapp_url", + "label": "t:options.whatsapp" + }, { "type": "url", "id": "custom_url", diff --git a/config/settings_data.json b/config/settings_data.json index 41beca196..a6765718a 100644 --- a/config/settings_data.json +++ b/config/settings_data.json @@ -7,10 +7,11 @@ * made to this file may be overwritten. * ------------------------------------------------------------ */ - { +{ "current": { - "logo_height": 36, - "logo_height_mobile": 28, + "logo": "shopify://shop_images/logo_210_60.svg", + "logo_height": 50, + "logo_height_mobile": 40, "type_body_font": "inter_n4", "type_subheading_font": "inter_n5", "type_heading_font": "inter_n7", @@ -54,7 +55,6 @@ "button_border_radius_primary": 14, "secondary_button_border_width": 1, "button_border_radius_secondary": 14, - "button_font_weight_secondary": "default", "cart_type": "drawer", "cart_price_font": "subheading", "show_cart_note": false, @@ -77,111 +77,112 @@ "variant_button_border_width": 1, "variant_button_radius": 14, "variant_button_width": "equal-width-buttons", + "button_font_weight_secondary": "default", "content_for_index": [], "color_schemes": { "scheme-1": { "settings": { "background": "#ffffff", - "foreground_heading": "#000000", - "foreground": "#000000cf", - "primary": "#000000cf", - "primary_hover": "#000000", - "border": "#0000000f", - "shadow": "#000000", - "primary_button_background": "#000000", + "foreground_heading": "#121212", + "foreground": "#121212cf", + "primary": "#121212cf", + "primary_hover": "#121212", + "border": "#12121221", + "shadow": "#121212", + "primary_button_background": "#121212", "primary_button_text": "#ffffff", - "primary_button_border": "#000000", + "primary_button_border": "#121212", "primary_button_hover_background": "#333333", "primary_button_hover_text": "#ffffff", - "primary_button_hover_border": "#000000", + "primary_button_hover_border": "#121212", "secondary_button_background": "rgba(0,0,0,0)", - "secondary_button_text": "#000000", - "secondary_button_border": "#000000", - "secondary_button_hover_background": "#fafafa", + "secondary_button_text": "#121212", + "secondary_button_border": "#121212", + "secondary_button_hover_background": "#f5f5f5", "secondary_button_hover_text": "#333333", "secondary_button_hover_border": "#333333", "input_background": "#ffffffc7", - "input_text_color": "#333333", - "input_border_color": "#dfdfdf", - "input_hover_background": "#00000003", + "input_text_color": "#121212", + "input_border_color": "#12121221", + "input_hover_background": "#f5f5f5", "variant_background_color": "#ffffff", - "variant_text_color": "#000000", - "variant_border_color": "#00000021", + "variant_text_color": "#121212", + "variant_border_color": "#12121221", "variant_hover_background_color": "#f5f5f5", - "variant_hover_text_color": "#000000", + "variant_hover_text_color": "#121212", "variant_hover_border_color": "#e6e6e6", - "selected_variant_background_color": "#000000", + "selected_variant_background_color": "#121212", "selected_variant_text_color": "#ffffff", - "selected_variant_border_color": "#000000", - "selected_variant_hover_background_color": "#1a1a1a", + "selected_variant_border_color": "#121212", + "selected_variant_hover_background_color": "#333333", "selected_variant_hover_text_color": "#ffffff", - "selected_variant_hover_border_color": "#1a1a1a" + "selected_variant_hover_border_color": "#333333" } }, "scheme-2": { "settings": { - "background": "#f5f5f5", - "foreground_heading": "#000000", - "foreground": "#000000cf", - "primary": "#000000cf", - "primary_hover": "#ffffff", - "border": "#dfdfdf", - "shadow": "#000000", - "primary_button_background": "#000000", - "primary_button_text": "#ffffff", - "primary_button_border": "#000000", + "background": "#f3f3f3", + "foreground_heading": "#121212", + "foreground": "#121212cf", + "primary": "#121212cf", + "primary_hover": "#121212", + "border": "#12121221", + "shadow": "#121212", + "primary_button_background": "#121212", + "primary_button_text": "#f3f3f3", + "primary_button_border": "#121212", "primary_button_hover_background": "#333333", "primary_button_hover_text": "#ffffff", "primary_button_hover_border": "#333333", "secondary_button_background": "rgba(0,0,0,0)", - "secondary_button_text": "#000000", - "secondary_button_border": "#000000", + "secondary_button_text": "#121212", + "secondary_button_border": "#121212", "secondary_button_hover_background": "#ffffff5c", - "secondary_button_hover_text": "#000000", + "secondary_button_hover_text": "#121212", "secondary_button_hover_border": "#333333ba", "input_background": "rgba(0,0,0,0)", - "input_text_color": "#00000087", - "input_border_color": "#00000021", + "input_text_color": "#121212", + "input_border_color": "#12121221", "input_hover_background": "#ffffff5c", "variant_background_color": "#ffffff", - "variant_text_color": "#000000", + "variant_text_color": "#121212", "variant_border_color": "#e6e6e6", "variant_hover_background_color": "#f5f5f5", - "variant_hover_text_color": "#000000", + "variant_hover_text_color": "#121212", "variant_hover_border_color": "#e6e6e6", - "selected_variant_background_color": "#000000", + "selected_variant_background_color": "#121212", "selected_variant_text_color": "#ffffff", - "selected_variant_border_color": "#000000", - "selected_variant_hover_background_color": "#1a1a1a", + "selected_variant_border_color": "#121212", + "selected_variant_hover_background_color": "#333333", "selected_variant_hover_text_color": "#ffffff", - "selected_variant_hover_border_color": "#1a1a1a" + "selected_variant_hover_border_color": "#333333" } }, "scheme-3": { "settings": { - "background": "#eef1ea", - "foreground_heading": "#000000", - "foreground": "#000000cf", - "primary": "#000000cf", - "primary_hover": "#000000", - "border": "#000000cf", - "shadow": "#000000", - "primary_button_background": "#000000", - "primary_button_text": "#ffffff", - "primary_button_border": "#000000", - "primary_button_hover_background": "#333333", + "background": "#242833", + "foreground_heading": "#ffffff", + "foreground": "#ffffff", + "primary": "#ffffff", + "primary_hover": "#ffffffb0", + "border": "#ffffffb0", + "shadow": "#121212", + "primary_button_background": "#ffffff", + "primary_button_text": "#000000", + "primary_button_border": "#ffffff", + "primary_button_hover_background": "#000000", "primary_button_hover_text": "#ffffff", - "primary_button_hover_border": "#333333", + "primary_button_hover_border": "#000000", "secondary_button_background": "rgba(0,0,0,0)", - "secondary_button_text": "#000000", - "secondary_button_border": "#000000", - "secondary_button_hover_background": "#ffffff5c", - "secondary_button_hover_text": "#000000cf", - "secondary_button_hover_border": "#000000cf", - "input_background": "rgba(0,0,0,0)", - "input_text_color": "#000000cf", - "input_border_color": "#000000cf", - "input_hover_background": "#ffffff5c", + "secondary_button_text": "#ffffff", + "secondary_button_border": "#ffffffb0", + "secondary_button_hover_background": "#ffffff0a", + "secondary_button_hover_text": "#ffffffed", + "secondary_button_hover_border": "#ffffffb0", + "input_background": "#242833", + "input_text_color": "#ffffffed", + "input_border_color": "#ffffffb0", + "input_hover_background": "#ffffff0a", "variant_background_color": "#ffffff", "variant_text_color": "#000000", "variant_border_color": "#e6e6e6", @@ -198,54 +199,54 @@ }, "scheme-4": { "settings": { - "background": "#e1edf5", - "foreground_heading": "#000000", - "foreground": "#000000cf", - "primary": "#000000cf", - "primary_hover": "#000000", - "border": "#1d368680", - "shadow": "#000000", - "primary_button_background": "#000000", - "primary_button_text": "#ffffff", - "primary_button_border": "#1d3686", - "primary_button_hover_background": "#333333", + "background": "#121212", + "foreground_heading": "#ffffff", + "foreground": "#ffffff", + "primary": "#ffffff", + "primary_hover": "#ffffffb0", + "border": "#ffffffb0", + "shadow": "#121212", + "primary_button_background": "#ffffff", + "primary_button_text": "#121212", + "primary_button_border": "#ffffff", + "primary_button_hover_background": "#000000", "primary_button_hover_text": "#ffffff", "primary_button_hover_border": "#000000", "secondary_button_background": "rgba(0,0,0,0)", - "secondary_button_text": "#000000", - "secondary_button_border": "#000000", - "secondary_button_hover_background": "#ffffff5c", - "secondary_button_hover_text": "#000000cf", - "secondary_button_hover_border": "#000000cf", - "input_background": "rgba(0,0,0,0)", - "input_text_color": "#000000cf", - "input_border_color": "#000000cf", - "input_hover_background": "#ffffff5c", + "secondary_button_text": "#ffffff", + "secondary_button_border": "#ffffffb0", + "secondary_button_hover_background": "#ffffff0a", + "secondary_button_hover_text": "#ffffffed", + "secondary_button_hover_border": "#ffffffb0", + "input_background": "#121212", + "input_text_color": "#ffffffed", + "input_border_color": "#ffffffb0", + "input_hover_background": "#ffffff0a", "variant_background_color": "#ffffff", - "variant_text_color": "#000000", + "variant_text_color": "#121212", "variant_border_color": "#e6e6e6", "variant_hover_background_color": "#f5f5f5", - "variant_hover_text_color": "#000000", + "variant_hover_text_color": "#121212", "variant_hover_border_color": "#e6e6e6", - "selected_variant_background_color": "#000000", - "selected_variant_text_color": "#ffffff", - "selected_variant_border_color": "#000000", - "selected_variant_hover_background_color": "#1a1a1a", - "selected_variant_hover_text_color": "#ffffff", - "selected_variant_hover_border_color": "#1a1a1a" + "selected_variant_background_color": "#ffffff", + "selected_variant_text_color": "#121212", + "selected_variant_border_color": "#ffffff", + "selected_variant_hover_background_color": "#f0f0f0", + "selected_variant_hover_text_color": "#121212", + "selected_variant_hover_border_color": "#f0f0f0" } }, "scheme-5": { "settings": { - "background": "#333333", + "background": "#4e6b9e", "foreground_heading": "#ffffff", "foreground": "#ffffff", "primary": "#ffffff", "primary_hover": "#ffffffb0", "border": "#ffffffb0", - "shadow": "#000000", + "shadow": "#121212", "primary_button_background": "#ffffff", - "primary_button_text": "#000000", + "primary_button_text": "#4e6b9e", "primary_button_border": "#ffffff", "primary_button_hover_background": "#000000", "primary_button_hover_text": "#ffffff", @@ -256,22 +257,22 @@ "secondary_button_hover_background": "#ffffff0a", "secondary_button_hover_text": "#ffffffed", "secondary_button_hover_border": "#ffffffb0", - "input_background": "#333333", + "input_background": "#4e6b9e", "input_text_color": "#ffffffed", "input_border_color": "#ffffffb0", "input_hover_background": "#ffffff0a", "variant_background_color": "#ffffff", - "variant_text_color": "#000000", - "variant_border_color": "#e6e6e6", + "variant_text_color": "#4e6b9e", + "variant_border_color": "#4e6b9e66", "variant_hover_background_color": "#f5f5f5", - "variant_hover_text_color": "#000000", - "variant_hover_border_color": "#e6e6e6", - "selected_variant_background_color": "#000000", + "variant_hover_text_color": "#4e6b9e", + "variant_hover_border_color": "#4e6b9e", + "selected_variant_background_color": "#4e6b9e", "selected_variant_text_color": "#ffffff", - "selected_variant_border_color": "#000000", - "selected_variant_hover_background_color": "#1a1a1a", + "selected_variant_border_color": "#4e6b9e", + "selected_variant_hover_background_color": "#2339a0", "selected_variant_hover_text_color": "#ffffff", - "selected_variant_hover_border_color": "#1a1a1a" + "selected_variant_hover_border_color": "#394fc0" } }, "scheme-6": { @@ -359,22 +360,22 @@ "color_schemes": { "scheme-1": { "settings": { - "background": "#ffffff", - "foreground_heading": "#000000", - "foreground": "#000000cf", - "primary": "#000000cf", - "primary_hover": "#000000", - "border": "#0000000f", - "shadow": "#000000", - "primary_button_background": "#000000", - "primary_button_text": "#ffffff", - "primary_button_border": "#000000", + "background": "#FFFFFF", + "foreground_heading": "#121212", + "foreground": "#121212cf", + "primary": "#121212cf", + "primary_hover": "#121212", + "border": "#12121220", + "shadow": "#121212", + "primary_button_background": "#121212", + "primary_button_text": "#FFFFFF", + "primary_button_border": "#121212", "primary_button_hover_background": "#333333", - "primary_button_hover_text": "#ffffff", - "primary_button_hover_border": "#000000", + "primary_button_hover_text": "#FFFFFF", + "primary_button_hover_border": "#121212", "secondary_button_background": "rgba(0,0,0,0)", - "secondary_button_text": "#000000", - "secondary_button_border": "#000000", + "secondary_button_text": "#121212", + "secondary_button_border": "#121212", "secondary_button_hover_background": "#fafafa", "secondary_button_hover_text": "#333333", "secondary_button_hover_border": "#333333", @@ -382,77 +383,77 @@ "input_text_color": "#333333", "input_border_color": "#dfdfdf", "input_hover_background": "#00000003", - "variant_background_color": "#ffffff", - "variant_text_color": "#000000", + "variant_background_color": "#FFFFFF", + "variant_text_color": "#121212", "variant_border_color": "#00000021", "variant_hover_background_color": "#f5f5f5", - "variant_hover_text_color": "#000000", + "variant_hover_text_color": "#121212", "variant_hover_border_color": "#e6e6e6", - "selected_variant_background_color": "#000000", - "selected_variant_text_color": "#ffffff", - "selected_variant_border_color": "#000000", + "selected_variant_background_color": "#121212", + "selected_variant_text_color": "#FFFFFF", + "selected_variant_border_color": "#121212", "selected_variant_hover_background_color": "#1a1a1a", - "selected_variant_hover_text_color": "#ffffff", + "selected_variant_hover_text_color": "#FFFFFF", "selected_variant_hover_border_color": "#1a1a1a" } }, "scheme-2": { "settings": { - "background": "#f5f5f5", - "foreground_heading": "#000000", - "foreground": "#000000cf", - "primary": "#000000cf", + "background": "#F3F3F3", + "foreground_heading": "#121212", + "foreground": "#121212cf", + "primary": "#121212cf", "primary_hover": "#ffffff", "border": "#DFDFDF", - "shadow": "#000000", - "primary_button_background": "#000000", - "primary_button_text": "#ffffff", - "primary_button_border": "#000000", + "shadow": "#121212", + "primary_button_background": "#121212", + "primary_button_text": "#F3F3F3", + "primary_button_border": "#121212", "primary_button_hover_background": "#333333", - "primary_button_hover_text": "#ffffff", + "primary_button_hover_text": "#FFFFFF", "primary_button_hover_border": "#333333", "secondary_button_background": "rgba(0,0,0,0)", - "secondary_button_text": "#000000", - "secondary_button_border": "#000000", + "secondary_button_text": "#121212", + "secondary_button_border": "#121212", "secondary_button_hover_background": "#ffffff5c", - "secondary_button_hover_text": "#000000", + "secondary_button_hover_text": "#121212", "secondary_button_hover_border": "#333333ba", "input_background": "rgba(0,0,0,0)", "input_text_color": "#00000087", "input_border_color": "#00000021", "input_hover_background": "#ffffff5c", - "variant_background_color": "#ffffff", - "variant_text_color": "#000000", + "variant_background_color": "#FFFFFF", + "variant_text_color": "#121212", "variant_border_color": "#e6e6e6", "variant_hover_background_color": "#f5f5f5", - "variant_hover_text_color": "#000000", + "variant_hover_text_color": "#121212", "variant_hover_border_color": "#e6e6e6", - "selected_variant_background_color": "#000000", - "selected_variant_text_color": "#ffffff", - "selected_variant_border_color": "#000000", + "selected_variant_background_color": "#121212", + "selected_variant_text_color": "#FFFFFF", + "selected_variant_border_color": "#121212", "selected_variant_hover_background_color": "#1a1a1a", - "selected_variant_hover_text_color": "#ffffff", + "selected_variant_hover_text_color": "#FFFFFF", "selected_variant_hover_border_color": "#1a1a1a" } }, "scheme-3": { "settings": { - "background": "#eef1ea", + "background": "#242833", "foreground_heading": "#000000", "foreground": "#000000cf", "primary": "#000000cf", "primary_hover": "#000000", "border": "#000000cf", - "shadow": "#000000", - "primary_button_background": "#000000", - "primary_button_text": "#ffffff", - "primary_button_border": "#000000", + "shadow": "#121212", + "primary_button_background": "#FFFFFF", + "primary_button_text": "#000000", + "primary_button_border": "#FFFFFF", "primary_button_hover_background": "#333333", - "primary_button_hover_text": "#ffffff", + "primary_button_hover_text": "#FFFFFF", "primary_button_hover_border": "#333333", "secondary_button_background": "rgba(0,0,0,0)", - "secondary_button_text": "#000000", - "secondary_button_border": "#000000", + "secondary_button_text": "#FFFFFF", + "secondary_button_border": "#FFFFFF", "secondary_button_hover_background": "#ffffff5c", "secondary_button_hover_text": "#000000cf", "secondary_button_hover_border": "#000000cf", @@ -460,38 +461,38 @@ "input_text_color": "#000000cf", "input_border_color": "#000000cf", "input_hover_background": "#ffffff5c", - "variant_background_color": "#ffffff", + "variant_background_color": "#FFFFFF", "variant_text_color": "#000000", "variant_border_color": "#e6e6e6", "variant_hover_background_color": "#f5f5f5", "variant_hover_text_color": "#000000", "variant_hover_border_color": "#e6e6e6", "selected_variant_background_color": "#000000", - "selected_variant_text_color": "#ffffff", + "selected_variant_text_color": "#FFFFFF", "selected_variant_border_color": "#000000", "selected_variant_hover_background_color": "#1a1a1a", - "selected_variant_hover_text_color": "#ffffff", + "selected_variant_hover_text_color": "#FFFFFF", "selected_variant_hover_border_color": "#1a1a1a" } }, "scheme-4": { "settings": { - "background": "#e1edf5", + "background": "#121212", "foreground_heading": "#000000", "foreground": "#000000cf", "primary": "#000000cf", "primary_hover": "#000000", "border": "#1d368680", - "shadow": "#000000", - "primary_button_background": "#000000", - "primary_button_text": "#ffffff", - "primary_button_border": "#1d3686", + "shadow": "#121212", + "primary_button_background": "#FFFFFF", + "primary_button_text": "#121212", + "primary_button_border": "#FFFFFF", "primary_button_hover_background": "#333333", - "primary_button_hover_text": "#ffffff", + "primary_button_hover_text": "#FFFFFF", "primary_button_hover_border": "#000000", "secondary_button_background": "rgba(0,0,0,0)", - "secondary_button_text": "#000000", - "secondary_button_border": "#000000", + "secondary_button_text": "#FFFFFF", + "secondary_button_border": "#FFFFFF", "secondary_button_hover_background": "#ffffff5c", "secondary_button_hover_text": "#000000cf", "secondary_button_hover_border": "#000000cf", @@ -499,31 +500,31 @@ "input_text_color": "#000000cf", "input_border_color": "#000000cf", "input_hover_background": "#ffffff5c", - "variant_background_color": "#ffffff", - "variant_text_color": "#000000", + "variant_background_color": "#FFFFFF", + "variant_text_color": "#121212", "variant_border_color": "#e6e6e6", "variant_hover_background_color": "#f5f5f5", - "variant_hover_text_color": "#000000", + "variant_hover_text_color": "#121212", "variant_hover_border_color": "#e6e6e6", - "selected_variant_background_color": "#000000", - "selected_variant_text_color": "#ffffff", - "selected_variant_border_color": "#000000", + "selected_variant_background_color": "#121212", + "selected_variant_text_color": "#FFFFFF", + "selected_variant_border_color": "#121212", "selected_variant_hover_background_color": "#1a1a1a", - "selected_variant_hover_text_color": "#ffffff", + "selected_variant_hover_text_color": "#FFFFFF", "selected_variant_hover_border_color": "#1a1a1a" } }, "scheme-5": { "settings": { - "background": "#333333", + "background": "#4E6B9E", "foreground_heading": "#ffffff", "foreground": "#ffffff", "primary": "#ffffff", "primary_hover": "#ffffffb0", "border": "#ffffffb0", - "shadow": "#000000", - "primary_button_background": "#ffffff", - "primary_button_text": "#000000", + "shadow": "#121212", + "primary_button_background": "#FFFFFF", + "primary_button_text": "#4E6B9E", "primary_button_border": "#ffffff", "primary_button_hover_background": "#000000", "primary_button_hover_text": "#ffffff", @@ -534,33 +535,33 @@ "secondary_button_hover_background": "#ffffff0a", "secondary_button_hover_text": "#ffffffed", "secondary_button_hover_border": "#ffffffb0", - "input_background": "#333333", + "input_background": "#4E6B9E", "input_text_color": "#ffffffed", "input_border_color": "#ffffffb0", "input_hover_background": "#ffffff0a", - "variant_background_color": "#ffffff", - "variant_text_color": "#000000", - "variant_border_color": "#e6e6e6", + "variant_background_color": "#FFFFFF", + "variant_text_color": "#4E6B9E", + "variant_border_color": "#4E6B9E66", "variant_hover_background_color": "#f5f5f5", - "variant_hover_text_color": "#000000", - "variant_hover_border_color": "#e6e6e6", - "selected_variant_background_color": "#000000", - "selected_variant_text_color": "#ffffff", - "selected_variant_border_color": "#000000", - "selected_variant_hover_background_color": "#1a1a1a", - "selected_variant_hover_text_color": "#ffffff", - "selected_variant_hover_border_color": "#1a1a1a" + "variant_hover_text_color": "#4E6B9E", + "variant_hover_border_color": "#4E6B9E", + "selected_variant_background_color": "#4E6B9E", + "selected_variant_text_color": "#FFFFFF", + "selected_variant_border_color": "#4E6B9E", + "selected_variant_hover_background_color": "#3d5475", + "selected_variant_hover_text_color": "#FFFFFF", + "selected_variant_hover_border_color": "#3d5475" } }, "scheme-6": { "settings": { "background": "rgba(0,0,0,0)", "foreground_heading": "#ffffff", - "foreground": "#ffffff", - "primary": "#ffffff", + "foreground": "#f2f2f2", + "primary": "#eaeaea", "primary_hover": "#ffffffb0", "border": "#e6e6e6", - "shadow": "#000000", + "shadow": "#121212", "primary_button_background": "#ffffff", "primary_button_text": "#000000", "primary_button_border": "#ffffff", diff --git a/locales/en.default.schema.json b/locales/en.default.schema.json index f21b6729f..1010cb895 100644 --- a/locales/en.default.schema.json +++ b/locales/en.default.schema.json @@ -740,6 +740,7 @@ "vimeo": "Vimeo", // Icon option for washing machine or laundry symbol "washing": "Washing", + "whatsapp": "WhatsApp", "wide": "Wide", "youtube": "YouTube", "with_hints": "With hints", diff --git a/sections/ase-color-palette.liquid b/sections/ase-color-palette.liquid new file mode 100644 index 000000000..d63c02e1a --- /dev/null +++ b/sections/ase-color-palette.liquid @@ -0,0 +1,507 @@ +{% liquid + assign color_filter = nil + assign filter_option = section.settings.filter_option | downcase + + for filter in collection.filters + assign filter_label_down = filter.label | downcase + if filter_label_down == filter_option + assign color_filter = filter + break + endif + endfor + + assign has_swatch = false + if color_filter != blank + assign swatch_index = color_filter.values | find_index: 'swatch' + if swatch_index != null + assign has_swatch = true + endif + endif + + assign columns_desktop = section.settings.columns_desktop + assign columns_mobile = section.settings.columns_mobile + assign gap = section.settings.grid_gap + assign gap_mobile = gap | divided_by: 2 +%} + +{% if color_filter != blank and color_filter.values.size > 0 %} +
+
+
+ + +
+
    + {%- comment -%} Show All button {%- endcomment -%} +
  • + +
  • + + {%- for value in color_filter.values -%} + {%- if value.count > 0 or value.active -%} +
  • + +
  • + {%- endif -%} + {%- endfor -%} +
+
+
+
+{% endif %} + +{% stylesheet %} + .ase-color-grid { + display: flex; + flex-direction: column; + gap: 16px; + } + + .ase-color-grid__toggle { + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; + padding: 0; + border: none; + background: none; + cursor: pointer; + color: inherit; + font: inherit; + text-align: left; + gap: 8px; + } + + .ase-color-grid__heading { + margin: 0; + font-weight: 600; + } + + .ase-color-grid__chevron { + display: flex; + align-items: center; + transition: transform 0.3s ease; + } + + .ase-color-grid__toggle[aria-expanded="false"] .ase-color-grid__chevron { + transform: rotate(-90deg); + } + + .ase-color-grid__collapsible { + display: grid; + grid-template-rows: 1fr; + transition: grid-template-rows 0.3s ease, opacity 0.3s ease; + opacity: 1; + } + + .ase-color-grid__collapsible--closed { + grid-template-rows: 0fr; + opacity: 0; + } + + .ase-color-grid__collapsible > ul { + overflow: hidden; + } + + .ase-color-grid__list { + display: flex; + flex-wrap: wrap; + list-style: none; + padding: 0; + margin: 0; + column-gap: var(--grid-gap-mobile, 8px); + row-gap: var(--grid-gap-mobile, 8px); + } + + /* Mobile: calc-based columns */ + .ase-color-grid__item { + width: calc(100% / var(--grid-mobile-columns) - var(--grid-gap-mobile) * (var(--grid-mobile-columns) - 1) / var(--grid-mobile-columns)); + flex-grow: 0; + flex-shrink: 0; + } + + /* Desktop: calc-based columns */ + @media screen and (min-width: 750px) { + .ase-color-grid__list { + column-gap: var(--grid-gap, 16px); + row-gap: var(--grid-gap, 16px); + } + + .ase-color-grid__item { + width: calc(100% / var(--grid-desktop-columns) - var(--grid-gap) * (var(--grid-desktop-columns) - 1) / var(--grid-desktop-columns)); + } + } + + .ase-color-grid__card { + display: flex; + flex-direction: column; + align-items: center; + gap: 8px; + width: 100%; + padding: 12px 8px; + border: 2px solid transparent; + border-radius: 8px; + background: var(--color-background); + cursor: pointer; + transition: border-color 0.15s ease, box-shadow 0.15s ease; + text-align: center; + } + + .ase-color-grid__card:hover { + border-color: var(--color-border, rgba(0, 0, 0, 0.12)); + } + + .ase-color-grid__card--active { + border-color: rgba(0, 0, 0, 0.25); + } + + .ase-color-grid__swatch { + width: 28px; + height: 28px; + border-radius: 50%; + overflow: hidden; + display: flex; + align-items: center; + justify-content: center; + flex-shrink: 0; + } + + .ase-color-grid__swatch .swatch { + width: 100% !important; + height: 100% !important; + border-radius: 50%; + } + + .ase-color-grid__show-all { + border: none; + background: rgba(0, 0, 0, 0.04); + color: var(--color-foreground); + } + + .ase-color-grid__label { + font-size: 0.8125rem; + color: var(--color-foreground); + line-height: 1.3; + word-wrap: break-word; + overflow-wrap: break-word; + } + + .ase-color-grid__color-fallback { + width: 100%; + height: 100%; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + background: var(--color-border, #ccc); + font-size: 0.75rem; + text-transform: uppercase; + color: var(--color-foreground); + } +{% endstylesheet %} + + + +{% schema %} +{ + "name": "ASE Color palette", + "templates": ["collection"], + "settings": [ + { + "type": "header", + "content": "Filter" + }, + { + "type": "text", + "id": "filter_option", + "label": "Filter option name", + "info": "Enter the filter label exactly as it appears in your Shopify filters (e.g., Color, Colour, Material).", + "default": "Color" + }, + { + "type": "header", + "content": "Content" + }, + { + "type": "text", + "id": "heading", + "label": "Heading", + "default": "Filter by color" + }, + { + "type": "range", + "id": "heading_font_size", + "label": "Heading font size", + "min": 10, + "max": 36, + "step": 1, + "unit": "px", + "default": 16 + }, + { + "type": "text", + "id": "show_all_label", + "label": "Show all label", + "default": "All" + }, + { + "type": "checkbox", + "id": "default_open", + "label": "Open by default", + "default": true + }, + { + "type": "header", + "content": "Grid layout" + }, + { + "type": "range", + "id": "columns_desktop", + "label": "Desktop columns", + "min": 2, + "max": 10, + "step": 1, + "default": 6 + }, + { + "type": "select", + "id": "columns_mobile", + "label": "Mobile columns", + "options": [ + { "value": "2", "label": "2" }, + { "value": "3", "label": "3" }, + { "value": "4", "label": "4" } + ], + "default": "3" + }, + { + "type": "range", + "id": "grid_gap", + "label": "Grid spacing", + "min": 4, + "max": 32, + "step": 2, + "unit": "px", + "default": 16 + }, + { + "type": "header", + "content": "Appearance" + }, + { + "type": "color_scheme", + "id": "color_scheme", + "label": "Color scheme", + "default": "scheme-1" + }, + { + "type": "select", + "id": "section_width", + "label": "Width", + "options": [ + { "value": "page-width", "label": "Page" }, + { "value": "full-width", "label": "Full" } + ], + "default": "page-width" + }, + { + "type": "header", + "content": "Padding" + }, + { + "type": "range", + "id": "padding-block-start", + "label": "Top", + "min": 0, + "max": 100, + "step": 1, + "unit": "px", + "default": 0 + }, + { + "type": "range", + "id": "padding-block-end", + "label": "Bottom", + "min": 0, + "max": 100, + "step": 1, + "unit": "px", + "default": 16 + } + ], + "presets": [ + { + "name": "ASE Color palette" + } + ] +} +{% endschema %} diff --git a/sections/ase-featured-products.liquid b/sections/ase-featured-products.liquid new file mode 100644 index 000000000..41ad5cb83 --- /dev/null +++ b/sections/ase-featured-products.liquid @@ -0,0 +1,210 @@ +{% comment %} + ASE Featured Products - Hand-pick specific products to display +{% endcomment %} + +
+
+ {% if section.settings.title != blank %} + + {% endif %} + + +
+ +{% stylesheet %} + .ase-featured-products__grid { + display: grid; + grid-template-columns: repeat(var(--ase-fp-columns, 3), 1fr); + gap: var(--ase-fp-gap, 16px); + } + + @media screen and (max-width: 749px) { + .ase-featured-products__grid { + grid-template-columns: repeat(2, 1fr); + } + } + + @media screen and (max-width: 449px) { + .ase-featured-products__grid { + grid-template-columns: 1fr; + } + } +{% endstylesheet %} + +{% schema %} +{ + "name": "ASE Featured Products", + "tag": "section", + "class": "ase-featured-products", + "disabled_on": { + "groups": ["header", "footer"] + }, + "settings": [ + { + "type": "inline_richtext", + "id": "title", + "label": "Heading", + "default": "Featured Products" + }, + { + "type": "select", + "id": "heading_size", + "label": "Heading size", + "options": [ + { "value": "h3", "label": "Small" }, + { "value": "h2", "label": "Medium" }, + { "value": "h1", "label": "Large" } + ], + "default": "h2" + }, + { + "type": "select", + "id": "heading_alignment", + "label": "Heading alignment", + "options": [ + { "value": "left", "label": "Left" }, + { "value": "center", "label": "Center" }, + { "value": "right", "label": "Right" } + ], + "default": "left" + }, + { + "type": "range", + "id": "heading_spacing", + "label": "Heading spacing", + "min": 0, + "max": 60, + "step": 4, + "unit": "px", + "default": 24 + }, + { + "type": "range", + "id": "columns", + "label": "Columns", + "min": 1, + "max": 6, + "step": 1, + "default": 3 + }, + { + "type": "range", + "id": "gap", + "label": "Gap between items", + "min": 0, + "max": 50, + "step": 2, + "unit": "px", + "default": 16 + }, + { + "type": "select", + "id": "image_ratio", + "label": "Image ratio", + "options": [ + { "value": "adapt", "label": "Adapt to image" }, + { "value": "1 / 1", "label": "Square" }, + { "value": "3 / 4", "label": "Portrait" }, + { "value": "4 / 3", "label": "Landscape" }, + { "value": "16 / 9", "label": "Widescreen" } + ], + "default": "adapt" + }, + { + "type": "select", + "id": "section_width", + "label": "Section width", + "options": [ + { "value": "page-width", "label": "Page width" }, + { "value": "full-width", "label": "Full width" } + ], + "default": "page-width" + }, + { + "type": "color_scheme", + "id": "color_scheme", + "label": "Color scheme", + "default": "scheme-1" + }, + { + "type": "header", + "content": "Spacing" + }, + { + "type": "range", + "id": "padding-block-start", + "label": "Top padding", + "min": 0, + "max": 100, + "step": 4, + "unit": "px", + "default": 40 + }, + { + "type": "range", + "id": "padding-block-end", + "label": "Bottom padding", + "min": 0, + "max": 100, + "step": 4, + "unit": "px", + "default": 40 + } + ], + "blocks": [ + { + "type": "product", + "name": "Product", + "settings": [ + { + "type": "product", + "id": "product", + "label": "Product" + } + ] + } + ], + "presets": [ + { + "name": "ASE Featured Products", + "blocks": [ + { "type": "product" }, + { "type": "product" }, + { "type": "product" } + ] + } + ] +} +{% endschema %} diff --git a/sections/footer-group.json b/sections/footer-group.json index 280ae488d..607f1a6c2 100644 --- a/sections/footer-group.json +++ b/sections/footer-group.json @@ -7,178 +7,179 @@ * made to this file may be overwritten. * ------------------------------------------------------------ */ - { +{ "type": "footer", "name": "t:names.footer", "sections": { - "footer": { - "type": "footer", + "divider_3tgLe6": { + "type": "divider", + "name": "t:names.divider_section", + "settings": { + "color_scheme": "", + "section_width": "full-width", + "thickness": 1, + "corner_radius": "square", + "width_percent": 100, + "alignment_horizontal": "center", + "padding-block-start": 16, + "padding-block-end": 16 + } + }, + "17712692021bcf299f": { + "type": "_blocks", "blocks": { - "group_wErUQf": { - "type": "group", - "name": "Join our email list", + "ai_gen_block_2a866df_RKwNFK": { + "type": "ai_gen_block_2a866df", "settings": { - "link": "", - "open_in_new_tab": false, - "content_direction": "column", - "vertical_on_mobile": true, - "horizontal_alignment": "flex-start", - "vertical_alignment": "center", - "align_baseline": false, - "horizontal_alignment_flex_direction_column": "flex-start", - "vertical_alignment_flex_direction_column": "center", - "gap": 6, - "width": "fill", - "custom_width": 100, - "width_mobile": "fill", - "custom_width_mobile": 100, - "height": "fit", - "custom_height": 100, - "inherit_color_scheme": true, - "color_scheme": "", - "background_media": "none", - "video_position": "cover", - "background_image_position": "cover", - "border": "none", - "border_width": 1, - "border_opacity": 100, + "title": "Policies", + "desktop_width_percent": 100, + "background_color": "#ffffff", "border_radius": 0, - "placeholder": "", - "toggle_overlay": false, - "overlay_color": "#00000026", - "overlay_style": "solid", - "gradient_direction": "to top", + "padding_top": 15, + "padding_bottom": 20, + "padding_horizontal": 20, + "title_color": "#121212", + "title_size": 16, + "title_spacing": 15, + "link_color": "#121212", + "link_hover_color": "#333333", + "link_size": 12, + "link_underline": "none", + "link_spacing": 20 + }, + "blocks": {} + } + }, + "block_order": [ + "ai_gen_block_2a866df_RKwNFK" + ], + "settings": { + "content_direction": "column", + "vertical_on_mobile": true, + "horizontal_alignment": "flex-start", + "vertical_alignment": "center", + "align_baseline": false, + "horizontal_alignment_flex_direction_column": "center", + "vertical_alignment_flex_direction_column": "center", + "gap": 12, + "section_width": "page-width", + "section_height": "", + "section_height_custom": 50, + "color_scheme": "", + "background_media": "none", + "video_position": "cover", + "background_image_position": "cover", + "border": "none", + "border_width": 1, + "border_opacity": 100, + "border_radius": 0, + "toggle_overlay": false, + "overlay_color": "#00000026", + "overlay_style": "solid", + "gradient_direction": "to top", + "padding-block-start": 0, + "padding-block-end": 0 + } + }, + "footer_eHkxBX": { + "type": "footer", + "blocks": { + "social_links_xBwmjm": { + "type": "social-links", + "name": "t:names.social_media_links", + "settings": { + "facebook_url": "https://www.facebook.com/asecrystals/", + "instagram_url": "https://www.instagram.com/asecrystals", + "youtube_url": "", + "tiktok_url": "https://www.tiktok.com/@ase.crystals", + "twitter_url": "", + "threads_url": "", + "linkedin_url": "", + "bluesky_url": "", + "snapchat_url": "", + "pinterest_url": "", + "tumblr_url": "", + "vimeo_url": "", + "whatsapp_url": "https://wa.me/16047825025", + "custom_url": "" + }, + "blocks": {} + } + }, + "block_order": [ + "social_links_xBwmjm" + ], + "name": "t:names.footer", + "settings": { + "section_width": "page-width", + "gap": 20, + "color_scheme": "scheme-1", + "padding-block-start": 20, + "padding-block-end": 20 + } + }, + "footer_QHWT3R": { + "type": "footer", + "blocks": { + "payment_icons_mY8z97": { + "type": "payment-icons", + "name": "t:names.payment_icons", + "settings": { + "horizontal_alignment": "center", + "gap": 10, "padding-block-start": 0, "padding-block-end": 0, "padding-inline-start": 0, "padding-inline-end": 0 }, - "blocks": { - "text_pF6rVi": { - "type": "text", - "name": "Heading", - "settings": { - "text": "

Join our email list

", - "width": "100%", - "max_width": "normal", - "alignment": "left", - "type_preset": "h3", - "font": "var(--font-body--family)", - "font_size": "", - "line_height": "normal", - "letter_spacing": "normal", - "case": "none", - "wrap": "pretty", - "color": "var(--color-foreground)", - "background": false, - "background_color": "#00000026", - "corner_radius": 0, - "padding-block-start": 0, - "padding-block-end": 0, - "padding-inline-start": 0, - "padding-inline-end": 0 - }, - "blocks": {} - }, - "text_HafH7P": { - "type": "text", - "name": "Text", - "settings": { - "text": "

Get exclusive deals and early access to new products.

", - "width": "100%", - "max_width": "normal", - "alignment": "left", - "type_preset": "rte", - "font": "var(--font-body--family)", - "font_size": "", - "line_height": "normal", - "letter_spacing": "normal", - "case": "none", - "wrap": "pretty", - "color": "var(--color-foreground)", - "background": false, - "background_color": "#00000026", - "corner_radius": 0, - "padding-block-start": 0, - "padding-block-end": 0, - "padding-inline-start": 0, - "padding-inline-end": 0 - }, - "blocks": {} - } - }, - "block_order": [ - "text_pF6rVi", - "text_HafH7P" - ] - }, - "email-signup_HafH7P": { - "type": "email-signup", - "name": "Email Signup", - "settings": { - "width": "fill" - } + "blocks": {} } }, "block_order": [ - "group_wErUQf", - "email-signup_HafH7P" + "payment_icons_mY8z97" ], "name": "t:names.footer", "settings": { "section_width": "page-width", "gap": 20, - "color_scheme": "scheme-5", - "padding-block-start": 36, - "padding-block-end": 36 + "color_scheme": "scheme-1", + "padding-block-start": 20, + "padding-block-end": 20 } }, - "utilities": { + "footer_utilities_wiLgXM": { "type": "footer-utilities", - "settings": { - "section_width": "page-width", - "gap": 24, - "divider_thickness": 1, - "color_scheme": "scheme-5", - "padding-block-start": 12, - "padding-block-end": 16 - }, "blocks": { - "copyright": { + "footer_copyright_97wXpW": { "type": "footer-copyright", + "name": "t:names.copyright", "settings": { - "show_powered_by": true, - "font_size": "0.75rem", - "case": "none" - } - }, - "policy_list": { - "type": "footer-policy-list", - "settings": { + "show_powered_by": false, "font_size": "0.75rem", "case": "none" - } - }, - "social_icons": { - "type": "social-links", - "settings": { - "facebook_url": "https://www.facebook.com", - "instagram_url": "https://www.instagram.com", - "tiktok_url": "https://www.tiktok.com", - "twitter_url": "https://www.twitter.com", - "youtube_url": "https://www.youtube.com" - } + }, + "blocks": {} } }, "block_order": [ - "copyright", - "policy_list", - "social_icons" - ] + "footer_copyright_97wXpW" + ], + "name": "t:names.policies_and_links", + "settings": { + "section_width": "page-width", + "gap": 23, + "divider_thickness": 0, + "color_scheme": "", + "padding-block-start": 20, + "padding-block-end": 20 + } } }, "order": [ - "footer", - "utilities" + "17712692021bcf299f", + "footer_eHkxBX", + "divider_3tgLe6", + "footer_QHWT3R", + "footer_utilities_wiLgXM" ] } diff --git a/sections/footer-utilities.liquid b/sections/footer-utilities.liquid index 15a639094..e3aea22d1 100644 --- a/sections/footer-utilities.liquid +++ b/sections/footer-utilities.liquid @@ -48,15 +48,15 @@ /* Dynamic positioning based on number of blocks */ @media screen and (min-width: 750px) { - /* 1 block: Single column, left aligned */ + /* 1 block: Single column, centered */ .utilities--blocks-1 { grid-template-columns: 1fr; - justify-content: start; + justify-content: center; } .utilities--blocks-1 > * { - justify-self: start; - text-align: left; + justify-self: center; + text-align: center; } /* 2 blocks: Two equal columns, start and end aligned */ diff --git a/sections/header-announcements.liquid b/sections/header-announcements.liquid index 586c58e7a..b09a7be23 100644 --- a/sections/header-announcements.liquid +++ b/sections/header-announcements.liquid @@ -1,3 +1,15 @@ +{% liquid + assign social_platforms = 'facebook,instagram,youtube,tiktok,twitter,threads,linkedin,bluesky,snapchat,pinterest,tumblr,vimeo,whatsapp' | split: ',' + assign has_social_links = false + for platform in social_platforms + assign setting_key = platform | append: '_url' + if section.settings[setting_key] != blank + assign has_social_links = true + break + endif + endfor +%} + {% if section.blocks.size > 1 %} + +{% schema %} +{ + "name": "TR Color palette", + "templates": ["collection"], + "settings": [ + { + "type": "header", + "content": "Filter" + }, + { + "type": "text", + "id": "filter_option", + "label": "Filter option name", + "info": "Enter the filter label exactly as it appears in your Shopify filters (e.g., Color, Colour, Material).", + "default": "Color" + }, + { + "type": "header", + "content": "Content" + }, + { + "type": "text", + "id": "heading", + "label": "Heading", + "default": "Filter by color" + }, + { + "type": "range", + "id": "heading_font_size", + "label": "Heading font size", + "min": 10, + "max": 36, + "step": 1, + "unit": "px", + "default": 16 + }, + { + "type": "text", + "id": "show_all_label", + "label": "Show all label", + "default": "All" + }, + { + "type": "checkbox", + "id": "show_labels", + "label": "Show color labels", + "default": true + }, + { + "type": "header", + "content": "Appearance" + }, + { + "type": "range", + "id": "swatch_size", + "label": "Swatch size", + "min": 20, + "max": 64, + "step": 2, + "unit": "px", + "default": 28 + }, + { + "type": "range", + "id": "swatch_gap", + "label": "Swatch spacing", + "min": 4, + "max": 24, + "step": 2, + "unit": "px", + "default": 10 + }, + { + "type": "color_scheme", + "id": "color_scheme", + "label": "Color scheme", + "default": "scheme-1" + }, + { + "type": "select", + "id": "section_width", + "label": "Width", + "options": [ + { + "value": "page-width", + "label": "Page" + }, + { + "value": "full-width", + "label": "Full" + } + ], + "default": "page-width" + }, + { + "type": "header", + "content": "Padding" + }, + { + "type": "range", + "id": "padding-block-start", + "label": "Top", + "min": 0, + "max": 100, + "step": 1, + "unit": "px", + "default": 0 + }, + { + "type": "range", + "id": "padding-block-end", + "label": "Bottom", + "min": 0, + "max": 100, + "step": 1, + "unit": "px", + "default": 16 + } + ], + "presets": [ + { + "name": "TR Color palette" + } + ] +} +{% endschema %} diff --git a/snippets/collection-card.liquid b/snippets/collection-card.liquid index 80866e60b..a00e8a0a5 100644 --- a/snippets/collection-card.liquid +++ b/snippets/collection-card.liquid @@ -159,4 +159,44 @@ aspect-ratio: 99; } } + /* Hover zoom for collection images + - Adds a subtle scale transform to the image inside a collection card + - `transition` defines the animation timing and easing + - `will-change: transform` gives the browser a hint to optimize for animation + - `transform-origin: center center` makes the image scale from its center + */ + .collection-card__image .image-block__image { + transition: transform 240ms cubic-bezier(.2,.8,.2,1); + will-change: transform; + transform-origin: center center; + } + + /* Respect users who prefer reduced motion: + - Remove transitions when `prefers-reduced-motion: reduce` is set + */ + @media (prefers-reduced-motion: reduce) { + .collection-card__image .image-block__image { + transition: none; + } + } + + /* Apply the zoom effect only on devices that support hover and have a + fine pointer (usually non-touch desktop devices). This prevents the + scale effect from triggering on touch devices where hover isn't meaningful. + */ + @media (hover: hover) and (pointer: fine) { + .collection-card:hover .collection-card__image .image-block__image, + .collection-card:focus-within .collection-card__image .image-block__image { + transform: scale(1.06); + } + } + + /* Arrow nudge for inline links in card content + - Moves the generated ::after arrow slightly to the right on hover/focus + - A micro-interaction that signals the link is actionable + */ + .collection-card__content a:hover::after, + .collection-card__content a:focus::after { + transform: translateX(4px); + } {% endstylesheet %} diff --git a/snippets/header-actions.liquid b/snippets/header-actions.liquid index d19ac8b25..5c629cbec 100644 --- a/snippets/header-actions.liquid +++ b/snippets/header-actions.liquid @@ -26,6 +26,27 @@ + + + + {% if shop.customer_accounts_enabled %}