From 638a4d68654f3512bef0fafac53896096b743e1c Mon Sep 17 00:00:00 2001 From: Florian Eisenmenger Date: Thu, 3 Mar 2022 17:31:29 +0100 Subject: [PATCH] check --- .../js/zenit-platform-atmos-set1.js | 54 ++++++++++++ .../app/storefront/src/scss/base.scss | 3 + .../src/scss/component/_cms-block.scss | 82 ++++++++++--------- .../src/scss/component/_cms-element.scss | 51 ++++++++++++ .../storefront/src/scss/component/_forms.scss | 48 +++++++++++ .../src/scss/component/_product-box.scss | 1 + .../src/scss/layout/_header-minimal.scss | 29 +++++++ .../storefront/src/scss/layout/_header.scss | 34 ++++++++ .../app/storefront/src/scss/overrides.scss | 4 + .../src/scss/page/checkout/_cart.scss | 19 +++++ .../src/scss/page/checkout/_register.scss | 17 ++++ .../page/product-detail/_product-detail.scss | 19 ++++- .../component/account/register.html.twig | 10 +++ .../product/card/price-unit.html.twig | 11 ++- .../layout/header/header-minimal.html.twig | 27 ++++++ .../storefront/layout/header/header.html.twig | 8 +- .../summary/summary-shipping.html.twig | 1 + .../page/product-detail/description.html.twig | 17 +--- .../page/product-detail/index.html.twig | 17 +--- 19 files changed, 380 insertions(+), 72 deletions(-) create mode 100644 zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/component/_forms.scss create mode 100644 zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/layout/_header-minimal.scss create mode 100644 zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/page/checkout/_register.scss create mode 100644 zenitPlatformAtmosSet1/src/Resources/views/storefront/component/account/register.html.twig create mode 100644 zenitPlatformAtmosSet1/src/Resources/views/storefront/layout/header/header-minimal.html.twig diff --git a/zenitPlatformAtmosSet1/src/Resources/app/storefront/dist/storefront/js/zenit-platform-atmos-set1.js b/zenitPlatformAtmosSet1/src/Resources/app/storefront/dist/storefront/js/zenit-platform-atmos-set1.js index 41eb55f..6d251a7 100644 --- a/zenitPlatformAtmosSet1/src/Resources/app/storefront/dist/storefront/js/zenit-platform-atmos-set1.js +++ b/zenitPlatformAtmosSet1/src/Resources/app/storefront/dist/storefront/js/zenit-platform-atmos-set1.js @@ -34,6 +34,14 @@ $(document).ready(function() { }); changeDelivery(fp); } + + var sticky = $(".thumbnail-container"), + parentContainer = sticky.parents(".aku-cms-factory-element"), + stickyTop = sticky.offset().top; + tagBar(sticky, parentContainer, stickyTop); + $(window).on('resize scroll', function() { + tagBar(sticky, parentContainer, stickyTop); + }); }); function manipulateDateInputValue() { @@ -116,3 +124,49 @@ function setIncludedDays(delivery, fp, addDays) { } ]); } + +$.fn.isInViewport = function() { + var elementTop = $(this).offset().top + 50; + var elementBottom = elementTop + $(this).outerHeight(); + + var viewportTop = $(window).scrollTop(); + var viewportBottom = viewportTop + $(window).height(); + + return elementBottom > viewportTop && elementTop < viewportBottom; +}; + +function tagBar(sticky, parentContainer, stickyTop) { + var headerHeight = $(".header-inner").outerHeight() + 13, + windowTop = $(window).scrollTop() + headerHeight; + if (stickyTop < windowTop && parentContainer.height() + parentContainer.offset().top - sticky.height() > windowTop) { + sticky.css('position', 'fixed').css('top', headerHeight + 'px'); + } else { + sticky.css('position', 'absolute').css('top', 0); + } + + sticky.find("figure").removeClass("active"); + if ($("#day1").isInViewport() && !$("#day2").isInViewport() && + !$("#day3").isInViewport() && !$("#day4").isInViewport() && + !$("#day5").isInViewport() && !$("#day6").isInViewport()) { + sticky.find(".day1Image").addClass("active"); + } + if ($("#day2").isInViewport() && + !$("#day3").isInViewport() && !$("#day4").isInViewport() && + !$("#day5").isInViewport() && !$("#day6").isInViewport()) { + sticky.find(".day2Image").addClass("active"); + } + if ($("#day3").isInViewport() && !$("#day4").isInViewport() && + !$("#day5").isInViewport() && !$("#day6").isInViewport()) { + sticky.find(".day3Image").addClass("active"); + } + if ($("#day4").isInViewport() && + !$("#day5").isInViewport() && !$("#day6").isInViewport()) { + sticky.find(".day4Image").addClass("active"); + } + if ($("#day5").isInViewport() && !$("#day6").isInViewport()) { + sticky.find(".day5Image").addClass("active"); + } + if ($("#day6").isInViewport()) { + sticky.find(".day6Image").addClass("active"); + } +} \ No newline at end of file diff --git a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/base.scss b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/base.scss index e82ca31..8b26f4d 100644 --- a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/base.scss +++ b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/base.scss @@ -1,10 +1,13 @@ @import 'layout/header'; +@import 'layout/header-minimal'; @import 'layout/footer'; @import 'component/card'; @import 'component/cms-block'; @import 'component/cms-element'; @import 'component/filter-multi-select'; @import 'component/product-box'; +@import 'component/forms'; @import 'page/content/breadcrumb'; +@import 'page/checkout/register'; @import 'page/checkout/cart'; @import 'page/product-detail/product-detail'; \ No newline at end of file diff --git a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/component/_cms-block.scss b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/component/_cms-block.scss index caf316b..26329f7 100644 --- a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/component/_cms-block.scss +++ b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/component/_cms-block.scss @@ -1,44 +1,46 @@ .aku-cms-factory-element { - height: 100%; - .hero-icons { - display: flex; - justify-content: center; - grid-gap: 50px; - .dicon { - width: 100%; - max-width: 120px; - text-align: center; - .icon-title { - position: relative; - display: inline-block; - border: 2px solid #222; - padding: 10px 12px; - text-align: center; - &:before { - content: ''; - position: absolute; - width: 0; - height: 0; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-top: 10px solid #222; - border-bottom: 10px solid transparent; - right: 11%; - bottom: -21px; + height: 100%; + font-size: 18px; + line-height: 24px; + .hero-icons { + display: flex; + justify-content: center; + grid-gap: 50px; + .dicon { + width: 100%; + max-width: 120px; + text-align: center; + .icon-title { + position: relative; + display: inline-block; + border: 2px solid #222; + padding: 10px 12px; + text-align: center; + &:before { + content: ''; + position: absolute; + width: 0; + height: 0; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid #222; + border-bottom: 10px solid transparent; + right: 11%; + bottom: -21px; + } + &:after { + content: ""; + width: 0px; + height: 0px; + position: absolute; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid #fff; + border-bottom: 10px solid transparent; + right: 11%; + bottom: -18px; + } + } } - &:after { - content: ""; - width: 0px; - height: 0px; - position: absolute; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-top: 10px solid #fff; - border-bottom: 10px solid transparent; - right: 11%; - bottom: -18px; - } - } } - } } \ No newline at end of file diff --git a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/component/_cms-element.scss b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/component/_cms-element.scss index 2e4e3aa..c2800b3 100644 --- a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/component/_cms-element.scss +++ b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/component/_cms-element.scss @@ -22,4 +22,55 @@ margin: 20px 0; } } +} + +.cms-element-title-paragraph { + font-size: 44px; + font-weight: bold; + letter-spacing: 0; + line-height: 44px; + color: $sw-color-brand-primary; +} + +.cms-element-text { + font-size: 18px; + line-height: 24px; + h2 { + font-size: 60px; + line-height: 54px; + } +} + +.cms-block.bildlink .cms-element-image { + .cms-image-link { + position: relative; + &:after { + position: absolute; + bottom: 20%; + left: 50%; + z-index: 999; + transform: translateX(-50%); + display: inline-block; + content: 'alle ansehen'; + text-align: center; + font-size: .9375rem; + line-height: 34px; + letter-spacing: 1px; + text-transform: uppercase; + padding: 5px 32px; + font-weight: 600; + background: $sw-color-brand-primary; + color: #fff; + border: 2px solid $sw-color-brand-primary; + border-radius: 3px; + transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; + } + &:hover { + &:after { + background: #E9F4FC; + border-color: #E9F4FC; + color: $sw-color-brand-primary; + } + } + } } \ No newline at end of file diff --git a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/component/_forms.scss b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/component/_forms.scss new file mode 100644 index 0000000..52ed438 --- /dev/null +++ b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/component/_forms.scss @@ -0,0 +1,48 @@ +.form-control, +.custom-select { + border-bottom: 2px solid $sw-color-brand-primary; + padding-left: 0; +} + +.form-text { + &.privacy-notice { + strong { + display: block; + font-size: 22px; + line-height: 24px; + font-weight: 500; + } + } +} + +.js-label-floating label { + font-size: 18px; + left: calc(0rem + ( 10px / 2)); +} + +.js-floated label { + font-size: 10px; +} + +.custom-control-label { + &:before { + top: 0; + width: 18px; + height: 18px; + border: 2px solid $sw-color-brand-primary; + border-radius: 3px; + } + &:after { + top: 0; + width: 18px; + height: 18px; + } + a { + color: #222; + text-decoration: underline; + &:hover { + color: $sw-color-brand-primary; + text-decoration: none; + } + } +} \ No newline at end of file diff --git a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/component/_product-box.scss b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/component/_product-box.scss index e0463ed..fe006e7 100644 --- a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/component/_product-box.scss +++ b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/component/_product-box.scss @@ -10,6 +10,7 @@ font-size: 18px; line-height: 20px; height: auto; + overflow: visible; } .product-info { min-height: 110px; diff --git a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/layout/_header-minimal.scss b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/layout/_header-minimal.scss new file mode 100644 index 0000000..bd176ad --- /dev/null +++ b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/layout/_header-minimal.scss @@ -0,0 +1,29 @@ +@media (min-width: 768px) { + .header-minimal-contact { + span { + display: block; + margin-bottom: 12px; + } + strong { + font-size: 22px; + line-height: 24px; + font-weight: 500; + margin-right: 15px; + } + } +} + +.header-minimal-back-to-shop { + .icon { + display: none; + } + .btn { + font-size: 16px; + text-transform: uppercase; + letter-spacing: 1.6px; + color: $sw-color-brand-primary; + &:hover { + background: transparent; + } + } +} \ No newline at end of file diff --git a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/layout/_header.scss b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/layout/_header.scss index 0470c50..c39d9a0 100644 --- a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/layout/_header.scss +++ b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/layout/_header.scss @@ -1,13 +1,32 @@ +.top-bar-country { + transform: translateY(4px); + .top-bar-nav-btn.btn { + color: #222; + &:hover { + background: transparent; + color: $sw-color-brand-primary; + } + } +} + .header-row { padding-top: 10px; border-bottom: 1px solid #B1C3D9; } .header-main { + .header-actions-btn { + &:hover { + background: transparent; + } + } .header-cart-btn { .header-cart-total { margin-right: 0; } + &:hover { + background: transparent; + } } } @@ -16,6 +35,7 @@ position: absolute; top: 0; right: 0; + z-index: 10; } } @@ -71,3 +91,17 @@ } } +.navigation-offcanvas-actions { + .top-bar-country { + z-index: 10; + } +} + +.navigation-offcanvas-link { + &.is-home-link, + &.is-current-category { + background: #f3f4f5; + color: #222; + } +} + diff --git a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/overrides.scss b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/overrides.scss index 29085b9..fe16211 100644 --- a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/overrides.scss +++ b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/overrides.scss @@ -7,6 +7,10 @@ Because of the !default flags, theme variable overrides have to be declared befo https://getbootstrap.com/docs/4.0/getting-started/theming/#variable-defaults */ +html { + scroll-behavior: smooth; +} + body { background: #fff; } diff --git a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/page/checkout/_cart.scss b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/page/checkout/_cart.scss index 8eb771e..1a134dc 100644 --- a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/page/checkout/_cart.scss +++ b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/page/checkout/_cart.scss @@ -56,6 +56,12 @@ text-decoration: none; } } + .checkout-aside-summary-label { + span { + display: block; + color: #71819C; + } + } .checkout-aside-summary-total { border-top: 1px solid #B1C3D9; } @@ -102,4 +108,17 @@ } } } + .checkout-aside-item-image { + padding-left: 0; + padding-right: 0; + max-width: 62px; + } +} + +@media (min-width: 1260px) { + .is-act-checkoutregisterpage .checkout .checkout-aside { + margin-left: 0; + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } } \ No newline at end of file diff --git a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/page/checkout/_register.scss b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/page/checkout/_register.scss new file mode 100644 index 0000000..370aca7 --- /dev/null +++ b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/page/checkout/_register.scss @@ -0,0 +1,17 @@ +.register-login-collapse-toogle { + margin: 15px 0 50px; + svg { + color: $sw-color-brand-primary; + } + a { + font-size: 15px; + color: #222; + strong { + font-weight: 400; + } + } +} + +.register-address { + margin-top: 3rem; +} \ No newline at end of file diff --git a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/page/product-detail/_product-detail.scss b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/page/product-detail/_product-detail.scss index 7cc2b01..9cfc783 100644 --- a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/page/product-detail/_product-detail.scss +++ b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/page/product-detail/_product-detail.scss @@ -6,14 +6,25 @@ } .aku-cms-factory-element { display: flex; + position: relative; + margin-left: 100px; .thumbnail-container { - max-width: 75px; + width: 75px; margin-right: 25px; + position: absolute; + top: 0; + margin-left: -100px; figure { - margin: 10px 0; + border: 1px solid transparent; + border-radius: 3px; + padding: 9px 9px 6px 9px; + transition: border 0.2s ease-in-out; + &.active { + border-color: #b1c3d9; + } img { - max-width: 55px; - margin-bottom: 10px; + width: 55px; + margin-bottom: 4px; } figcaption { font-family: $sw-font-family-base; diff --git a/zenitPlatformAtmosSet1/src/Resources/views/storefront/component/account/register.html.twig b/zenitPlatformAtmosSet1/src/Resources/views/storefront/component/account/register.html.twig new file mode 100644 index 0000000..92fa73c --- /dev/null +++ b/zenitPlatformAtmosSet1/src/Resources/views/storefront/component/account/register.html.twig @@ -0,0 +1,10 @@ +{% sw_extends '@Storefront/storefront/component/account/register.html.twig' %} + +{% block component_account_register_submit %} +
+ +
+{% endblock %} \ No newline at end of file diff --git a/zenitPlatformAtmosSet1/src/Resources/views/storefront/component/product/card/price-unit.html.twig b/zenitPlatformAtmosSet1/src/Resources/views/storefront/component/product/card/price-unit.html.twig index 46b0f53..dea0cc8 100644 --- a/zenitPlatformAtmosSet1/src/Resources/views/storefront/component/product/card/price-unit.html.twig +++ b/zenitPlatformAtmosSet1/src/Resources/views/storefront/component/product/card/price-unit.html.twig @@ -35,7 +35,16 @@ {% endif %} - {{ product.customFields.custom_productteaser_price|trans }} € pro Tag + {% set weekProductCount = 0 %} + {% if (product.customFields.custom_weightlossplan_day1_image != null) %}{% set weekProductCount = weekProductCount + 1 %}{% endif %} + {% if (product.customFields.custom_weightlossplan_day2_image != null) %}{% set weekProductCount = weekProductCount + 1 %}{% endif %} + {% if (product.customFields.custom_weightlossplan_day3_image != null) %}{% set weekProductCount = weekProductCount + 1 %}{% endif %} + {% if (product.customFields.custom_weightlossplan_day4_image != null) %}{% set weekProductCount = weekProductCount + 1 %}{% endif %} + {% if (product.customFields.custom_weightlossplan_day5_image != null) %}{% set weekProductCount = weekProductCount + 1 %}{% endif %} + {% if (product.customFields.custom_weightlossplan_day6_image != null) %}{% set weekProductCount = weekProductCount + 1 %}{% endif %} + {% if weekProductCount >= 1 %} + {{ (price.unitPrice / weekProductCount) | json_encode() | round(2) | replace({'.': ','}) }} € pro Tag + {% endif %} {% if product.translated.customFields.deposittype %}
diff --git a/zenitPlatformAtmosSet1/src/Resources/views/storefront/layout/header/header-minimal.html.twig b/zenitPlatformAtmosSet1/src/Resources/views/storefront/layout/header/header-minimal.html.twig new file mode 100644 index 0000000..f702432 --- /dev/null +++ b/zenitPlatformAtmosSet1/src/Resources/views/storefront/layout/header/header-minimal.html.twig @@ -0,0 +1,27 @@ +{% sw_extends '@Storefront/storefront/layout/header/header-minimal.html.twig' %} + +{% block layout_header_minimal_logo %} + +{% endblock %} + +{% block layout_header_minimal_contact %} +
+ {{ "header.supportInfo"|trans|sw_sanitize }} +
+{% endblock %} + +{% block layout_header_minimal_button %} +
+ + {% sw_icon 'arrow-medium-left' style { + 'size': 'sm', + 'pack': 'solid' + } %} + {{ "checkout.finishButtonBackToShop"|trans|striptags }} + +
+{% endblock %} \ No newline at end of file diff --git a/zenitPlatformAtmosSet1/src/Resources/views/storefront/layout/header/header.html.twig b/zenitPlatformAtmosSet1/src/Resources/views/storefront/layout/header/header.html.twig index af7e24e..654a085 100644 --- a/zenitPlatformAtmosSet1/src/Resources/views/storefront/layout/header/header.html.twig +++ b/zenitPlatformAtmosSet1/src/Resources/views/storefront/layout/header/header.html.twig @@ -1,8 +1,14 @@ {% sw_extends '@Storefront/storefront/layout/header/header.html.twig' %} - {% block layout_header_actions %}
+ {% block layout_header_top_bar_language %} + {% if not context.customer %} +
+ {% sw_include '@CogiDetectLocation/storefront/layout/header/actions/country-widget.html.twig' %} +
+ {% endif %} + {% endblock %} {% block layout_header_search_toggle %}
diff --git a/zenitPlatformAtmosSet1/src/Resources/views/storefront/page/checkout/summary/summary-shipping.html.twig b/zenitPlatformAtmosSet1/src/Resources/views/storefront/page/checkout/summary/summary-shipping.html.twig index f63e1a5..abe7cb1 100644 --- a/zenitPlatformAtmosSet1/src/Resources/views/storefront/page/checkout/summary/summary-shipping.html.twig +++ b/zenitPlatformAtmosSet1/src/Resources/views/storefront/page/checkout/summary/summary-shipping.html.twig @@ -12,6 +12,7 @@ data-url="{{ path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') }) }}"> {{ "checkout.summaryShipping"|trans|sw_sanitize }} + {{ "checkout.freeShipping"|trans|sw_sanitize }} {% endblock %} diff --git a/zenitPlatformAtmosSet1/src/Resources/views/storefront/page/product-detail/description.html.twig b/zenitPlatformAtmosSet1/src/Resources/views/storefront/page/product-detail/description.html.twig index d9c965d..772f9b6 100644 --- a/zenitPlatformAtmosSet1/src/Resources/views/storefront/page/product-detail/description.html.twig +++ b/zenitPlatformAtmosSet1/src/Resources/views/storefront/page/product-detail/description.html.twig @@ -1,16 +1,7 @@ {% sw_extends '@Storefront/storefront/page/product-detail/description.html.twig' %} -{% block page_product_detail_description_content_text %} - {{ parent() }} - {% if product.customFields.custom_weightlossplan_day1_image is defined %} - {{ product.customFields.custom_weightlossplan_day1_image }} - {% endif %} - - {% if product.customFields.custom_weightlossplan_day1_notice is defined %} - {{ product.customFields.custom_weightlossplan_day1_notice|trans }} - {% endif %} - - {% if product.customFields.custom_weightlossplan_day1_shake is defined %} - {{ product.customFields.custom_weightlossplan_day1_shake|trans }} - {% endif %} +{% block page_product_detail_description_title %} +
+ {{ "detail.descriptionTitle"|trans|sw_sanitize }} {{ page.product.translated.name }} +
{% endblock %} \ No newline at end of file diff --git a/zenitPlatformAtmosSet1/src/Resources/views/storefront/page/product-detail/index.html.twig b/zenitPlatformAtmosSet1/src/Resources/views/storefront/page/product-detail/index.html.twig index 08cec4a..0363ab7 100644 --- a/zenitPlatformAtmosSet1/src/Resources/views/storefront/page/product-detail/index.html.twig +++ b/zenitPlatformAtmosSet1/src/Resources/views/storefront/page/product-detail/index.html.twig @@ -1,18 +1,9 @@ {% sw_extends '@Storefront/storefront/page/product-detail/index.html.twig' %} -{% block page_product_detail_content %} - {{ parent() }} - - {% if page.product.customFields.custom_weightlossplan_day1_image is defined %} - {% set day1ImageId = page.product.customFields.custom_weightlossplan_day1_image %} - {% set mediaCollection = searchMedia([day1ImageId], context.context) %} - {% set day1Image = mediaCollection.get(day1ImageId) %} -
- +{% block zen_page_product_detail_short_description %} + {% if page.product.customFields.custom_description_small_description and theme_config('zen-product-details-short-description') %} +
+ {{ page.product.customFields.custom_description_small_description|trans|sw_sanitize }}
{% endif %} - - {% if page.product.customFields.custom_weightlossplan_day1_shake is defined %} - Shake: {{ page.product.customFields.custom_weightlossplan_day1_shake|trans }} - {% endif %} {% endblock %} \ No newline at end of file