MC-5450: Product Contents Are Ordered Incorrectly On Storefront

davemacaulay · davemacaulay · commit 58262fd55476 · 2018-11-12T11:38:16.000+01:00
- Move content.aside under the reviews section to ensure contents are ordered correctly
diff --git a/app/code/Magento/PageBuilder/view/frontend/page_layout/product-full-width.xml b/app/code/Magento/PageBuilder/view/frontend/page_layout/product-full-width.xml
@@ -61,4 +61,7 @@
 
     <!-- Move reviews into the section after the description -->
     <move element="reviews.tab" destination="product.reviews.wrapper"/>
+
+    <!-- Move content.aside below the reviews -->
+    <move element="content.aside" destination="product.info.details.after.wrapper.main" after="product.reviews.wrapper"/>
 </layout>
diff --git a/app/code/Magento/PageBuilder/view/frontend/web/css/source/_layout.less b/app/code/Magento/PageBuilder/view/frontend/web/css/source/_layout.less
@@ -15,6 +15,12 @@
     }
 }
 
+.page-layout-product-full-width {
+    .block.related {
+        margin-top: 2.7rem;
+    }
+}
+
 .page-main-details .product-section-title {
     border-bottom: 1px solid @color-gray-middle2;
     margin-bottom: 15px;

Original file line number	Diff line number	Diff line change
`@@ -15,6 +15,12 @@`
`15`	`15`	`}`
`16`	`16`	`}`
`17`	`17`
	`18`	`+.page-layout-product-full-width {`
	`19`	`+ .block.related {`
	`20`	`+ margin-top: 2.7rem;`
	`21`	`+ }`
	`22`	`+}`
	`23`	`+`
`18`	`24`	`.page-main-details .product-section-title {`
`19`	`25`	`border-bottom: 1px solid @color-gray-middle2;`
`20`	`26`	`margin-bottom: 15px;`