diff --git a/assets/BWP_secondary.png b/assets/BWP_secondary.png new file mode 100644 index 00000000000..e14b9430e11 Binary files /dev/null and b/assets/BWP_secondary.png differ diff --git a/assets/base.css b/assets/base.css index ceb22d720d5..2031316e6cb 100644 --- a/assets/base.css +++ b/assets/base.css @@ -1477,6 +1477,9 @@ button.shopify-payment-button__button--unbranded { min-height: calc(3.5rem + var(--buttons-border-width) * 2); } +#button--bwp { + border-radius: 35px; +} .button--small { padding: 1.2rem 2.6rem; } diff --git a/assets/component-card.css b/assets/component-card.css index 181f91ca3dd..006b8f9a7a5 100644 --- a/assets/component-card.css +++ b/assets/component-card.css @@ -446,3 +446,11 @@ clip-path: polygon(var(--shape--blob-5)); } } + +.bwp__banner__img { + max-width: 69px; + position: absolute; + top: 10px; + left: 10px; + z-index: 1; +} \ No newline at end of file diff --git a/assets/k-quiz-styles.css b/assets/k-quiz-styles.css index f6638d3b73e..b0493a455f8 100644 --- a/assets/k-quiz-styles.css +++ b/assets/k-quiz-styles.css @@ -31,3 +31,7 @@ .quiz-close { display: none; } + +.bwp-banner-img { + max-width: 80px; +} \ No newline at end of file diff --git a/assets/section-image-banner.css b/assets/section-image-banner.css index 914bdde255d..1a3002709b4 100644 --- a/assets/section-image-banner.css +++ b/assets/section-image-banner.css @@ -471,3 +471,8 @@ color: currentColor; } } + + +#bwp__banner__box { + max-width: 95rem; +} \ No newline at end of file diff --git a/config/settings_data.json b/config/settings_data.json index 21538afe662..18961478718 100644 --- a/config/settings_data.json +++ b/config/settings_data.json @@ -134,21 +134,7 @@ }, "content_for_index": [ - ], - "blocks": { - "855628211100114053": { - "type": "shopify:\/\/apps\/klaviyo-email-marketing-sms\/blocks\/klaviyo-onsite-embed\/2632fe16-c075-4321-a88b-50b567f42507", - "disabled": false, - "settings": { - } - }, - "3667842014806057753": { - "type": "shopify:\/\/apps\/one-click-upsell-zipify-ocu\/blocks\/app-embed\/bfe6e378-b73a-4871-b8d3-7d6ede22678e", - "disabled": false, - "settings": { - } - } - } + ] }, "presets": { "Default": { diff --git a/sections/bwp-collection-banner.liquid b/sections/bwp-collection-banner.liquid new file mode 100644 index 00000000000..fcd64a63267 --- /dev/null +++ b/sections/bwp-collection-banner.liquid @@ -0,0 +1,100 @@ +{% comment %}theme-check-disable ImgLazyLoading{% endcomment %} +{{ 'component-collection-hero.css' | asset_url | stylesheet_tag }} + +{%- style -%} + @media screen and (max-width: 749px) { + .collection-hero--with-image .collection-hero__inner { + padding-bottom: calc({{ settings.media_shadow_vertical_offset | at_least: 0 }}px + 2rem); + } + } +{%- endstyle -%} + +
+
+
+

+ + {{- collection.title | escape -}} +

+ + {%- if section.settings.show_collection_description -%} +
{{ collection.description }}
+ {%- endif -%} +
+ + {%- if section.settings.show_collection_image and collection.image -%} +
+ +
+ {%- endif -%} +
+
+ +{% schema %} +{ + "name": "t:sections.main-collection-banner.name", + "class": "section", + "settings": [ + { + "type": "paragraph", + "content": "t:sections.main-collection-banner.settings.paragraph.content" + }, + { + "type": "checkbox", + "id": "show_collection_description", + "default": true, + "label": "t:sections.main-collection-banner.settings.show_collection_description.label" + }, + { + "type": "checkbox", + "id": "show_collection_image", + "default": false, + "label": "t:sections.main-collection-banner.settings.show_collection_image.label", + "info": "t:sections.main-collection-banner.settings.show_collection_image.info" + }, + { + "type": "select", + "id": "color_scheme", + "options": [ + { + "value": "accent-1", + "label": "t:sections.all.colors.accent_1.label" + }, + { + "value": "accent-2", + "label": "t:sections.all.colors.accent_2.label" + }, + { + "value": "background-1", + "label": "t:sections.all.colors.background_1.label" + }, + { + "value": "background-2", + "label": "t:sections.all.colors.background_2.label" + }, + { + "value": "inverse", + "label": "t:sections.all.colors.inverse.label" + } + ], + "default": "background-1", + "label": "t:sections.all.colors.label" + } + ] +} +{% endschema %} diff --git a/sections/bwp-collection-product-grid.liquid b/sections/bwp-collection-product-grid.liquid new file mode 100644 index 00000000000..855401c8ab6 --- /dev/null +++ b/sections/bwp-collection-product-grid.liquid @@ -0,0 +1,403 @@ +{{ 'template-collection.css' | asset_url | stylesheet_tag }} +{{ 'component-loading-overlay.css' | asset_url | stylesheet_tag }} +{{ 'component-card.css' | asset_url | stylesheet_tag }} +{{ 'component-price.css' | asset_url | stylesheet_tag }} + +{% if section.settings.image_shape == 'blob' %} + {{ 'mask-blobs.css' | asset_url | stylesheet_tag }} +{%- endif -%} + +{%- if section.settings.enable_quick_add -%} + {{ 'quick-add.css' | asset_url | stylesheet_tag }} + + +{%- endif -%} + +{%- style -%} + .section-{{ section.id }}-padding { + padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px; + padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px; + } + + @media screen and (min-width: 750px) { + .section-{{ section.id }}-padding { + padding-top: {{ section.settings.padding_top }}px; + padding-bottom: {{ section.settings.padding_bottom }}px; + } + } +{%- endstyle -%} + +{% if section.settings.enable_infinite %} + + +{% endif %} + +
+ {%- paginate collection.products by section.settings.products_per_page -%} + {% comment %} Sort is the first tabbable element when filter type is vertical {% endcomment %} + {%- if section.settings.enable_sorting and section.settings.filter_type == 'vertical' -%} + +
+
+
+

+ +

+
+ {%- assign sort_by = collection.sort_by | default: collection.default_sort_by -%} + + {% render 'icon-caret' %} +
+
+ +
+ +
+

+ + {%- if collection.results_count -%} + {{ + 'templates.search.results_with_count' + | t: terms: collection.terms, count: collection.results_count + }} + {%- elsif collection.products_count == collection.all_products_count -%} + {{ 'products.facets.product_count_simple' | t: count: collection.products_count }} + {%- else -%} + {{ + 'products.facets.product_count' + | t: product_count: collection.products_count, count: collection.all_products_count + }} + {%- endif -%} + +

+ +
+
+ + {%- endif -%} + +
+ {{ 'component-facets.css' | asset_url | stylesheet_tag }} + + {%- if section.settings.enable_filtering or section.settings.enable_sorting -%} + + {%- endif -%} + +
+ {%- if collection.products.size == 0 -%} +
+
+
+

+ {{ 'sections.collection_template.empty' | t -}} +
+ {{ + 'sections.collection_template.use_fewer_filters_html' + | t: link: collection.url, class: 'underlined-link link' + }} +

+
+
+ {%- else -%} +
+
+ +
    + {%- comment %}{% endcomment -%} + {%- assign locksmith_1e7e_forloop__size = 0 %}{%- for product in collection.products -%}{% capture var %}{% render 'locksmith-variables', scope: 'subject', subject: product, subject_parent: collection, variable: 'transparent' %}{% endcapture %}{% if var == 'true' %}{% assign locksmith_1e7e_forloop__size = locksmith_1e7e_forloop__size | plus: 1 %}{% endif %}{% endfor %}{% assign locksmith_1e7e_forloop__index = nil -%} + {%- comment %}{% endcomment -%} + {%- for product in collection.products -%} + {%- comment %}{% endcomment -%} + {%- capture var %}{% render 'locksmith-variables', scope: 'subject', subject: product, subject_parent: collection, variable: 'transparent' %}{% endcapture %}{% if var == "true" %}{% if locksmith_1e7e_forloop__index == nil %}{% assign locksmith_1e7e_forloop__index = 1 %}{% assign locksmith_1e7e_forloop__index0 = 0 %}{% else %}{% assign locksmith_1e7e_forloop__index = locksmith_1e7e_forloop__index | plus: 1 %}{% assign locksmith_1e7e_forloop__index0 = locksmith_1e7e_forloop__index0 | plus: 1 %}{% endif %}{% if locksmith_1e7e_forloop__index == 1 %}{% assign locksmith_1e7e_forloop__first = true %}{% else %}{% assign locksmith_1e7e_forloop__first = false %}{% endif %}{% if locksmith_1e7e_forloop__index == locksmith_1e7e_forloop__size %}{% assign locksmith_1e7e_forloop__last = true %}{% else %}{% assign locksmith_1e7e_forloop__last = false %}{% endif %}{% assign locksmith_1e7e_forloop__rindex = locksmith_1e7e_forloop__size | minus: locksmith_1e7e_forloop__index | minus: 1 %}{% assign locksmith_1e7e_forloop__rindex0 = locksmith_1e7e_forloop__size | minus: locksmith_1e7e_forloop__index0 | minus: 1 %}{% else %}{% continue %}{% endif -%} + {%- comment %}{% endcomment -%} + {% assign lazy_load = false %} + {%- if locksmith_1e7e_forloop__index > 2 -%} + {%- assign lazy_load = true -%} + {%- endif -%} +
  • + {% render 'card-product', + card_product: product, + media_aspect_ratio: section.settings.image_ratio, + image_shape: section.settings.image_shape, + show_secondary_image: section.settings.show_secondary_image, + show_vendor: section.settings.show_vendor, + show_rating: section.settings.show_rating, + lazy_load: lazy_load, + show_quick_add: section.settings.enable_quick_add, + section_id: section.id + %} +
    • + {%- endfor -%} +
+ + {% if section.settings.enable_infinite %} + {% render 'pagination-infinite', paginate: paginate, anchor: '' %} + {% else %} + {%- if paginate.pages > 1 -%} + {% render 'pagination', paginate: paginate, anchor: '' %} + {%- endif -%} + {% endif %} +
+ {%- endif -%} +
+
+ {%- endpaginate -%} + {% if section.settings.image_shape == 'arch' %} + {% render 'mask-arch' %} + {%- endif -%} +
+ +{% schema %} +{ + "name": "t:sections.main-collection-product-grid.name", + "class": "section", + "settings": [ + { + "type": "checkbox", + "id": "enable_infinite", + "label": "Enable Infinite Scroll", + "default": true + }, + { + "type": "range", + "id": "products_per_page", + "min": 8, + "max": 24, + "step": 4, + "default": 16, + "label": "t:sections.main-collection-product-grid.settings.products_per_page.label" + }, + { + "type": "range", + "id": "columns_desktop", + "min": 1, + "max": 5, + "step": 1, + "default": 4, + "label": "t:sections.main-collection-product-grid.settings.columns_desktop.label" + }, + { + "type": "header", + "content": "t:sections.main-collection-product-grid.settings.header__3.content" + }, + { + "type": "select", + "id": "image_ratio", + "options": [ + { + "value": "adapt", + "label": "t:sections.main-collection-product-grid.settings.image_ratio.options__1.label" + }, + { + "value": "portrait", + "label": "t:sections.main-collection-product-grid.settings.image_ratio.options__2.label" + }, + { + "value": "square", + "label": "t:sections.main-collection-product-grid.settings.image_ratio.options__3.label" + } + ], + "default": "adapt", + "label": "t:sections.main-collection-product-grid.settings.image_ratio.label" + }, + { + "type": "select", + "id": "image_shape", + "options": [ + { + "value": "default", + "label": "t:sections.all.image_shape.options__1.label" + }, + { + "value": "arch", + "label": "t:sections.all.image_shape.options__2.label" + }, + { + "value": "blob", + "label": "t:sections.all.image_shape.options__3.label" + }, + { + "value": "chevronleft", + "label": "t:sections.all.image_shape.options__4.label" + }, + { + "value": "chevronright", + "label": "t:sections.all.image_shape.options__5.label" + }, + { + "value": "diamond", + "label": "t:sections.all.image_shape.options__6.label" + }, + { + "value": "parallelogram", + "label": "t:sections.all.image_shape.options__7.label" + }, + { + "value": "round", + "label": "t:sections.all.image_shape.options__8.label" + } + ], + "default": "default", + "label": "t:sections.all.image_shape.label", + "info": "t:sections.all.image_shape.info" + }, + { + "type": "checkbox", + "id": "show_secondary_image", + "default": false, + "label": "t:sections.main-collection-product-grid.settings.show_secondary_image.label" + }, + { + "type": "checkbox", + "id": "show_vendor", + "default": false, + "label": "t:sections.main-collection-product-grid.settings.show_vendor.label" + }, + { + "type": "checkbox", + "id": "show_rating", + "default": false, + "label": "t:sections.main-collection-product-grid.settings.show_rating.label", + "info": "t:sections.main-collection-product-grid.settings.show_rating.info" + }, + { + "type": "checkbox", + "id": "enable_quick_add", + "default": false, + "label": "t:sections.main-collection-product-grid.settings.enable_quick_buy.label" + }, + { + "type": "header", + "content": "t:sections.main-collection-product-grid.settings.header__1.content" + }, + { + "type": "checkbox", + "id": "enable_filtering", + "default": true, + "label": "t:sections.main-collection-product-grid.settings.enable_filtering.label", + "info": "t:sections.main-collection-product-grid.settings.enable_filtering.info" + }, + { + "type": "select", + "id": "filter_type", + "options": [ + { + "value": "horizontal", + "label": "t:sections.main-collection-product-grid.settings.filter_type.options__1.label" + }, + { + "value": "vertical", + "label": "t:sections.main-collection-product-grid.settings.filter_type.options__2.label" + }, + { + "value": "drawer", + "label": "t:sections.main-collection-product-grid.settings.filter_type.options__3.label" + } + ], + "default": "horizontal", + "label": "t:sections.main-collection-product-grid.settings.filter_type.label", + "info": "t:sections.main-collection-product-grid.settings.filter_type.info" + }, + { + "type": "checkbox", + "id": "enable_sorting", + "default": true, + "label": "t:sections.main-collection-product-grid.settings.enable_sorting.label" + }, + { + "type": "header", + "content": "t:sections.main-collection-product-grid.settings.header_mobile.content" + }, + { + "type": "select", + "id": "columns_mobile", + "default": "2", + "label": "t:sections.main-collection-product-grid.settings.columns_mobile.label", + "options": [ + { + "value": "1", + "label": "t:sections.main-collection-product-grid.settings.columns_mobile.options__1.label" + }, + { + "value": "2", + "label": "t:sections.main-collection-product-grid.settings.columns_mobile.options__2.label" + } + ] + }, + { + "type": "header", + "content": "t:sections.all.padding.section_padding_heading" + }, + { + "type": "range", + "id": "padding_top", + "min": 0, + "max": 100, + "step": 4, + "unit": "px", + "label": "t:sections.all.padding.padding_top", + "default": 36 + }, + { + "type": "range", + "id": "padding_bottom", + "min": 0, + "max": 100, + "step": 4, + "unit": "px", + "label": "t:sections.all.padding.padding_bottom", + "default": 36 + } + ] +} +{% endschema %} diff --git a/sections/bwp-k-quiz.liquid b/sections/bwp-k-quiz.liquid new file mode 100644 index 00000000000..f5e5dfe0d87 --- /dev/null +++ b/sections/bwp-k-quiz.liquid @@ -0,0 +1,524 @@ + + +{{ 'section-image-banner.css' | asset_url | stylesheet_tag }} + +{%- if section.settings.image_height == 'adapt' and section.settings.image != blank -%} + {%- style -%} + #shopify-section-{{ section.id }} .banner .banner__box { + --color-button-text: 255,255,255 !important; + --color-foreground: var(--color-base-text) !important; + --color-button: var(--color-base-accent-1) !important; + --buttons-radius-outset: 40px; + --buttons-radius: 40px; + } + @media screen and (max-width: 749px) { + #Banner-{{ section.id }}::before, + #Banner-{{ section.id }} .banner__media::before, + #Banner-{{ section.id }}:not(.banner--mobile-bottom) .banner__content::before { + padding-bottom: {{ 1 | divided_by: section.settings.image.aspect_ratio | times: 100 }}%; + content: ''; + display: block; + } + } + + @media screen and (min-width: 750px) { + #shopify-section-{{ section.id }} .banner__box { + padding-left: 0; + padding-right: 0; + } + + #Banner-{{ section.id }}::before, + #Banner-{{ section.id }} .banner__media::before { + padding-bottom: {{ 1 | divided_by: section.settings.image.aspect_ratio | times: 100 }}%; + content: ''; + display: block; + } + } + {%- endstyle -%} +{%- endif -%} + +{%- style -%} + #Banner-{{ section.id }}::after { + opacity: {{ section.settings.image_overlay_opacity | divided_by: 100.0 }}; + } +{%- endstyle -%} + +{%- liquid + if section.settings.image_behavior == 'ambient' + assign half_width = '60vw' + assign full_width = '120vw' + assign stacked_sizes = '(min-width: 750px) 60vw, 120vw' + assign widths = '450, 660, 900, 1320, 1800, 2136, 2400, 3600, 7680' + else + assign half_width = '50vw' + assign full_width = '100vw' + assign stacked_sizes = '(min-width: 750px) 50vw, 100vw' + assign widths = '375, 550, 750, 1100, 1500, 1780, 2000, 3000, 3840' + endif +-%} + + + + + + +{% schema %} +{ + "name": "Quiz Section", + "tag": "section", + "class": "section k-quiz", + "disabled_on": { + "groups": ["header", "footer"] + }, + "settings": [ + { + "type": "image_picker", + "id": "image", + "label": "t:sections.image-banner.settings.image.label" + }, + { + "type": "image_picker", + "id": "image_2", + "label": "t:sections.image-banner.settings.image_2.label" + }, + { + "type": "range", + "id": "image_overlay_opacity", + "min": 0, + "max": 100, + "step": 10, + "unit": "%", + "label": "t:sections.image-banner.settings.image_overlay_opacity.label", + "default": 0 + }, + { + "type": "select", + "id": "image_height", + "options": [ + { + "value": "adapt", + "label": "t:sections.image-banner.settings.image_height.options__1.label" + }, + { + "value": "small", + "label": "t:sections.image-banner.settings.image_height.options__2.label" + }, + { + "value": "medium", + "label": "t:sections.image-banner.settings.image_height.options__3.label" + }, + { + "value": "large", + "label": "t:sections.image-banner.settings.image_height.options__4.label" + } + ], + "default": "medium", + "label": "t:sections.image-banner.settings.image_height.label", + "info": "t:sections.image-banner.settings.image_height.info" + }, + { + "type": "select", + "id": "desktop_content_position", + "options": [ + { + "value": "top-left", + "label": "t:sections.image-banner.settings.desktop_content_position.options__1.label" + }, + { + "value": "top-center", + "label": "t:sections.image-banner.settings.desktop_content_position.options__2.label" + }, + { + "value": "top-right", + "label": "t:sections.image-banner.settings.desktop_content_position.options__3.label" + }, + { + "value": "middle-left", + "label": "t:sections.image-banner.settings.desktop_content_position.options__4.label" + }, + { + "value": "middle-center", + "label": "t:sections.image-banner.settings.desktop_content_position.options__5.label" + }, + { + "value": "middle-right", + "label": "t:sections.image-banner.settings.desktop_content_position.options__6.label" + }, + { + "value": "bottom-left", + "label": "t:sections.image-banner.settings.desktop_content_position.options__7.label" + }, + { + "value": "bottom-center", + "label": "t:sections.image-banner.settings.desktop_content_position.options__8.label" + }, + { + "value": "bottom-right", + "label": "t:sections.image-banner.settings.desktop_content_position.options__9.label" + } + ], + "default": "middle-center", + "label": "t:sections.image-banner.settings.desktop_content_position.label" + }, + { + "type": "checkbox", + "id": "show_text_box", + "default": true, + "label": "t:sections.image-banner.settings.show_text_box.label" + }, + { + "type": "select", + "id": "desktop_content_alignment", + "options": [ + { + "value": "left", + "label": "t:sections.image-banner.settings.desktop_content_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:sections.image-banner.settings.desktop_content_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:sections.image-banner.settings.desktop_content_alignment.options__3.label" + } + ], + "default": "center", + "label": "t:sections.image-banner.settings.desktop_content_alignment.label" + }, + { + "type": "select", + "id": "color_scheme", + "options": [ + { + "value": "accent-1", + "label": "t:sections.all.colors.accent_1.label" + }, + { + "value": "accent-2", + "label": "t:sections.all.colors.accent_2.label" + }, + { + "value": "background-1", + "label": "t:sections.all.colors.background_1.label" + }, + { + "value": "background-2", + "label": "t:sections.all.colors.background_2.label" + }, + { + "value": "inverse", + "label": "t:sections.all.colors.inverse.label" + } + ], + "default": "background-1", + "label": "t:sections.all.colors.label", + "info": "t:sections.image-banner.settings.color_scheme.info" + }, + { + "type": "header", + "content": "t:sections.all.animation.content" + }, + { + "type": "select", + "id": "image_behavior", + "options": [ + { + "value": "none", + "label": "t:sections.all.animation.image_behavior.options__1.label" + }, + { + "value": "ambient", + "label": "t:sections.all.animation.image_behavior.options__2.label" + } + ], + "default": "none", + "label": "t:sections.all.animation.image_behavior.label" + }, + { + "type": "header", + "content": "t:sections.image-banner.settings.mobile.content" + }, + { + "type": "select", + "id": "mobile_content_alignment", + "options": [ + { + "value": "left", + "label": "t:sections.image-banner.settings.mobile_content_alignment.options__1.label" + }, + { + "value": "center", + "label": "t:sections.image-banner.settings.mobile_content_alignment.options__2.label" + }, + { + "value": "right", + "label": "t:sections.image-banner.settings.mobile_content_alignment.options__3.label" + } + ], + "default": "center", + "label": "t:sections.image-banner.settings.mobile_content_alignment.label" + }, + { + "type": "select", + "id": "bg_alignment_mobile", + "options": [ + { + "value": "left", + "label": "t:sections.slideshow.blocks.slide.settings.text_alignment_mobile.options__1.label" + }, + { + "value": "center", + "label": "t:sections.slideshow.blocks.slide.settings.text_alignment_mobile.options__2.label" + }, + { + "value": "right", + "label": "t:sections.slideshow.blocks.slide.settings.text_alignment_mobile.options__3.label" + } + ], + "default": "center", + "label": "Background alignment mobile" + }, + { + "type": "checkbox", + "id": "stack_images_on_mobile", + "default": true, + "label": "t:sections.image-banner.settings.stack_images_on_mobile.label" + }, + { + "type": "checkbox", + "id": "show_text_below", + "default": true, + "label": "t:sections.image-banner.settings.show_text_below.label" + } + ], + "blocks": [ + { + "type": "heading", + "name": "t:sections.image-banner.blocks.heading.name", + "limit": 1, + "settings": [ + { + "type": "inline_richtext", + "id": "heading", + "default": "Image banner", + "label": "t:sections.image-banner.blocks.heading.settings.heading.label" + }, + { + "type": "select", + "id": "heading_size", + "options": [ + { + "value": "h2", + "label": "t:sections.all.heading_size.options__1.label" + }, + { + "value": "h1", + "label": "t:sections.all.heading_size.options__2.label" + }, + { + "value": "h0", + "label": "t:sections.all.heading_size.options__3.label" + } + ], + "default": "h1", + "label": "t:sections.all.heading_size.label" + } + ] + }, + { + "type": "text", + "name": "t:sections.image-banner.blocks.text.name", + "limit": 1, + "settings": [ + { + "type": "inline_richtext", + "id": "text", + "default": "Give customers details about the banner image(s) or content on the template.", + "label": "t:sections.image-banner.blocks.text.settings.text.label" + }, + { + "type": "select", + "id": "text_style", + "options": [ + { + "value": "body", + "label": "t:sections.image-banner.blocks.text.settings.text_style.options__1.label" + }, + { + "value": "subtitle", + "label": "t:sections.image-banner.blocks.text.settings.text_style.options__2.label" + }, + { + "value": "caption-with-letter-spacing", + "label": "t:sections.image-banner.blocks.text.settings.text_style.options__3.label" + } + ], + "default": "body", + "label": "t:sections.image-banner.blocks.text.settings.text_style.label" + } + ] + }, + { + "type": "buttons", + "name": "t:sections.image-banner.blocks.buttons.name", + "limit": 1, + "settings": [ + { + "type": "text", + "id": "button_label_1", + "default": "Button label", + "label": "t:sections.image-banner.blocks.buttons.settings.button_label_1.label", + "info": "Before Active mode" + }, + { + "type": "checkbox", + "id": "button_style_secondary_1", + "default": false, + "label": "t:sections.image-banner.blocks.buttons.settings.button_style_secondary_1.label" + }, + { + "type": "text", + "id": "button_label_2", + "default": "Button label", + "label": "t:sections.image-banner.blocks.buttons.settings.button_label_2.label", + "info": "Active mode" + } + ] + } + ], + "presets": [ + { + "name": "Quiz Section", + "blocks": [ + { + "type": "heading" + }, + { + "type": "buttons" + } + ] + } + ] +} +{% endschema %} diff --git a/sections/main-collection-product-grid.liquid b/sections/main-collection-product-grid.liquid index 855401c8ab6..d39d402fdde 100644 --- a/sections/main-collection-product-grid.liquid +++ b/sections/main-collection-product-grid.liquid @@ -165,7 +165,7 @@ {%- assign lazy_load = true -%} {%- endif -%}
  • - {% render 'card-product', + {% render 'bwp-card-product', card_product: product, media_aspect_ratio: section.settings.image_ratio, image_shape: section.settings.image_shape, diff --git a/snippets/bwp-card-product.liquid b/snippets/bwp-card-product.liquid new file mode 100644 index 00000000000..682595a1d2e --- /dev/null +++ b/snippets/bwp-card-product.liquid @@ -0,0 +1,393 @@ +{% comment %} + Renders a product card + + Accepts: + - card_product: {Object} Product Liquid object (optional) + - media_aspect_ratio: {String} Size of the product image card. Values are "square" and "portrait". Default is "square" (optional) + - image_shape: {String} Image mask to apply to the product image card. Values are "arch", "blob", "chevronleft", "chevronright", "diamond", "parallelogram", and "round". (optional) + - show_secondary_image: {Boolean} Show the secondary image on hover. Default: false (optional) + - show_vendor: {Boolean} Show the product vendor. Default: false + - show_rating: {Boolean} Show the product rating. Default: false + - extend_height: {Boolean} Card height extends to available container space. Default: true (optional) + - lazy_load: {Boolean} Image should be lazy loaded. Default: true (optional) + - show_quick_add: {Boolean} Show the quick add button. + - section_id: {String} The ID of the section that contains this card. + - horizontal_class: {Boolean} Add a card--horizontal class if set to true. Default: false (optional) + - horizontal_quick_add: {Boolean} Changes the quick add button styles when set to true. Default: false (optional) + + Usage: + {% render 'card-product', show_vendor: section.settings.show_vendor %} +{% endcomment %} + +{{ 'component-rating.css' | asset_url | stylesheet_tag }} + +{%- if card_product and card_product != empty -%} + {%- liquid + assign ratio = 1 + if card_product.featured_media and media_aspect_ratio == 'portrait' + assign ratio = 0.8 + elsif card_product.featured_media and media_aspect_ratio == 'adapt' + assign ratio = card_product.featured_media.aspect_ratio + endif + if ratio == 0 or ratio == null + assign ratio = 1 + endif + -%} +
    + +
    +
    + {%- if card_product.featured_media -%} +
    +
    + {% comment %}theme-check-disable ImgLazyLoading{% endcomment %} + {{ card_product.featured_media.alt | escape }} + {% comment %}theme-check-enable ImgLazyLoading{% endcomment %} + + {%- if card_product.media[1] != null and show_secondary_image -%} + + {%- endif -%} +
    +
    + {%- endif -%} +
    +
    +

    + + {{ card_product.title | escape }} + +

    +
    +
    + {%- if card_product.available == false -%} + + {{- 'products.product.sold_out' | t -}} + + {%- elsif card_product.compare_at_price > card_product.price and card_product.available -%} + + {% if card_product.type == 'Wholesale' %} + {{ 'products.product.partner_label' | t }} + {% else %} + {{ 'products.product.on_sale' | t }} + {% endif %} + + {%- endif -%} +
    +
    +
    +
    +
    +

    + + {{ card_product.title | escape }} + +

    +
    + {%- if show_vendor -%} + +
    {{ card_product.vendor }}
    + {%- endif -%} + + {{ block.settings.description | escape }} + + {%- if show_rating and card_product.metafields.reviews.rating.value != blank -%} + {% liquid + assign rating_decimal = 0 + assign decimal = card_product.metafields.reviews.rating.value.rating | modulo: 1 + if decimal >= 0.3 and decimal <= 0.7 + assign rating_decimal = 0.5 + elsif decimal > 0.7 + assign rating_decimal = 1 + endif + %} + +

    + +

    +

    + + +

    + {%- endif -%} + + {% render 'price', product: card_product, price_class: '' %} +
    +
    + {%- if show_quick_add -%} +
    + {%- liquid + assign product_form_id = 'quick-add-' | append: section_id | append: card_product.id + assign qty_rules = false + if card_product.selected_or_first_available_variant.quantity_rule.min > 1 or card_product.selected_or_first_available_variant.quantity_rule.max != null or card_product.selected_or_first_available_variant.quantity_rule.increment > 1 + assign qty_rules = true + endif + -%} + {%- if card_product.variants.size > 1 or qty_rules -%} + + + + + + + {%- else -%} + + {%- form 'product', + card_product, + id: product_form_id, + class: 'form', + novalidate: 'novalidate', + data-type: 'add-to-cart-form' + -%} + + + {%- endform -%} + + {%- endif -%} +
    + {%- endif -%} +
    + {%- if card_product.available == false -%} + + {{- 'products.product.sold_out' | t -}} + + {%- elsif card_product.compare_at_price > card_product.price and card_product.available -%} + + {% if card_product.type == 'Wholesale' %} + {{ 'products.product.partner_label' | t }} + {% else %} + {{ 'products.product.on_sale' | t }} + {% endif %} + + {%- endif -%} +
    +
    +
    +
    +{%- else -%} +
    +
    +
    +
    +
    +

    + + {{ 'onboarding.product_title' | t }} + +

    +
    +
    +
    +
    +
    +

    + + {{ 'onboarding.product_title' | t }} + +

    +
    + {%- if show_vendor -%} + +
    {{ 'products.product.vendor' | t }}
    + {%- endif -%} + {% render 'price' %} +
    +
    +
    +
    +
    +{%- endif -%} diff --git a/templates/collection.bwp.json b/templates/collection.bwp.json new file mode 100644 index 00000000000..0f8efa13713 --- /dev/null +++ b/templates/collection.bwp.json @@ -0,0 +1,193 @@ +{ + "sections": { + "banner": { + "type": "bwp-collection-banner", + "disabled": true, + "settings": { + "show_collection_description": true, + "show_collection_image": false, + "color_scheme": "background-1" + } + }, + "33d9a8fc-3c93-49cb-af91-4c82accd5904": { + "type": "bwp-k-quiz", + "blocks": { + "7cfa2d0f-86b8-4298-a0eb-593fc91fe242": { + "type": "heading", + "settings": { + "heading": "Find the right Alarm Panel for you!", + "heading_size": "h1" + } + }, + "7c2c1f4c-d43e-45ed-bff0-a6471f8ecc33": { + "type": "text", + "settings": { + "text": "Take our simple product quiz and we’ll help find what’s right for your household.", + "text_style": "body" + } + }, + "template--19134354751803__33d9a8fc-3c93-49cb-af91-4c82accd5904-168476023329fb6e3b-1": { + "type": "buttons", + "settings": { + "button_label_1": "Take Quiz", + "button_style_secondary_1": false, + "button_label_2": "Exit Quiz" + } + } + }, + "block_order": [ + "7cfa2d0f-86b8-4298-a0eb-593fc91fe242", + "7c2c1f4c-d43e-45ed-bff0-a6471f8ecc33", + "template--19134354751803__33d9a8fc-3c93-49cb-af91-4c82accd5904-168476023329fb6e3b-1" + ], + "settings": { + "image_overlay_opacity": 0, + "image_height": "adapt", + "desktop_content_position": "middle-left", + "show_text_box": false, + "desktop_content_alignment": "left", + "color_scheme": "background-1", + "image_behavior": "none", + "mobile_content_alignment": "center", + "bg_alignment_mobile": "center", + "stack_images_on_mobile": false, + "show_text_below": false + } + }, + "product-grid": { + "type": "main-collection-product-grid", + "settings": { + "enable_infinite": true, + "products_per_page": 16, + "columns_desktop": 4, + "image_ratio": "adapt", + "image_shape": "default", + "show_secondary_image": false, + "show_vendor": false, + "show_rating": false, + "enable_quick_add": false, + "enable_filtering": true, + "filter_type": "horizontal", + "enable_sorting": false, + "columns_mobile": "2", + "padding_top": 36, + "padding_bottom": 36 + } + }, + "afc00273-36e4-4061-ab49-1ef32f74ecef": { + "type": "collapsible-content", + "blocks": { + "template--16930536489181__afc00273-36e4-4061-ab49-1ef32f74ecef-collapsible_row-1": { + "type": "collapsible_row", + "settings": { + "heading": "What devices are compatible with Konnected's backup battery?", + "icon": "none", + "row_content": "", + "page": "" + } + }, + "template--16930536489181__afc00273-36e4-4061-ab49-1ef32f74ecef-collapsible_row-2": { + "type": "collapsible_row", + "settings": { + "heading": "How can I check if my router or modem is compatible?", + "icon": "none", + "row_content": "", + "page": "" + } + }, + "template--16930536489181__afc00273-36e4-4061-ab49-1ef32f74ecef-collapsible_row-3": { + "type": "collapsible_row", + "settings": { + "heading": "What is Buy with Prime?", + "icon": "none", + "row_content": "", + "page": "" + } + }, + "template--16930536489181__afc00273-36e4-4061-ab49-1ef32f74ecef-collapsible_row-4": { + "type": "collapsible_row", + "settings": { + "heading": "Who is eligible for Buy with Prime?", + "icon": "none", + "row_content": "", + "page": "" + } + } + }, + "block_order": [ + "template--16930536489181__afc00273-36e4-4061-ab49-1ef32f74ecef-collapsible_row-1", + "template--16930536489181__afc00273-36e4-4061-ab49-1ef32f74ecef-collapsible_row-2", + "template--16930536489181__afc00273-36e4-4061-ab49-1ef32f74ecef-collapsible_row-3", + "template--16930536489181__afc00273-36e4-4061-ab49-1ef32f74ecef-collapsible_row-4" + ], + "settings": { + "caption": "", + "heading": "Collapsible content", + "heading_size": "h1", + "heading_alignment": "center", + "layout": "row", + "color_scheme": "background-2", + "container_color_scheme": "background-2", + "open_first_collapsible_row": false, + "image_ratio": "adapt", + "desktop_layout": "image_second", + "padding_top": 36, + "padding_bottom": 36 + } + }, + "e7a61cb1-ec43-49c7-b65d-b32dd030172e": { + "type": "k-testimonial-carousel", + "blocks": { + "1c89d893-a77e-4e1a-81c1-61ae0a287e82": { + "type": "review", + "settings": { + "name": "James W.", + "content": "

    \"Excellent way to update an old alarm system - Very easy to update existing alarm system with clear instructions. Many thanks to Konnected for creating this kit to be able to reuse an existing set of motion sensors for a wired alarm without needing the expense of a security company and maintenance fees!\"<\/em><\/p>" + } + }, + "670fa69b-e196-44ec-8ef6-031ff360e908": { + "type": "review", + "settings": { + "name": "Angelo P.", + "content": "

    \"Provided alerting ability to wired alarm system - Very pleased with the product. After cancelling my ADT monthly service. I was not using my wired alarm panel. Now I can get alerts while away. Installation is very easy, with SmartThings app. Technical support was very responsive and helpful.\"<\/em><\/p>" + } + }, + "0b2f907e-33cc-4e2f-93c0-af21cd94b0dc": { + "type": "review", + "settings": { + "name": "Jonathan D.", + "content": "

    \"Konnected Pros rock!!! - Having very little knowledge about alarm systems I was a bit overwhelmed by this install at first — it has gone beautifully and thanks to the solid customer service my system is working beautifully. I’m super pleased with my new alarm set up. I am one very happy customer.\"<\/em><\/p>" + } + } + }, + "block_order": [ + "1c89d893-a77e-4e1a-81c1-61ae0a287e82", + "670fa69b-e196-44ec-8ef6-031ff360e908", + "0b2f907e-33cc-4e2f-93c0-af21cd94b0dc" + ], + "settings": { + "title": "Featured collection", + "heading_size": "h1", + "description": "", + "text_style": "body", + "columns_desktop": 3, + "enable_desktop_slider": false, + "auto_rotate": false, + "change_slides_speed": 5, + "color_scheme": "background-1", + "color_scheme_column": "background-1", + "columns_mobile": "1", + "swipe_on_mobile": false, + "padding_top": 36, + "padding_bottom": 36 + } + } + }, + "order": [ + "banner", + "33d9a8fc-3c93-49cb-af91-4c82accd5904", + "product-grid", + "afc00273-36e4-4061-ab49-1ef32f74ecef", + "e7a61cb1-ec43-49c7-b65d-b32dd030172e" + ] +} diff --git a/templates/product.garage-door-opener.json b/templates/product.garage-door-opener.json index 34604975b4f..85f4e070344 100644 --- a/templates/product.garage-door-opener.json +++ b/templates/product.garage-door-opener.json @@ -16,15 +16,6 @@ "settings": { } }, - "a224429c-b028-4ef9-a901-715d69f28ba1": { - "type": "shopify:\/\/apps\/stamped-product-reviews-ugc\/blocks\/star-rating-badge\/a103faaf-2125-4b0e-89fa-de5149736723", - "settings": { - "use_metafields": false, - "sku_tagtype": "sku", - "is_featured_product": false, - "featured_product_handle": "" - } - }, "caption": { "type": "text", "settings": { @@ -184,7 +175,6 @@ "block_order": [ "vendor", "title", - "a224429c-b028-4ef9-a901-715d69f28ba1", "caption", "price", "variant_picker", @@ -304,23 +294,6 @@ }, "16796019742a86b0ad": { "type": "apps", - "blocks": { - "0c12ea5b-fd94-4e1a-a27c-69ad6d71248c": { - "type": "shopify:\/\/apps\/stamped-product-reviews-ugc\/blocks\/main-widget\/a103faaf-2125-4b0e-89fa-de5149736723", - "settings": { - "animation": true, - "tags_exclude": "", - "tags_include": "", - "search": "", - "linkify": true, - "use_metafields": false, - "sku_tagtype": "sku" - } - } - }, - "block_order": [ - "0c12ea5b-fd94-4e1a-a27c-69ad6d71248c" - ], "disabled": true, "settings": { "include_margins": true @@ -1246,23 +1219,6 @@ }, "16853831377ff6f5d4": { "type": "apps", - "blocks": { - "53dc309a-842a-4545-bffc-92ef9220de7c": { - "type": "shopify:\/\/apps\/stamped-product-reviews-ugc\/blocks\/main-widget\/a103faaf-2125-4b0e-89fa-de5149736723", - "settings": { - "animation": true, - "tags_exclude": "", - "tags_include": "", - "search": "", - "linkify": true, - "use_metafields": false, - "sku_tagtype": "sku" - } - } - }, - "block_order": [ - "53dc309a-842a-4545-bffc-92ef9220de7c" - ], "settings": { "include_margins": true } @@ -1293,4 +1249,4 @@ "bf53a2af-c80e-41fd-b35f-d7ca24e672fc", "16853831377ff6f5d4" ] -} \ No newline at end of file +} diff --git a/templates/product.pro-conversion-kit.json b/templates/product.pro-conversion-kit.json index 9d1c01da0c7..b5d8cf459f9 100644 --- a/templates/product.pro-conversion-kit.json +++ b/templates/product.pro-conversion-kit.json @@ -23,15 +23,6 @@ "text_style": "subtitle" } }, - "6cbc57b5-c810-4758-a170-c0dd02dee926": { - "type": "shopify:\/\/apps\/stamped-product-reviews-ugc\/blocks\/star-rating-badge\/a103faaf-2125-4b0e-89fa-de5149736723", - "settings": { - "use_metafields": true, - "sku_tagtype": "sku", - "is_featured_product": false, - "featured_product_handle": "" - } - }, "price": { "type": "price", "settings": { @@ -166,7 +157,6 @@ "vendor", "title", "caption", - "6cbc57b5-c810-4758-a170-c0dd02dee926", "price", "description", "variant_picker", @@ -689,16 +679,8 @@ "ebe15abc-a810-4d3d-aed2-862294ca9d8d" ], "settings": { - "title": "Works With Most Wired Sensors & Devices", - "heading_size": "h2", - "description": "", - "description_style": "body", - "icons_bg": "#E6F7FE", "text_list": "Door and Window Sensors\nWired PIR Motion Sensors\nWired Glass-Break Detectors\nWater Leak Detectors\nSmoke and Carbon Monoxide Detectors*\nAlarm Siren and Strobe Light", - "text_warning": "*THIS PRODUCT IS NOT A FIRE OR LIFE SAFETY DEVICE. Use with smoke and carbon monoxide detectors is for informational purposes only. Do not rely on Konnected alone to notify you in a life threatening emergency.", - "color_scheme": "background-1", - "padding_top": 40, - "padding_bottom": 52 + "text_warning": "*THIS PRODUCT IS NOT A FIRE OR LIFE SAFETY DEVICE. Use with smoke and carbon monoxide detectors is for informational purposes only. Do not rely on Konnected alone to notify you in a life threatening emergency." } }, "comparison": { @@ -880,11 +862,8 @@ "infinitely-expandable": { "type": "k-section-quick-buy", "settings": { - "title": "Infinitely Expandable", - "heading_size": "h1", - "description": "

    Konnected is infinitely expandable by simply adding more Konnected Alarm Panel boards! Our unique decentralized approach means that each Konnected Alarm Panel board works independently and has its own WiFi connection to your smart home platform. You can add any of the Konnected devices, even mix either 6-zone WiFi model or the Alarm Panel Pro, anywhere there’s a WiFi signal. The smart home app syncs everything together into one cohesive system.<\/p>", - "description_style": "body", - "image": "shopify:\/\/shop_images\/Interface_linking_add_ons_v2_section_7_cb687a3a-b0a7-407c-b9af-7e75f3a89fe7.gif" + "image": "shopify:\/\/shop_images\/Interface_linking_add_ons_v2_section_7_cb687a3a-b0a7-407c-b9af-7e75f3a89fe7.gif", + "description": "

    Konnected is infinitely expandable by simply adding more Konnected Alarm Panel boards! Our unique decentralized approach means that each Konnected Alarm Panel board works independently and has its own WiFi connection to your smart home platform. You can add any of the Konnected devices, even mix either 6-zone WiFi model or the Alarm Panel Pro, anywhere there’s a WiFi signal. The smart home app syncs everything together into one cohesive system.<\/p>" } }, "how-many-zones": { @@ -1230,23 +1209,6 @@ }, "1658354636f30e9d06": { "type": "apps", - "blocks": { - "fdf4dcd6-43ac-4deb-abe4-22d99708fafa": { - "type": "shopify:\/\/apps\/stamped-product-reviews-ugc\/blocks\/main-widget\/a103faaf-2125-4b0e-89fa-de5149736723", - "settings": { - "animation": true, - "tags_exclude": "", - "tags_include": "", - "search": "", - "linkify": true, - "use_metafields": true, - "sku_tagtype": "sku" - } - } - }, - "block_order": [ - "fdf4dcd6-43ac-4deb-abe4-22d99708fafa" - ], "settings": { "include_margins": true } diff --git a/templates/product.starter-conversion-kit.json b/templates/product.starter-conversion-kit.json index 8d47314926f..45035404f31 100644 --- a/templates/product.starter-conversion-kit.json +++ b/templates/product.starter-conversion-kit.json @@ -23,15 +23,6 @@ "text_style": "subtitle" } }, - "e50bd87e-ae49-4bcb-9937-0fb2f0d84ae8": { - "type": "shopify:\/\/apps\/stamped-product-reviews-ugc\/blocks\/star-rating-badge\/a103faaf-2125-4b0e-89fa-de5149736723", - "settings": { - "use_metafields": true, - "sku_tagtype": "sku", - "is_featured_product": false, - "featured_product_handle": "" - } - }, "price": { "type": "price", "settings": { @@ -157,7 +148,6 @@ "vendor", "title", "caption", - "e50bd87e-ae49-4bcb-9937-0fb2f0d84ae8", "price", "description", "variant_picker", @@ -679,16 +669,8 @@ "ebe15abc-a810-4d3d-aed2-862294ca9d8d" ], "settings": { - "title": "Works With Most Wired Sensors & Devices", - "heading_size": "h2", - "description": "

    Breathe new life into all the sensors already wired in your home and make them visible and actionable in your smart home app.<\/p>", - "description_style": "body", - "icons_bg": "#E6F7FE", "text_list": "Door and Window Sensors\nWired PIR Motion Sensors\nWired Glass-Break Detectors\nWater Leak Detectors\nSmoke and Carbon Monoxide Detectors*\nAlarm Siren and Strobe Light", - "text_warning": "*THIS PRODUCT IS NOT A FIRE OR LIFE SAFETY DEVICE. Use with smoke and carbon monoxide detectors is for informational purposes only. Do not rely on Konnected alone to notify you in a life threatening emergency.", - "color_scheme": "background-1", - "padding_top": 60, - "padding_bottom": 32 + "text_warning": "*THIS PRODUCT IS NOT A FIRE OR LIFE SAFETY DEVICE. Use with smoke and carbon monoxide detectors is for informational purposes only. Do not rely on Konnected alone to notify you in a life threatening emergency." } }, "comparison": { @@ -870,11 +852,8 @@ "infinitely-expandable": { "type": "k-section-quick-buy", "settings": { - "title": "Infinitely Expandable", - "heading_size": "h1", - "description": "

    Konnected is infinitely expandable by simply adding more Konnected Alarm Panel boards! Our unique decentralized approach means that each Konnected Alarm Panel board works independently and has its own WiFi connection to your smart home platform. You can add any of the Konnected devices, even mix either 6-zone WiFi model or the Alarm Panel Pro, anywhere there’s a WiFi signal. The smart home app syncs everything together into one cohesive system.<\/p>", - "description_style": "body", - "image": "shopify:\/\/shop_images\/Interface_linking_add_ons_v2_section_7_cb687a3a-b0a7-407c-b9af-7e75f3a89fe7.gif" + "image": "shopify:\/\/shop_images\/Interface_linking_add_ons_v2_section_7_cb687a3a-b0a7-407c-b9af-7e75f3a89fe7.gif", + "description": "

    Konnected is infinitely expandable by simply adding more Konnected Alarm Panel boards! Our unique decentralized approach means that each Konnected Alarm Panel board works independently and has its own WiFi connection to your smart home platform. You can add any of the Konnected devices, even mix either 6-zone WiFi model or the Alarm Panel Pro, anywhere there’s a WiFi signal. The smart home app syncs everything together into one cohesive system.<\/p>" } }, "how-many-zones": { @@ -1221,23 +1200,6 @@ }, "1658354636f30e9d06": { "type": "apps", - "blocks": { - "fdf4dcd6-43ac-4deb-abe4-22d99708fafa": { - "type": "shopify:\/\/apps\/stamped-product-reviews-ugc\/blocks\/main-widget\/a103faaf-2125-4b0e-89fa-de5149736723", - "settings": { - "animation": true, - "tags_exclude": "", - "tags_include": "", - "search": "", - "linkify": true, - "use_metafields": true, - "sku_tagtype": "sku" - } - } - }, - "block_order": [ - "fdf4dcd6-43ac-4deb-abe4-22d99708fafa" - ], "settings": { "include_margins": true }