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 %}" >
{% 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 %} + ++ No policies have been added yet. Add them in your store settings. +
+ {% endif %} +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 %} + +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 @@