Reviews in Product Detail Page

Site URL: https://www.banyancanopy.com/shop-marketplace/p/organic-whole-leaf-burmese-green-tea-

Sorry to bother you this way. I just started using Product Reviews and a customer recently left 2 store reviews.

However, on product detail pages (please see the link below), 2  Reviews text is overlapping with Product Name. I am not an expert in CSS and have developed the website reading the Forum and wha other experts have explained in the forum.

Could you please help me resolve this? 

https://www.banyancanopy.com/shop-marketplace/p/organic-whole-leaf-burmese-green-tea-

I am using the following code to align the Product Title on the Right with Photo on the left. 

.ProductItem .ProductItem-details h1.ProductItem-details-title {
    padding-top: 0px;
    margin-top: -63px;

I think if I can get the code to move the Product Review text above the Title, it will work fine. I just don't know how/where to point to move margin-top to move up. 

Thank you so much in advance. 

On 7/29/2022 at 6:28 AM, amkhin said:

Site URL: https://www.banyancanopy.com/shop-marketplace/p/organic-whole-leaf-burmese-green-tea-

Sorry to bother you this way. I just started using Product Reviews and a customer recently left 2 store reviews.

However, on product detail pages (please see the link below), 2  Reviews text is overlapping with Product Name. I am not an expert in CSS and have developed the website reading the Forum and wha other experts have explained in the forum.

Could you please help me resolve this? 

https://www.banyancanopy.com/shop-marketplace/p/organic-whole-leaf-burmese-green-tea-

I am using the following code to align the Product Title on the Right with Photo on the left. 

.ProductItem .ProductItem-details h1.ProductItem-details-title {
    padding-top: 0px;
    margin-top: -63px;

I think if I can get the code to move the Product Review text above the Title, it will work fine. I just don't know how/where to point to move margin-top to move up. 

Thank you so much in advance. 

I check that there is no issue at the moment.

Have you figured it out by yourself? Do you still need help?

On 7/30/2022 at 4:16 AM, bangank36 said:

I check that there is no issue at the moment.

 

Have you figured it out by yourself? Do you still need help?

It has not. I dont know for some reason I tried to adjust the Gallery (one the left) size and it worked for a few days and now back to how it was before. There is now a big white space above the Reviews. I am not sure what is wrong now. 

Hi there! If I want to completely remove the text that says "2 Store Reviews" (above the product title), does anyone know how to code that? total noob here.

Thank you so much.

2 hours ago, moondesignco said:

If I want to completely remove the text that says "2 Store Reviews" (above the product title), does anyone know how to code that?

Please post the URL for a page on your site where we can see your issue.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.

Would love to also know if there is a solution to this?

1 minute ago, plentyblue said:

Would love to also know if there is a solution to this?

Can you confirm which issue you are seeking a solution for? A working link to the page on your site will also help us.

If required, How to Post a Forum Question provides guidance on how to provide a link.

removing number of reviews from top of description https://plentyblue.co.uk/shop/p/the-shotley-peninsula

Perhaps moved to bottom of product with the reviews or text deleted entirely just leaving actual reviews at bottom of page whatever is easier - thank you!

29 minutes ago, plentyblue said:

Would love to also know [how to remove the number of reviews from top of description]

You can hide the review summary text by adding this to Custom CSS:

/* Hide Review Summary Text on PDP */
.ProductItem-details .reviewSummary {
  display: none;
}

Did this help? Please give feedback by clicking an icon below  ⬇️

Thank you! Is there anyway to now move content up so it is inline with image?

3 hours ago, plentyblue said:

Is there anyway to now move content up so it is inline with image?

There was always 60 pixels of padding above the Product Details (with or without the review summary! 🙂). It was a design choice by the PDP designer (shown highlighted in green below).

If you'd like to remove the padding, you can add some further custom CSS, something like this:

@media screen and (min-width: 768px) {
  .tweak-product-basic-item-content-alignment-top .ProductItem-details, .tweak-product-basic-item-gallery-design-stacked .ProductItem-details {
    padding-top: 0;
}

I hope this helps.