DEBUT THEME - Product review and specifications

Solved
Highlighted
Excursionist
39 1 3

Hello experts, 

 

I am currently using debut theme, I want to add product specifications and review tabs above the related products. My product review is in the lower part of the product page I want to move it up. Any codes? Thanks in advance.

 

PLEASE SEE ATTACHED PHOTOS.

 

Love

Screenshot 2019-09-12 15.51.12.pngScreenshot 2019-09-12 15.51.18.png

0 Likes
Highlighted

This is an accepted solution.

Hello ,
Please add this code at the bottom of Theme-> edit code-> assets -> theme.scss.liquid file

@media only screen and (min-width: 600px) {
.template-product #MainContent {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.template-product #MainContent #shopify-section-product-template {
	-webkit-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
	margin: 0 auto;
}
.template-product #MainContent #shopify-section-related-products {
	-webkit-box-ordinal-group: 3;
	-moz-box-ordinal-group: 3;
	-ms-flex-order: 3;
	-webkit-order: 3;
	order: 3;
	margin: 0 auto;
}
.template-product #MainContent .page-width {
	-webkit-box-ordinal-group: 3;
	-moz-box-ordinal-group: 4;
	-ms-flex-order: 4;
	-webkit-order: 4;
	order: 4;
	margin: 0 auto;
}
.template-product #MainContent #stamped-main-widget {
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
}
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Excursionist
39 1 3

Hey Pallavi,

 

Thank you so much, it really works. 

0 Likes
Highlighted
Excursionist
39 1 3

Do you know how to disable image slider feature and I want to enable zoom in. 

0 Likes
Highlighted
Tourist
26 0 3

How to add the reviews once the code is inserted now....?

0 Likes