| @@ -1,9 +1,5 @@ | |||
| {% sw_extends '@Storefront/storefront/layout/meta.html.twig' %} | |||
| {% block layout_head_title %} | |||
| <title itemprop="name">{% apply spaceless %} | |||
| {% block layout_head_title_inner %} | |||
| {{ metaTitle }} | diaeko.de | |||
| {% endblock %} | |||
| {% endapply %}</title> | |||
| {% block layout_head_title_inner %} | |||
| {{ metaTitle }} | diaeko.de | |||
| {% endblock %} | |||
| @@ -48,6 +48,12 @@ | |||
| } | |||
| .cart-offcanvas { | |||
| .row { | |||
| justify-content: space-between; | |||
| } | |||
| .js-toggle-shipping-selection { | |||
| display: block; | |||
| } | |||
| .offcanvas-close { | |||
| min-height: 54px; | |||
| background: #E9F4FC; | |||
| @@ -82,13 +88,13 @@ | |||
| margin-bottom: 20px; | |||
| display: flex; | |||
| grid-gap: 15px; | |||
| padding: 14px 18px 1px; | |||
| padding: 14px 8px 1px; | |||
| border-radius: 3px; | |||
| background: rgba(#86B04B, 0.15); | |||
| color: #86B04B; | |||
| &.spwn-c-p-more { | |||
| background-color: #33548c; | |||
| color: #fff; | |||
| background-color: #33548c; | |||
| color: #fff; | |||
| } | |||
| .icon { | |||
| min-width: 22px; | |||
| @@ -97,7 +103,7 @@ | |||
| } | |||
| &.spwn-c-p-more { | |||
| .icon { | |||
| color: #fff; | |||
| color: #fff; | |||
| } | |||
| } | |||
| } | |||
| @@ -126,6 +132,24 @@ | |||
| } | |||
| } | |||
| } | |||
| &.cart-item-FLOWSITEDepositLineItem { | |||
| .cart-item-row { | |||
| max-height: 20px; | |||
| .cart-item-img { | |||
| transform: translateY(-4px); | |||
| } | |||
| } | |||
| .cart-item-details { | |||
| margin-bottom: 0; | |||
| padding-top: 0; | |||
| .cart-item-details-container { | |||
| display: flex; | |||
| .cart-quantity-price { | |||
| min-height: auto; | |||
| } | |||
| } | |||
| } | |||
| } | |||
| } | |||
| .spwn-add-customized-products { | |||
| .spwn-add-customized-products-detail { | |||
| @@ -206,4 +230,8 @@ | |||
| text-transform: uppercase; | |||
| } | |||
| } | |||
| } | |||
| .offcanvas-cart .cart-item-details-container .cart-item-details { | |||
| margin-right: 48px; | |||
| } | |||
| @@ -29,11 +29,11 @@ | |||
| } | |||
| } | |||
| .header-hotline-btn:hover { | |||
| svg { | |||
| path { | |||
| stroke: $sw-color-brand-primary; | |||
| svg { | |||
| path { | |||
| stroke: $sw-color-brand-primary; | |||
| } | |||
| } | |||
| } | |||
| } | |||
| } | |||
| @@ -46,10 +46,24 @@ | |||
| } | |||
| } | |||
| .header-logo-col { | |||
| @media (min-width: 992px) and (max-width: 1350px) { | |||
| width: 100%; | |||
| } | |||
| } | |||
| .header-nav-col { | |||
| max-width: 950px; | |||
| max-width: 1050px; | |||
| margin-top: 45px; | |||
| margin-left: auto; | |||
| @media (min-width: 992px) and (max-width: 1350px) { | |||
| max-width: 100%; | |||
| margin-top: 20px; | |||
| margin-left: 0; | |||
| .main-navigation { | |||
| margin-bottom: 18px; | |||
| } | |||
| } | |||
| } | |||
| .header-single-line { | |||
| @@ -79,10 +93,13 @@ | |||
| .main-navigation-link { | |||
| font-size: 16px; | |||
| font-weight: 500; | |||
| letter-spacing: 1.6px; | |||
| letter-spacing: 0.5px; | |||
| line-height: 18px; | |||
| text-transform: uppercase; | |||
| padding: 0; | |||
| @media (min-width: 992px) and (max-width: 1149px) { | |||
| font-size: 14px; | |||
| } | |||
| .main-navigation-link-text { | |||
| &:after { | |||
| height: 3px; | |||
| @@ -98,6 +115,13 @@ | |||
| } | |||
| } | |||
| .navigation-flyout-category-link .nav-link, | |||
| .navigation-flyout-link { | |||
| @media (min-width: 992px) and (max-width: 1149px) { | |||
| font-size: 14px; | |||
| } | |||
| } | |||
| .navigation-offcanvas-actions { | |||
| .top-bar-country { | |||
| z-index: 10; | |||
| @@ -129,9 +153,11 @@ | |||
| z-index: 500; | |||
| } | |||
| } | |||
| .navigation-flyout-categories.is-level-0 > .navigation-flyout-col { | |||
| .navigation-flyout-categories.is-level-0>.navigation-flyout-col { | |||
| margin-bottom: 15px; | |||
| } | |||
| .navigation-flyout .container>.navigation-flyout-content:first-child { | |||
| padding-top: 30px; | |||
| padding-bottom: 15px; | |||
| @@ -193,6 +193,26 @@ | |||
| </div> | |||
| {% endblock %} | |||
| {# ordernumber #} | |||
| {% if theme_config('zen-product-details-ordernumber') and page.product.productNumber %} | |||
| <div class="product-detail-ordernumber-container"> | |||
| {% block buy_widget_ordernumber_label %} | |||
| <span class="label"> | |||
| {{ "detail.ordernumberLabel"|trans|sw_sanitize }} | |||
| </span> | |||
| {% endblock %} | |||
| {% block buy_widget_ordernumber %} | |||
| <meta itemprop="productID" | |||
| content="{{ page.product.id }}"/> | |||
| <span class="product-detail-ordernumber" | |||
| itemprop="sku"> | |||
| {{ page.product.productNumber }} | |||
| </span> | |||
| {% endblock %} | |||
| </div> | |||
| {% endif %} | |||
| {% if config('core.cart.wishlistEnabled') %} | |||
| {% block buy_widget_wishlist %} | |||
| {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with { | |||
| @@ -5,6 +5,7 @@ | |||
| {% set customizedProductsCount = 0 %} | |||
| {% set customizedProductsCountTemp = 0 %} | |||
| {% set addCustomizedProducts = 0 %} | |||
| {% set isProgram = 0 %} | |||
| {# copy from SpnoSortBasket #} | |||
| {% set sortBasketConfig = context.extensions.SpnoSortBasket %} | |||
| @@ -13,21 +14,34 @@ | |||
| {% if lineItem.payload is defined and lineItem.payload.customFields is defined and | |||
| lineItem.payload.customFields.spwn_discountable_box is defined %} | |||
| {% set customizedProductsCount = customizedProductsCount + lineItem.quantity %} | |||
| {% if lineItem.payload.customFields.custom_weightlossplan_day1_breakfast is defined %} | |||
| {% set isProgram = isProgram + lineItem.quantity %} | |||
| {% endif %} | |||
| {% endif %} | |||
| {% endfor %} | |||
| <div class="offcanvas-cart-items"> | |||
| {# spawntree start #} | |||
| {% if customizedProductsCount == 1 || customizedProductsCount == 2 || customizedProductsCount > 3 %} | |||
| <div class="spwn-customized-products{% if customizedProductsCount > 3 %} spwn-c-p-more{% endif %}"> | |||
| {% if customizedProductsCount >= 1 and customizedProductsCount <= 4 %} | |||
| <div class="spwn-customized-products"> | |||
| {% sw_icon 'checkmark-circle' %} | |||
| <div class="spwn-customized-products--text"> | |||
| {% if customizedProductsCount == 1 %} | |||
| {{ "checkout.diaekoProgramNoticeFirst"|trans|sw_sanitize }} | |||
| {% elseif customizedProductsCount == 2 %} | |||
| {{ "checkout.diaekoProgramNoticeSecond"|trans|sw_sanitize }} | |||
| {% elseif customizedProductsCount == 3 %} | |||
| {{ "checkout.diaekoProgramNoticeThird"|trans|sw_sanitize }} | |||
| {% elseif customizedProductsCount == 4 %} | |||
| {{ "checkout.diaekoProgramNoticeFourth"|trans|sw_sanitize }} | |||
| {% endif %} | |||
| </div> | |||
| </div> | |||
| {% endif %} | |||
| {% if isProgram > 3 %} | |||
| <div class="spwn-customized-products spwn-c-p-more"> | |||
| {% sw_icon 'checkmark-circle' %} | |||
| <div class="spwn-customized-products--text"> | |||
| {% if customizedProductsCount == 1 %} | |||
| {{ "checkout.diaekoProgramNoticeFirst"|trans|sw_sanitize }} | |||
| {% elseif customizedProductsCount == 2 %} | |||
| {{ "checkout.diaekoProgramNoticeSecond"|trans|sw_sanitize }} | |||
| {% elseif customizedProductsCount > 3 %} | |||
| {{ "checkout.diaekoProgramNoticeMore"|trans|sw_sanitize }} | |||
| {% endif %} | |||
| </div> | |||
| </div> | |||
| {% endif %} | |||
| @@ -0,0 +1,26 @@ | |||
| <div class="swag-custom-notification-banner" | |||
| data-hide-on-click-container | |||
| style=" | |||
| background-color: {{ config('SwagCustomNotification.config.bannerBackgroundColor') }}; | |||
| color: {{ config('SwagCustomNotification.config.bannerFontColor') }} | |||
| "> | |||
| {% if config('SwagCustomNotification.config.bannerMarquee') %} | |||
| <marquee> | |||
| {{ 'SwagCustomNotification.banner.text'|trans|raw }} | |||
| </marquee> | |||
| {% else %} | |||
| <span class="swag-custom-notification-banner-text"> | |||
| {{ 'SwagCustomNotification.banner.text'|trans|raw }} | |||
| </span> | |||
| {% endif %} | |||
| {% if config('SwagCustomNotification.config.bannerClosable') %} | |||
| <span class="swag-custom-notification-banner-close-icon icon icon-x icon-xs" | |||
| data-hide-on-click-button | |||
| style="color: {{ config('SwagCustomNotification.config.bannerFontColor') }};"> | |||
| {{ source('@Storefront/../app/storefront/dist/assets/icon/default/x.svg', ignore_missing = true) }} | |||
| </span> | |||
| {% endif %} | |||
| </div> | |||
| @@ -29,6 +29,7 @@ | |||
| </div> | |||
| </div> | |||
| {% endblock %} | |||
| {% block layout_header_hotline %} | |||
| <div class="col-auto"> | |||
| @@ -1,9 +1,5 @@ | |||
| {% sw_extends '@Storefront/storefront/layout/meta.html.twig' %} | |||
| {% block layout_head_title %} | |||
| <title itemprop="name">{% apply spaceless %} | |||
| {% block layout_head_title_inner %} | |||
| {{ metaTitle }} | diaeko.de | |||
| {% endblock %} | |||
| {% endapply %}</title> | |||
| {% block layout_head_title_inner %} | |||
| {{ metaTitle }} | diaeko.de | |||
| {% endblock %} | |||
| @@ -191,6 +191,26 @@ | |||
| </div> | |||
| {% endblock %} | |||
| {# ordernumber #} | |||
| {% if theme_config('zen-product-details-ordernumber') and page.product.productNumber %} | |||
| <div class="product-detail-ordernumber-container"> | |||
| {% block buy_widget_ordernumber_label %} | |||
| <span class="label"> | |||
| {{ "detail.ordernumberLabel"|trans|sw_sanitize }} | |||
| </span> | |||
| {% endblock %} | |||
| {% block buy_widget_ordernumber %} | |||
| <meta itemprop="productID" | |||
| content="{{ page.product.id }}"/> | |||
| <span class="product-detail-ordernumber" | |||
| itemprop="sku"> | |||
| {{ page.product.productNumber }} | |||
| </span> | |||
| {% endblock %} | |||
| </div> | |||
| {% endif %} | |||
| {% if config('core.cart.wishlistEnabled') %} | |||
| {% block page_product_detail_wishlist %} | |||
| {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with { | |||
| @@ -0,0 +1,5 @@ | |||
| {% sw_extends '@Storefront/storefront/page/product-detail/meta.html.twig' %} | |||
| {% block layout_head_title_inner %} | |||
| {% if page.metaInformation.metaTitle %}{{ page.metaInformation.metaTitle }} | diaeko.de{% else %}{{ page.product.translated.name }}{% if page.product.variation %} - {% for variation in page.product.variation %}{{ variation.group }}: {{ variation.option }}{% if page.product.variation|last != variation %}{{ " | " }}{% endif %}{% endfor %}{% endif %}{% endif %} | |||
| {% endblock %} | |||
| @@ -7,9 +7,9 @@ | |||
| } | |||
| .card { | |||
| .product-rating { | |||
| display: none; | |||
| } | |||
| .product-rating { | |||
| display: none; | |||
| } | |||
| } | |||
| .cart-table-header { | |||
| @@ -54,6 +54,12 @@ | |||
| } | |||
| .cart-offcanvas { | |||
| .row { | |||
| justify-content: space-between; | |||
| } | |||
| .js-toggle-shipping-selection { | |||
| display: block; | |||
| } | |||
| .offcanvas-close { | |||
| min-height: 54px; | |||
| background: #E9F4FC; | |||
| @@ -88,13 +94,13 @@ | |||
| margin-bottom: 20px; | |||
| display: flex; | |||
| grid-gap: 15px; | |||
| padding: 14px 18px 1px; | |||
| padding: 14px 8px 1px; | |||
| border-radius: 3px; | |||
| background: rgba(#86B04B, 0.15); | |||
| color: #86B04B; | |||
| &.spwn-c-p-more { | |||
| background-color: #86b04b; | |||
| color: #272527; | |||
| background-color: #86b04b; | |||
| color: #272527; | |||
| } | |||
| .icon { | |||
| min-width: 22px; | |||
| @@ -102,9 +108,9 @@ | |||
| color: #86B04B; | |||
| } | |||
| &.spwn-c-p-more { | |||
| .icon { | |||
| color: #272527; | |||
| } | |||
| .icon { | |||
| color: #272527; | |||
| } | |||
| } | |||
| } | |||
| .cart-item { | |||
| @@ -113,9 +119,9 @@ | |||
| background-color: #E9F4FC; | |||
| } | |||
| &.is-discount { | |||
| .cart-item-remove { | |||
| display: none; | |||
| } | |||
| .cart-item-remove { | |||
| display: none; | |||
| } | |||
| } | |||
| .cart-item-img { | |||
| border: none; | |||
| @@ -132,6 +138,27 @@ | |||
| } | |||
| } | |||
| } | |||
| &.cart-item-FLOWSITEDepositLineItem { | |||
| .cart-item-row { | |||
| max-height: 20px; | |||
| .cart-item-img { | |||
| transform: translateY(-4px); | |||
| } | |||
| } | |||
| .cart-item-details { | |||
| flex: 0 0 auto; | |||
| width: auto; | |||
| max-width: 100%; | |||
| margin-bottom: 0; | |||
| padding-top: 0; | |||
| .cart-item-details-container { | |||
| display: flex; | |||
| .cart-quantity-price { | |||
| min-height: auto; | |||
| } | |||
| } | |||
| } | |||
| } | |||
| } | |||
| .spwn-add-customized-products { | |||
| .spwn-add-customized-products-detail { | |||
| @@ -193,6 +193,26 @@ | |||
| </div> | |||
| {% endblock %} | |||
| {# ordernumber #} | |||
| {% if theme_config('zen-product-details-ordernumber') and page.product.productNumber %} | |||
| <div class="product-detail-ordernumber-container"> | |||
| {% block buy_widget_ordernumber_label %} | |||
| <span class="label"> | |||
| {{ "detail.ordernumberLabel"|trans|sw_sanitize }} | |||
| </span> | |||
| {% endblock %} | |||
| {% block buy_widget_ordernumber %} | |||
| <meta itemprop="productID" | |||
| content="{{ page.product.id }}"/> | |||
| <span class="product-detail-ordernumber" | |||
| itemprop="sku"> | |||
| {{ page.product.productNumber }} | |||
| </span> | |||
| {% endblock %} | |||
| </div> | |||
| {% endif %} | |||
| {% if config('core.cart.wishlistEnabled') %} | |||
| {% block buy_widget_wishlist %} | |||
| {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with { | |||
| @@ -17,7 +17,7 @@ | |||
| {% endfor %} | |||
| <div class="offcanvas-cart-items"> | |||
| {# spawntree start #} | |||
| {% if customizedProductsCount == 1 || customizedProductsCount == 2 %} | |||
| {% if customizedProductsCount >= 1 and customizedProductsCount <= 4 %} | |||
| <div class="spwn-customized-products"> | |||
| {% sw_icon 'checkmark-circle' %} | |||
| <div class="spwn-customized-products--text"> | |||
| @@ -25,6 +25,10 @@ | |||
| {{ "checkout.easyfitProgramNoticeFirst"|trans|sw_sanitize }} | |||
| {% elseif customizedProductsCount == 2 %} | |||
| {{ "checkout.easyfitProgramNoticeSecond"|trans|sw_sanitize }} | |||
| {% elseif customizedProductsCount == 3 %} | |||
| {{ "checkout.easyfitProgramNoticeThird"|trans|sw_sanitize }} | |||
| {% elseif customizedProductsCount == 4 %} | |||
| {{ "checkout.easyfitProgramNoticeFourth"|trans|sw_sanitize }} | |||
| {% endif %} | |||
| </div> | |||
| </div> | |||
| @@ -1,9 +1,5 @@ | |||
| {% sw_extends '@Storefront/storefront/layout/meta.html.twig' %} | |||
| {% block layout_head_title %} | |||
| <title itemprop="name">{% apply spaceless %} | |||
| {% block layout_head_title_inner %} | |||
| {{ metaTitle }} | easyfit.de | |||
| {% endblock %} | |||
| {% endapply %}</title> | |||
| {% endblock %} | |||
| {% block layout_head_title_inner %} | |||
| {{ metaTitle }} | easyfitfood.com | |||
| {% endblock %} | |||
| @@ -191,6 +191,26 @@ | |||
| </div> | |||
| {% endblock %} | |||
| {# ordernumber #} | |||
| {% if theme_config('zen-product-details-ordernumber') and page.product.productNumber %} | |||
| <div class="product-detail-ordernumber-container"> | |||
| {% block buy_widget_ordernumber_label %} | |||
| <span class="label"> | |||
| {{ "detail.ordernumberLabel"|trans|sw_sanitize }} | |||
| </span> | |||
| {% endblock %} | |||
| {% block buy_widget_ordernumber %} | |||
| <meta itemprop="productID" | |||
| content="{{ page.product.id }}"/> | |||
| <span class="product-detail-ordernumber" | |||
| itemprop="sku"> | |||
| {{ page.product.productNumber }} | |||
| </span> | |||
| {% endblock %} | |||
| </div> | |||
| {% endif %} | |||
| {% if config('core.cart.wishlistEnabled') %} | |||
| {% block page_product_detail_wishlist %} | |||
| {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with { | |||
| @@ -0,0 +1,5 @@ | |||
| {% sw_extends '@Storefront/storefront/page/product-detail/meta.html.twig' %} | |||
| {% block layout_head_title_inner %} | |||
| {% if page.metaInformation.metaTitle %}{{ page.metaInformation.metaTitle }} | easyfitfood.com{% else %}{{ page.product.translated.name }}{% if page.product.variation %} - {% for variation in page.product.variation %}{{ variation.group }}: {{ variation.option }}{% if page.product.variation|last != variation %}{{ " | " }}{% endif %}{% endfor %}{% endif %}{% endif %} | |||
| {% endblock %} | |||