DEBUT THEME - Product review and specifications

Solved
Excursionist
37 1 1

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

Success.

Shopify Partner
908 128 122

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 custom changes on store hire us .
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
0 Likes
Excursionist
37 1 1

Hey Pallavi,

 

Thank you so much, it really works. 

0 Likes
Excursionist
37 1 1

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

0 Likes