diff --git a/assets/base.css b/assets/base.css index 6ad490fbfe7..6fff6143cbb 100644 --- a/assets/base.css +++ b/assets/base.css @@ -3635,3 +3635,27 @@ details-disclosure > details { transform: translateX(100%) scaleX(0); } } + +/* Custom Product Card Swatches Styling */ +.card-swatches-container { + display: flex; + gap: 6px; + margin-top: 10px; + flex-wrap: wrap; +} + +.swatch-bubble { + display: block; + width: 16px; + height: 16px; + border-radius: 50%; + border: 1px solid rgba(0,0,0,0.15); + cursor: pointer; + position: relative; + box-shadow: inset 0 0 2px rgba(0,0,0,0.1); +} + +.swatch-bubble:hover { + transform: scale(1.15); + transition: transform 0.1s ease-in-out; +} diff --git a/config/settings_data.json b/config/settings_data.json index 911ad493e29..d8dde54fb48 100644 --- a/config/settings_data.json +++ b/config/settings_data.json @@ -1,5 +1,207 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin theme editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { - "current": "Dawn", + "current": { + "logo": "shopify://shop_images/OHF-lockup-main-color-on-light_2.svg", + "logo_width": 140, + "favicon": "shopify://shop_images/favicon-dark-32x32.png", + "type_header_font": "assistant_n4", + "heading_scale": 100, + "type_body_font": "assistant_n4", + "body_scale": 100, + "page_width": 1200, + "spacing_sections": 0, + "spacing_grid_horizontal": 8, + "spacing_grid_vertical": 8, + "animations_reveal_on_scroll": true, + "animations_hover_elements": "none", + "buttons_border_thickness": 1, + "buttons_border_opacity": 100, + "buttons_radius": 0, + "buttons_shadow_opacity": 0, + "buttons_shadow_horizontal_offset": 0, + "buttons_shadow_vertical_offset": 4, + "buttons_shadow_blur": 5, + "variant_pills_border_thickness": 1, + "variant_pills_border_opacity": 55, + "variant_pills_radius": 40, + "variant_pills_shadow_opacity": 0, + "variant_pills_shadow_horizontal_offset": 0, + "variant_pills_shadow_vertical_offset": 4, + "variant_pills_shadow_blur": 5, + "inputs_border_thickness": 1, + "inputs_border_opacity": 55, + "inputs_radius": 0, + "inputs_shadow_opacity": 0, + "inputs_shadow_horizontal_offset": 0, + "inputs_shadow_vertical_offset": 4, + "inputs_shadow_blur": 5, + "card_style": "standard", + "card_image_padding": 0, + "card_text_alignment": "left", + "card_color_scheme": "scheme-2", + "card_border_thickness": 0, + "card_border_opacity": 10, + "card_corner_radius": 0, + "card_shadow_opacity": 0, + "card_shadow_horizontal_offset": 0, + "card_shadow_vertical_offset": 4, + "card_shadow_blur": 5, + "collection_card_style": "standard", + "collection_card_image_padding": 0, + "collection_card_text_alignment": "left", + "collection_card_color_scheme": "scheme-2", + "collection_card_border_thickness": 0, + "collection_card_border_opacity": 10, + "collection_card_corner_radius": 0, + "collection_card_shadow_opacity": 0, + "collection_card_shadow_horizontal_offset": 0, + "collection_card_shadow_vertical_offset": 4, + "collection_card_shadow_blur": 5, + "blog_card_style": "standard", + "blog_card_image_padding": 0, + "blog_card_text_alignment": "left", + "blog_card_color_scheme": "scheme-2", + "blog_card_border_thickness": 0, + "blog_card_border_opacity": 10, + "blog_card_corner_radius": 0, + "blog_card_shadow_opacity": 0, + "blog_card_shadow_horizontal_offset": 0, + "blog_card_shadow_vertical_offset": 4, + "blog_card_shadow_blur": 5, + "text_boxes_border_thickness": 0, + "text_boxes_border_opacity": 10, + "text_boxes_radius": 0, + "text_boxes_shadow_opacity": 0, + "text_boxes_shadow_horizontal_offset": 0, + "text_boxes_shadow_vertical_offset": 4, + "text_boxes_shadow_blur": 5, + "media_border_thickness": 1, + "media_border_opacity": 0, + "media_radius": 0, + "media_shadow_opacity": 0, + "media_shadow_horizontal_offset": 0, + "media_shadow_vertical_offset": 4, + "media_shadow_blur": 5, + "popup_border_thickness": 1, + "popup_border_opacity": 10, + "popup_corner_radius": 0, + "popup_shadow_opacity": 5, + "popup_shadow_horizontal_offset": 0, + "popup_shadow_vertical_offset": 4, + "popup_shadow_blur": 5, + "drawer_border_thickness": 1, + "drawer_border_opacity": 10, + "drawer_shadow_opacity": 0, + "drawer_shadow_horizontal_offset": 0, + "drawer_shadow_vertical_offset": 4, + "drawer_shadow_blur": 5, + "badge_position": "bottom left", + "badge_corner_radius": 40, + "sale_badge_color_scheme": "scheme-4", + "sold_out_badge_color_scheme": "scheme-3", + "brand_headline": "", + "brand_description": "

", + "brand_image_width": 100, + "social_facebook_link": "", + "social_instagram_link": "", + "social_youtube_link": "", + "social_tiktok_link": "", + "social_twitter_link": "", + "social_snapchat_link": "", + "social_pinterest_link": "", + "social_tumblr_link": "", + "social_vimeo_link": "", + "predictive_search_enabled": true, + "predictive_search_show_vendor": false, + "predictive_search_show_price": false, + "currency_code_enabled": true, + "cart_type": "notification", + "show_vendor": false, + "show_cart_note": false, + "cart_drawer_collection": "", + "cart_color_scheme": "scheme-1", + "customer_account_menu": "customer-account-main-menu", + "sections": { + "main-password-header": { + "type": "main-password-header", + "settings": { + "color_scheme": "scheme-1" + } + }, + "main-password-footer": { + "type": "main-password-footer", + "settings": { + "color_scheme": "scheme-1" + } + } + }, + "content_for_index": [], + "color_schemes": { + "scheme-1": { + "settings": { + "background": "#ffffff", + "background_gradient": "", + "text": "#121212", + "button": "#121212", + "button_label": "#ffffff", + "secondary_button_label": "#121212", + "shadow": "#121212" + } + }, + "scheme-2": { + "settings": { + "background": "#f3f3f3", + "background_gradient": "", + "text": "#121212", + "button": "#121212", + "button_label": "#f3f3f3", + "secondary_button_label": "#121212", + "shadow": "#121212" + } + }, + "scheme-3": { + "settings": { + "background": "#242833", + "background_gradient": "", + "text": "#ffffff", + "button": "#ffffff", + "button_label": "#000000", + "secondary_button_label": "#ffffff", + "shadow": "#121212" + } + }, + "scheme-4": { + "settings": { + "background": "#121212", + "background_gradient": "", + "text": "#ffffff", + "button": "#ffffff", + "button_label": "#121212", + "secondary_button_label": "#ffffff", + "shadow": "#121212" + } + }, + "scheme-5": { + "settings": { + "background": "#334fb4", + "background_gradient": "", + "text": "#ffffff", + "button": "#ffffff", + "button_label": "#334fb4", + "secondary_button_label": "#ffffff", + "shadow": "#121212" + } + } + } + }, "presets": { "Dawn": { "logo_width": 90, diff --git a/sections/footer-group.json b/sections/footer-group.json index 6234f01624f..aa98e7d60a9 100644 --- a/sections/footer-group.json +++ b/sections/footer-group.json @@ -1,24 +1,51 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin theme editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "name": "t:sections.footer.name", "type": "footer", "sections": { "footer": { "type": "footer", - "blocks": {}, - "block_order": [], + "blocks": { + "link_list_Hp6KgB": { + "type": "link_list", + "settings": { + "heading": "Quick links", + "menu": "footer" + } + }, + "link_list_yAxHD3": { + "type": "link_list", + "settings": { + "heading": "Follow us", + "menu": "social-links" + } + } + }, + "block_order": [ + "link_list_Hp6KgB", + "link_list_yAxHD3" + ], "settings": { "color_scheme": "scheme-1", - "newsletter_enable": true, + "newsletter_enable": false, "newsletter_heading": "Subscribe to our emails", - "enable_follow_on_shop": true, - "show_social": true, + "enable_follow_on_shop": false, + "show_social": false, "enable_country_selector": true, "enable_language_selector": true, "payment_enable": true, - "show_policy": true, - "margin_top": 0, - "padding_top": 36, - "padding_bottom": 36 + "show_policy": false, + "margin_top": 32, + "padding_top": 32, + "padding_bottom": 32 } } }, diff --git a/sections/header-group.json b/sections/header-group.json index d20087eb398..0b8b5de1525 100644 --- a/sections/header-group.json +++ b/sections/header-group.json @@ -1,46 +1,29 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin theme editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "name": "t:sections.header.name", "type": "header", "sections": { - "announcement-bar": { - "type": "announcement-bar", - "settings": { - "color_scheme": "scheme-1", - "show_line_separator": true, - "show_social": false, - "auto_rotate": false, - "change_slides_speed": 5, - "enable_country_selector": false, - "enable_language_selector": false - }, - "blocks": { - "announcement-bar-0": { - "type": "announcement", - "settings": { - "text": "Welcome to our store", - "text_alignment": "center", - "color_scheme": "scheme-1", - "link": "" - } - } - }, - "block_order": [ - "announcement-bar-0" - ] - }, "header": { "type": "header", "settings": { - "color_scheme": "scheme-1", - "menu_color_scheme": "scheme-1", "logo_position": "middle-left", + "mobile_logo_position": "center", "menu": "main-menu", "menu_type_desktop": "dropdown", "sticky_header_type": "on-scroll-up", "show_line_separator": true, + "color_scheme": "scheme-1", + "menu_color_scheme": "scheme-1", "enable_country_selector": true, "enable_language_selector": true, - "mobile_logo_position": "center", "margin_bottom": 0, "padding_top": 20, "padding_bottom": 20 @@ -48,7 +31,6 @@ } }, "order": [ - "announcement-bar", "header" ] } diff --git a/snippets/card-product.liquid b/snippets/card-product.liquid index b65762be839..c592c06a1e4 100644 --- a/snippets/card-product.liquid +++ b/snippets/card-product.liquid @@ -207,6 +207,21 @@ {%- endif -%} {% render 'price', product: card_product, price_class: '', show_compare_at_price: true %} + + {% comment %} Custom Variant Color Swatches {% endcomment %} + {% assign keys = "Color,color,Colour,colour" | split: ',' %} + {% for key in keys %} + {% if card_product.options contains key %} +
+ {% for color_option in card_product.options_by_name[key].values %} + + + + {% endfor %} +
+ {% endif %} + {% endfor %} + {%- if card_product.quantity_price_breaks_configured? -%} {% if card_product.variants_count == 1 and quick_add == 'bulk' %} {% liquid diff --git a/templates/collection.json b/templates/collection.json index efd0a6bef9f..9dd8ff35336 100644 --- a/templates/collection.json +++ b/templates/collection.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin theme editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "sections": { "banner": { @@ -13,17 +22,17 @@ "settings": { "products_per_page": 16, "columns_desktop": 4, + "columns_mobile": "2", "color_scheme": "scheme-1", - "image_ratio": "adapt", + "image_ratio": "portrait", "image_shape": "default", - "show_secondary_image": false, + "show_secondary_image": true, "show_vendor": false, "show_rating": false, "quick_add": "none", "enable_filtering": true, "filter_type": "horizontal", "enable_sorting": true, - "columns_mobile": "2", "padding_top": 36, "padding_bottom": 36 } diff --git a/templates/index.json b/templates/index.json index f5b6ea329d9..0f6cfe4210c 100644 --- a/templates/index.json +++ b/templates/index.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin theme editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "sections": { "image_banner": { @@ -6,63 +15,60 @@ "heading": { "type": "heading", "settings": { - "heading": "Browse our latest products", + "heading": "Open Home Foundation Store", "heading_size": "h0" } }, - "button": { - "type": "buttons", + "text_GrQiXp": { + "type": "text", "settings": { - "button_label_1": "Shop all", - "button_link_1": "shopify://collections/all", - "button_style_secondary_1": true, - "button_label_2": "", - "button_link_2": "", - "button_style_secondary_2": false + "text": "Shopping here is an easy way of supporting the Open Home Foundation and our fight for the principles of privacy, choice, and sustainability for smart homes. And of course, you’ll snag some quality swag along the way!", + "text_style": "body" } } }, "block_order": [ "heading", - "button" + "text_GrQiXp" ], "settings": { - "image_overlay_opacity": 40, - "image_height": "large", - "desktop_content_position": "bottom-center", - "show_text_box": false, + "image": "shopify://shop_images/store-hero.jpg", + "image_overlay_opacity": 60, + "image_height": "small", "image_behavior": "none", + "desktop_content_position": "middle-center", "desktop_content_alignment": "center", + "show_text_box": false, "color_scheme": "scheme-3", - "mobile_content_alignment": "center", "stack_images_on_mobile": false, + "mobile_content_alignment": "center", "show_text_below": false } }, "featured_collection": { "type": "featured-collection", "settings": { - "title": "Featured products", + "collection": "all", + "products_to_show": 25, + "title": "", "heading_size": "h2", "description": "", "show_description": false, "description_style": "body", - "collection": "all", - "products_to_show": 8, "columns_desktop": 4, - "color_scheme": "scheme-1", + "enable_desktop_slider": false, "full_width": false, "show_view_all": true, "view_all_style": "solid", - "enable_desktop_slider": false, - "swipe_on_mobile": false, - "image_ratio": "adapt", + "color_scheme": "scheme-1", + "image_ratio": "portrait", "image_shape": "default", "show_secondary_image": true, "show_vendor": false, "show_rating": false, "quick_add": "none", "columns_mobile": "2", + "swipe_on_mobile": false, "padding_top": 44, "padding_bottom": 36 } diff --git a/templates/product.json b/templates/product.json index 36db58c03c6..a6ab03ac571 100644 --- a/templates/product.json +++ b/templates/product.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin theme editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "sections": { "main": { @@ -11,10 +20,12 @@ } }, "title": { - "type": "title" + "type": "title", + "settings": {} }, "price": { - "type": "price" + "type": "price", + "settings": {} }, "variant_picker": { "type": "variant_picker", @@ -24,7 +35,8 @@ } }, "quantity_selector": { - "type": "quantity_selector" + "type": "quantity_selector", + "settings": {} }, "buy_buttons": { "type": "buy_buttons", @@ -34,7 +46,8 @@ } }, "description": { - "type": "description" + "type": "description", + "settings": {} }, "share": { "type": "share", @@ -56,13 +69,13 @@ "settings": { "enable_sticky_info": true, "color_scheme": "scheme-1", - "media_position": "left", - "gallery_layout": "stacked", "media_size": "large", "constrain_to_viewport": true, "media_fit": "contain", - "image_zoom": "lightbox", + "gallery_layout": "stacked", "mobile_thumbnails": "hide", + "media_position": "left", + "image_zoom": "lightbox", "hide_variants": true, "enable_video_looping": false, "padding_top": 36, @@ -72,6 +85,10 @@ "disclosures": { "type": "disclosures", "settings": { + "heading": "Disclosures", + "heading_size": "h2", + "open_by_default": false, + "color_scheme": "", "padding_top": 36, "padding_bottom": 0 } @@ -83,21 +100,32 @@ "heading_size": "h2", "products_to_show": 4, "columns_desktop": 4, + "columns_mobile": "2", "color_scheme": "scheme-1", "image_ratio": "square", "image_shape": "default", "show_secondary_image": true, "show_vendor": false, "show_rating": false, - "columns_mobile": "2", "padding_top": 36, "padding_bottom": 28 } + }, + "custom_liquid_64JFia": { + "type": "custom-liquid", + "name": "t:sections.custom-liquid.presets.name", + "settings": { + "custom_liquid": "\n\n
\n

Price breakdown

\n\n

\n These costs represent the breakdown at the time we most recently updated the item's total price, so the percentages may change between updates. This means it's possible that the contribution to the Open Home Foundation from this purchase could be moderately higher or lower than what's shown above.\n

\n\n
\n
\n \n
\n
\n
\n
\n\n", + "color_scheme": "", + "padding_top": 40, + "padding_bottom": 52 + } } }, "order": [ "main", "disclosures", - "related-products" + "related-products", + "custom_liquid_64JFia" ] }