diff --git a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/layout/_footer.scss b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/layout/_footer.scss
index 709d96a..a0b162e 100644
--- a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/layout/_footer.scss
+++ b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/layout/_footer.scss
@@ -8,9 +8,13 @@
}
.footer-newsletter {
+ .newsletter-block {
+ width: 100%;
+ }
.newsletter-inner-text {
font-size: 18px;
line-height: 24px;
+ max-width: 450px;
}
.footer-newsletter-column-input-email {
border-bottom: 2px solid $sw-color-brand-primary;
diff --git a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/overrides.scss b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/overrides.scss
index 30b8031..57b573c 100644
--- a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/overrides.scss
+++ b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/overrides.scss
@@ -182,3 +182,19 @@ input.custom-number[type=number] {
#spwn-delivery.do-not-show {
display: none !important;
}
+
+.swag-custom-notification-info-modal__content {
+ padding-bottom: 40px;
+ .row {
+ align-items: center;
+ h3 {
+ font-family: $sw-font-family-headline !important;
+ font-size: 44px;
+ font-weight: 700 !important;
+ margin-bottom: 30px;
+ }
+ img {
+ width: 100%;
+ }
+ }
+}
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 b77348a..076a121 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
@@ -80,15 +80,18 @@
}
}
.product-detail-buy {
- border-radius: 3px;
- background-color: #E9F4FC;
- padding-top: 40px;
+ .inside {
+ border-radius: 3px;
+ background-color: #E9F4FC;
+ padding: 40px 20px 0;
+ }
.product-detail-short-description {
border-bottom: 1px solid #B1C3D9;
}
.product-detail-name {
font-size: 60px;
line-height: 54px;
+ font-weight: 700;
color: $sw-color-brand-primary;
}
.product-detail-price-container {
diff --git a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/page/product-detail/_tabs.scss b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/page/product-detail/_tabs.scss
index 3ddf77a..117ab11 100644
--- a/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/page/product-detail/_tabs.scss
+++ b/zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/page/product-detail/_tabs.scss
@@ -23,4 +23,8 @@
max-width: 900px;
}
}
+}
+
+.product-detail-tabs {
+ padding: 0px 40px;
}
\ 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 b318ec2..5ff3a4f 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
@@ -17,6 +17,7 @@
{% set element = block.slots.getSlot('right') %}
+
{# ... add headline here #}
{% block page_product_detail_headline %}
@@ -35,6 +36,7 @@
{% block block_gallery_buybox_column_right_inner %}
{% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
{% endblock %}
+
{% endblock %}
{% 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 1f0ed1c..bfb021a 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
@@ -1,5 +1,8 @@
{% sw_extends '@Storefront/storefront/component/product/card/price-unit.html.twig' %}
+{% block component_product_box_price_reference_unit %}
+{% endblock %}
+
{% block component_product_box_price %}
{% set price = real %}
@@ -45,6 +48,12 @@
{% if weekProductCount >= 1 %}
{{ (price.unitPrice / weekProductCount) | json_encode() | round(2) | number_format(2, ',', '.') }} € pro Tag
{% endif %}
+
+ {% if referencePrice is not null %}
+
+ ({{ referencePrice.price|currency }}{{ "general.star"|trans|sw_sanitize }} / {{ referencePrice.referenceUnit }} {{ referencePrice.unitName }})
+
+ {% endif %}
{% if product.translated.customFields.deposittype %}
@@ -61,4 +70,5 @@
{% endif %}
+
{% endblock %}
\ No newline at end of file
diff --git a/zenitPlatformAtmosSet1/src/Resources/views/storefront/layout/navigation/categories.html.twig b/zenitPlatformAtmosSet1/src/Resources/views/storefront/layout/navigation/categories.html.twig
new file mode 100644
index 0000000..2a2787c
--- /dev/null
+++ b/zenitPlatformAtmosSet1/src/Resources/views/storefront/layout/navigation/categories.html.twig
@@ -0,0 +1,73 @@
+{% sw_extends '@Storefront/storefront/layout/navigation/categories.html.twig' %}
+
+{% block layout_navigation_categories %}
+
+ {% set navigationMaxDepth = 3 %}
+
+ {% if not level %}
+ {% set level = 0 %}
+ {% endif %}
+ {% set activeId = page.header.navigation.active.id %}
+
+ {% if page.product is defined %}
+ {% set activePath = page.product.categoryTree %}
+ {% else %}
+ {% set activePath = page.header.navigation.active.path %}
+ {% endif %}
+
+
+{% 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 f6ae9a8..fcc6930 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
@@ -28,6 +28,7 @@
{% block page_product_detail_buy %}
+
{# ... add headline here #}
{% block page_product_detail_headline %}
@@ -46,5 +47,6 @@
{% endblock %}
{% sw_include '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
+
{% endblock %}
\ No newline at end of file
diff --git a/zenitPlatformAtmosSet2/src/Resources/app/storefront/src/scss/base.scss b/zenitPlatformAtmosSet2/src/Resources/app/storefront/src/scss/base.scss
index ce0008b..bb6a9ac 100644
--- a/zenitPlatformAtmosSet2/src/Resources/app/storefront/src/scss/base.scss
+++ b/zenitPlatformAtmosSet2/src/Resources/app/storefront/src/scss/base.scss
@@ -16,4 +16,5 @@
@import 'page/checkout/register';
@import 'page/checkout/cart';
@import 'page/product-detail/product-detail';
+@import 'page/product-detail/tabs';
@import 'page/product-detail/review';
\ No newline at end of file
diff --git a/zenitPlatformAtmosSet2/src/Resources/app/storefront/src/scss/component/_cms-element.scss b/zenitPlatformAtmosSet2/src/Resources/app/storefront/src/scss/component/_cms-element.scss
index 77a480b..1dc949e 100644
--- a/zenitPlatformAtmosSet2/src/Resources/app/storefront/src/scss/component/_cms-element.scss
+++ b/zenitPlatformAtmosSet2/src/Resources/app/storefront/src/scss/component/_cms-element.scss
@@ -37,7 +37,8 @@
line-height: 24px;
}
-.is-act-home {
+.is-act-home,
+.aku-cms-factory-element {
h2 {
font-size: 3.125rem;
line-height: 50px !important;
diff --git a/zenitPlatformAtmosSet2/src/Resources/app/storefront/src/scss/layout/_footer.scss b/zenitPlatformAtmosSet2/src/Resources/app/storefront/src/scss/layout/_footer.scss
index 806c330..6ec4c34 100644
--- a/zenitPlatformAtmosSet2/src/Resources/app/storefront/src/scss/layout/_footer.scss
+++ b/zenitPlatformAtmosSet2/src/Resources/app/storefront/src/scss/layout/_footer.scss
@@ -26,6 +26,9 @@
.footer-logo {
max-width: 170px;
}
+ .newsletter-block {
+ width: 100%;
+ }
.newsletter-inner-text {
font-size: 18px;
line-height: 24px;
diff --git a/zenitPlatformAtmosSet2/src/Resources/app/storefront/src/scss/overrides.scss b/zenitPlatformAtmosSet2/src/Resources/app/storefront/src/scss/overrides.scss
index 9751288..e2d45ba 100644
--- a/zenitPlatformAtmosSet2/src/Resources/app/storefront/src/scss/overrides.scss
+++ b/zenitPlatformAtmosSet2/src/Resources/app/storefront/src/scss/overrides.scss
@@ -170,3 +170,25 @@ input.custom-number[type=number] {
#spwn-delivery.do-not-show {
display: none !important;
}
+
+.confirm-delivery-date.do-not-show,
+#spwn-delivery.do-not-show {
+ display: none !important;
+}
+
+.swag-custom-notification-info-modal__content {
+ padding-bottom: 40px;
+ .row {
+ align-items: center;
+ h3 {
+ font-family: $sw-font-family-headline !important;
+ font-size: 34px;
+ font-weight: 700 !important;
+ margin-bottom: 30px;
+ font-style: italic;
+ }
+ img {
+ width: 100%;
+ }
+ }
+}
\ No newline at end of file
diff --git a/zenitPlatformAtmosSet2/src/Resources/app/storefront/src/scss/page/product-detail/_product-detail.scss b/zenitPlatformAtmosSet2/src/Resources/app/storefront/src/scss/page/product-detail/_product-detail.scss
index 29ad244..19f82ce 100644
--- a/zenitPlatformAtmosSet2/src/Resources/app/storefront/src/scss/page/product-detail/_product-detail.scss
+++ b/zenitPlatformAtmosSet2/src/Resources/app/storefront/src/scss/page/product-detail/_product-detail.scss
@@ -1,8 +1,12 @@
.is-ctl-product {
.cms-page {
- @media (min-width: 992px) {
- padding-left: 36px;
- padding-right: 36px;
+ .cms-section.full-width {
+ padding-left: 20px;
+ padding-right: 20px;
+ @media (min-width: 992px) {
+ padding-left: 36px;
+ padding-right: 56px;
+ }
}
}
.product-detail-media {
@@ -78,13 +82,16 @@
}
}
.product-detail-buy {
- border-radius: 3px;
- background-color: #e8f4df;
- padding-top: 40px;
+ .inside {
+ border-radius: 3px;
+ background-color: #e8f4df;
+ padding: 40px 20px 0;
+ }
.product-detail-short-description {
border-bottom: 1px solid #86b04b;
}
.product-detail-name {
+ font-size: 34px;
font-weight: bold;
color: $sw-color-brand-secondary;
line-height: 40px !important;
@@ -118,19 +125,16 @@
padding: 25px 0;
}
.btn-primary {
- background: transparent;
- color: $sw-color-brand-primary;
- font-size: 16px;
+ font-size: 18px;
font-weight: 600;
- letter-spacing: 1px;
+ letter-spacing: 0.5px;
line-height: 18px;
text-align: center;
- text-transform: uppercase;
border: 2px solid $sw-color-brand-primary;
padding: 12px 12px;
&:hover {
- background: $sw-color-brand-primary;
- color: #fff;
+ background: transparent;
+ color: #000;
}
}
.product-wishlist-btn-content {
diff --git a/zenitPlatformAtmosSet2/src/Resources/app/storefront/src/scss/page/product-detail/_tabs.scss b/zenitPlatformAtmosSet2/src/Resources/app/storefront/src/scss/page/product-detail/_tabs.scss
new file mode 100644
index 0000000..0fedc2f
--- /dev/null
+++ b/zenitPlatformAtmosSet2/src/Resources/app/storefront/src/scss/page/product-detail/_tabs.scss
@@ -0,0 +1,29 @@
+.cms-block-product-description-reviews .cms-block-container {
+ background: #EFEDE6;
+ padding-top: 3rem;
+ padding-bottom: 3rem;
+ color: #222;
+}
+.card-tabs {
+.nav-link {
+ letter-spacing: 0.5px;
+}
+.tab-content {
+ h2 {
+ font-family: $sw-font-family-base;
+ font-size: 1.375rem;
+ font-weight: 500;
+ color: #222;
+ }
+ h3, h4, h5, h6 {
+ color: #222;
+ }
+ .product-detail-description-text {
+ max-width: 900px;
+ }
+}
+}
+
+.product-detail-tabs {
+ padding: 0 40px;
+}
\ No newline at end of file
diff --git a/zenitPlatformAtmosSet2/src/Resources/views/storefront/block/cms-block-gallery-buybox.html.twig b/zenitPlatformAtmosSet2/src/Resources/views/storefront/block/cms-block-gallery-buybox.html.twig
index b318ec2..5ff3a4f 100644
--- a/zenitPlatformAtmosSet2/src/Resources/views/storefront/block/cms-block-gallery-buybox.html.twig
+++ b/zenitPlatformAtmosSet2/src/Resources/views/storefront/block/cms-block-gallery-buybox.html.twig
@@ -17,6 +17,7 @@
{% set element = block.slots.getSlot('right') %}
+
{# ... add headline here #}
{% block page_product_detail_headline %}
@@ -35,6 +36,7 @@
{% block block_gallery_buybox_column_right_inner %}
{% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
{% endblock %}
+
{% endblock %}
{% endblock %}
\ No newline at end of file
diff --git a/zenitPlatformAtmosSet2/src/Resources/views/storefront/component/product/card/price-unit.html.twig b/zenitPlatformAtmosSet2/src/Resources/views/storefront/component/product/card/price-unit.html.twig
index ae9944a..3ba280c 100644
--- a/zenitPlatformAtmosSet2/src/Resources/views/storefront/component/product/card/price-unit.html.twig
+++ b/zenitPlatformAtmosSet2/src/Resources/views/storefront/component/product/card/price-unit.html.twig
@@ -1,5 +1,8 @@
{% sw_extends '@Storefront/storefront/component/product/card/price-unit.html.twig' %}
+{% block component_product_box_price_reference_unit %}
+{% endblock %}
+
{% block component_product_box_price %}
{% set price = real %}
@@ -45,6 +48,13 @@
{% if weekProductCount >= 1 %}
{{ (price.unitPrice / (weekProductCount * 2)) | json_encode() | round(2) | number_format(2, ',', '.') }} € pro Mahlzeit
{% endif %}
+
+ {% if referencePrice is not null %}
+
+ ({{ referencePrice.price|currency }}{{ "general.star"|trans|sw_sanitize }} / {{ referencePrice.referenceUnit }} {{ referencePrice.unitName }})
+
+ {% endif %}
+
{% if product.translated.customFields.deposittype %}
diff --git a/zenitPlatformAtmosSet2/src/Resources/views/storefront/page/product-detail/index.html.twig b/zenitPlatformAtmosSet2/src/Resources/views/storefront/page/product-detail/index.html.twig
index f6ae9a8..fcc6930 100644
--- a/zenitPlatformAtmosSet2/src/Resources/views/storefront/page/product-detail/index.html.twig
+++ b/zenitPlatformAtmosSet2/src/Resources/views/storefront/page/product-detail/index.html.twig
@@ -28,6 +28,7 @@
{% block page_product_detail_buy %}
+
{# ... add headline here #}
{% block page_product_detail_headline %}
@@ -46,5 +47,6 @@
{% endblock %}
{% sw_include '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
+
{% endblock %}
\ No newline at end of file