diff --git a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/base.scss b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/base.scss index 8b26f4d..4347328 100644 --- a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/base.scss +++ b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/base.scss @@ -1,5 +1,6 @@ @import 'layout/header'; @import 'layout/header-minimal'; +@import 'layout/container'; @import 'layout/footer'; @import 'component/card'; @import 'component/cms-block'; @@ -10,4 +11,5 @@ @import 'page/content/breadcrumb'; @import 'page/checkout/register'; @import 'page/checkout/cart'; -@import 'page/product-detail/product-detail'; \ No newline at end of file +@import 'page/product-detail/product-detail'; +@import 'page/product-detail/review'; \ 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 26329f7..53cb9ec 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 @@ -4,6 +4,7 @@ line-height: 24px; .hero-icons { display: flex; + flex-wrap: wrap; justify-content: center; grid-gap: 50px; .dicon { 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 c2800b3..80ee567 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 @@ -1,3 +1,10 @@ +.aku-cms-factory-element { + .categoryTitle { + text-transform: uppercase; + letter-spacing: 2px; + } +} + .cms-element-product-listing-actions { .custom-select { border-bottom-color: $sw-color-brand-primary; @@ -35,9 +42,22 @@ .cms-element-text { font-size: 18px; line-height: 24px; +} + +.is-act-home { h2 { font-size: 60px; - line-height: 54px; + line-height: 54px !important; + } + .cms-block-image-text-gallery { + .image-text-gallery-card { + .cms-element-text { + h2 { + font-size: 2.75rem !important; + line-height: 44px !important; + } + } + } } } diff --git a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/component/_forms.scss b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/component/_forms.scss index 52ed438..37689d1 100644 --- a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/component/_forms.scss +++ b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/component/_forms.scss @@ -26,16 +26,7 @@ .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; 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 37ccc6b..d9e6f65 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 @@ -36,6 +36,12 @@ .product-cheapest-price { //display: none; } + .filterIcon { + position: absolute; + width: 32px; + right: 15px; + bottom: 15px; + } } .cms-block.easyfit { diff --git a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/layout/_container.scss b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/layout/_container.scss new file mode 100644 index 0000000..9ec153b --- /dev/null +++ b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/layout/_container.scss @@ -0,0 +1,7 @@ +body.is-act-home { + @include media-breakpoint-down(xs) { + .cms-section.bg-image { + background-position: center left; + } + } +} \ 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 c39d9a0..ce5d753 100644 --- a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/layout/_header.scss +++ b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/layout/_header.scss @@ -105,3 +105,10 @@ } } +.search-suggest-list { + .search-suggest-product-name, + .search-suggest-total { + text-align: left; + } +} + diff --git a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/overrides.scss b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/overrides.scss index fe16211..77d06f2 100644 --- a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/overrides.scss +++ b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/overrides.scss @@ -8,7 +8,7 @@ https://getbootstrap.com/docs/4.0/getting-started/theming/#variable-defaults */ html { - scroll-behavior: smooth; + scroll-behavior: smooth; } body { @@ -16,9 +16,31 @@ body { } h1 { + font-size: 60px; line-height: 54px !important; } +h2 { + font-size: 44px; + line-height: 44px !important; +} + +h3 { + font-size: 22px; + line-height: 24px; + font-weight: 500 !important; + font-family: $sw-font-family-base !important; +} + +h4, +h5, +h6 { + font-size: 18px; + line-height: 24px; + font-weight: 500 !important; + font-family: $sw-font-family-base !important; +} + .cms-block { .category { font-size: 16px; 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 1a134dc..dd480f6 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 @@ -77,6 +77,7 @@ .form-control { font-size: 18px; padding-left: 0; + border-bottom: 0; &::-webkit-input-placeholder { color: #222; } 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 9cfc783..0ad94e0 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 @@ -68,6 +68,14 @@ text-decoration: none; } } + .modal-content { + .modal-title { + margin-bottom: 10px; + } + h2 { + margin-top: 25px; + } + } } } } @@ -75,6 +83,9 @@ border-radius: 3px; background-color: #E9F4FC; padding-top: 40px; + .product-detail-short-description { + border-bottom: 1px solid #B1C3D9; + } .product-detail-name { font-size: 60px; line-height: 54px; diff --git a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/page/product-detail/_review.scss b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/page/product-detail/_review.scss new file mode 100644 index 0000000..9ab2fa4 --- /dev/null +++ b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/page/product-detail/_review.scss @@ -0,0 +1,12 @@ +.point-rating { + &.point-blank { + .icon { + color: #B1C3D9; + } + } + &.point-full { + .icon { + color: #B61F34; + } + } +} \ No newline at end of file diff --git a/zenitPlatformAtmosSet1/src/Resources/views/storefront/block/cms-block-gallery-buybox.html.twig b/zenitPlatformAtmosSet1/src/Resources/views/storefront/block/cms-block-gallery-buybox.html.twig index be10a7e..b318ec2 100644 --- a/zenitPlatformAtmosSet1/src/Resources/views/storefront/block/cms-block-gallery-buybox.html.twig +++ b/zenitPlatformAtmosSet1/src/Resources/views/storefront/block/cms-block-gallery-buybox.html.twig @@ -3,7 +3,7 @@ {% set element = block.slots.getSlot('left') %} {% set config = element.fieldConfig.elements %} -
+
{% block block_gallery_buybox_column_left_inner %} {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing with { @@ -16,7 +16,7 @@ {% block block_gallery_buybox_column_right %} {% set element = block.slots.getSlot('right') %} -
+
{# ... add headline here #} {% block page_product_detail_headline %}
diff --git a/zenitPlatformAtmosSet1/src/Resources/views/storefront/component/checkout/offcanvas-cart.html.twig b/zenitPlatformAtmosSet1/src/Resources/views/storefront/component/checkout/offcanvas-cart.html.twig index 3c57829..b445232 100644 --- a/zenitPlatformAtmosSet1/src/Resources/views/storefront/component/checkout/offcanvas-cart.html.twig +++ b/zenitPlatformAtmosSet1/src/Resources/views/storefront/component/checkout/offcanvas-cart.html.twig @@ -22,11 +22,9 @@ {% sw_icon 'checkmark-circle' %}
{% if customizedProductsCount == 1 %} -

Ihr Abnehmplan wurde erfolgreich zum Warenkorb hinzugefügt – ein guter Start!

-

Wählen Sie bis zu 2 weitere Pläne für Ihr optimales Abnehmprogramm und sparen Sie ab 150 € Bestellsumme die Versandkosten.

+ {{ "checkout.diaekoProgramNoticeFirst"|trans|sw_sanitize }} {% elseif customizedProductsCount == 2 %} -

Ihr zweiter Abnehmplan wurde zum Warenkorb hinzugefügt - Sie sparen die Versandkosten!

-

Wählen Sie einen weiteren Plan für Ihr optimales, mehrwöchiges Abnehmprogramm.

+ {{ "checkout.diaekoProgramNoticeSecond"|trans|sw_sanitize }} {% endif %}
diff --git a/zenitPlatformAtmosSet1/src/Resources/views/storefront/component/checkout/offcanvas-item.html.twig b/zenitPlatformAtmosSet1/src/Resources/views/storefront/component/checkout/offcanvas-item.html.twig index 8f4bb21..2ae9e0a 100644 --- a/zenitPlatformAtmosSet1/src/Resources/views/storefront/component/checkout/offcanvas-item.html.twig +++ b/zenitPlatformAtmosSet1/src/Resources/views/storefront/component/checkout/offcanvas-item.html.twig @@ -48,9 +48,9 @@ {% if lineItem.payload is defined and lineItem.payload.customFields is defined and lineItem.payload.customFields.spwn_discountable_box is defined and addCustomizedProducts !== 0 %}
- Fügen Sie einen weiteren Plan hinzu für ihr optimales Abnehmprogramm + {{ "checkout.diaekoItemNotice"|trans|sw_sanitize }} {% if addCustomizedProducts == 1 %} - Fügen Sie einen weiteren Plan hinzu für ihr optimales Abnehmprogramm + {{ "checkout.diaekoItemNotice"|trans|sw_sanitize }} {% endif %}
{% endif %} diff --git a/zenitPlatformAtmosSet1/src/Resources/views/storefront/component/product/card/box-standard.html.twig b/zenitPlatformAtmosSet1/src/Resources/views/storefront/component/product/card/box-standard.html.twig index bc5e051..6eaa21c 100644 --- a/zenitPlatformAtmosSet1/src/Resources/views/storefront/component/product/card/box-standard.html.twig +++ b/zenitPlatformAtmosSet1/src/Resources/views/storefront/component/product/card/box-standard.html.twig @@ -161,6 +161,130 @@ {% endif %} {% endif %} {% endblock %} + + {% block component_product_filter_icon %} + {% if product.customFields.custom_productteaser_filter_icon is defined %} +
+ {% if product.customFields.custom_productteaser_filter_icon == "fisch" %} + + + + + + + + {% endif %} + {% if product.customFields.custom_productteaser_filter_icon == "gefluegel" %} + + + + + {% endif %} + {% if product.customFields.custom_productteaser_filter_icon == "ohne_schwein" %} + + + + + + {% endif %} + {% if product.customFields.custom_productteaser_filter_icon == "vegetarisch" %} + + + + + {% endif %} +
+ {% endif %} + {% endblock %}
{% endblock %}
diff --git a/zenitPlatformAtmosSet1/src/Resources/views/storefront/page/checkout/checkout-item.html.twig b/zenitPlatformAtmosSet1/src/Resources/views/storefront/page/checkout/checkout-item.html.twig index 3a91cee..ae39185 100644 --- a/zenitPlatformAtmosSet1/src/Resources/views/storefront/page/checkout/checkout-item.html.twig +++ b/zenitPlatformAtmosSet1/src/Resources/views/storefront/page/checkout/checkout-item.html.twig @@ -41,9 +41,9 @@ {% if lineItem.payload is defined and lineItem.payload.customFields is defined and lineItem.payload.customFields.spwn_discountable_box is defined and addCustomizedProducts !== 0 %}
- Fügen Sie einen weiteren Plan hinzu für ihr optimales Abnehmprogramm + {{ "checkout.diaekoItemNotice"|trans|sw_sanitize }} {% if addCustomizedProducts == 1 %} - Fügen Sie einen weiteren Plan hinzu für ihr optimales Abnehmprogramm + {{ "checkout.diaekoItemNotice"|trans|sw_sanitize }} {% endif %}
{% endif %} 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 0363ab7..f6ae9a8 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,9 +1,50 @@ {% sw_extends '@Storefront/storefront/page/product-detail/index.html.twig' %} -{% 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 %} +{% block page_product_detail_media %} +
+ {% if page.product.media %} + {% sw_include '@Storefront/storefront/element/cms-element-image-gallery.html.twig' with { + 'mediaItems': mediaItems, + 'zoom': zoomConfig, + 'zoomModal': zoomModalConfig, + 'displayMode': displayModeConfig, + 'verticalAlign': verticalAlignConfig, + 'gutter': gutterConfig, + 'minHeight': minHeightConfig, + 'navigationArrows': navigationArrowsConfig, + 'navigationDots': navigationDotsConfig, + 'galleryPosition': galleryPositionConfig, + 'hideThumbnails': hideThumbnailsConfig, + 'isProduct': true, + 'fallbackImageTitle': page.product.translated.name, + 'startIndexThumbnails': page.product.cover.position + 1, + 'startIndexSlider': page.product.cover.position + 1, + 'keepAspectRatioOnZoom': keepAspectRatioOnZoom + } %} + {% endif %} +
+{% endblock %} + +{% block page_product_detail_buy %} +
+ + {# ... add headline here #} + {% block page_product_detail_headline %} +
+ {% sw_include '@Storefront/storefront/page/product-detail/headline.html.twig' %} +
+ {% endblock %} + + {# ... add short description #} + {% 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 %} + {% endblock %} + + {% sw_include '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %} +
{% endblock %} \ No newline at end of file