Product page layout help! (Description & Reviews)

[orby]

 

Hi, I have 2 issues with my product pages on my store and need some help!

1. On desktop view, the product description is tucked on the right side of the page. I want it to be in the middle of the page instead so it’s wider and easier to read.

2. My reviews are working great, I just need help because the reviews are so stretched out from page to page on mobile and desktop view, I want to make it less wide and not touch the sides of the page.

 

 

[orby]

Can I PM you?

[Made4uo-Ribe]

Hi @orby 

Would you mind to share your store URL? And also the reviews is an app? Thanks!

[Dan-From-Ryviu · Accepted solution]

Hi @orby 

You can PM your store URL so I can check and give you the solution. 

[Made4uo-Ribe]

Thanks for the info, check this one. 

1. Go to customize > Product > 

Add Section > Find Custom-Liquid add on it. 

When you click the Custom-Liquid on the right there will be tab opens. 

Paste this code below same on the image above. 

<div class="page-width">
{{ product.description }}
</div>

And save. 

Result: 

You can drag the custom-liquid so it will next to the product. 

2. This is an app. Try if this code works. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

@media only screen and (min-width: 992px){
.jdgm-widget:not(.jdgm-review-widget--small,.jdgm-review-widget--medium) .jdgm-rev-widg__summary {
        width: 15%;
    }
.jdgm-widget:not(.jdgm-review-widget--small,.jdgm-review-widget--medium) :not(.jdgm-histogram-wrapper)>.jdgm-histogram {
    width: 20%;
}
.jdgm-widget:not(.jdgm-review-widget--small,.jdgm-review-widget--medium) :not(.jdgm-revs-tab__content-header)>.jdgm-widget-actions-wrapper {
    width:15%;
}
}

And Save. 

[orby]

 I can not figure out where "Add Section > Find Custom-Liquid add on it. " is. I am on the product page and see this: 

 

[orby]

The judge.me review code didn't work either. In assets, I have these 3:  

which one do i paste it in?

[Brian-Judgeme1]

Hi there,

I'm Brian from Judge.me Support.

To help you address the issue, could you please provide your store URL? This will allow us to assist you more effectively.

Please reach out to us at support@judge.me!

Regards,