Return to previous page

How to move comments from tabs to the bottom of the page?

This topic has 11 replies, 3 voices, and was last updated 2 months, 2 weeks ago ago by Andrew Mitchell

hafunerix

Participant

July 17, 2024 at 18:15

I have selected the option to separate comments from tabs and place them under the product description. Unfortunately, the comments still appear as a tab.

1. How can I separate them and move them to the product description?
https://postimg.cc/GHCY6766

2. How can I add such large numbers with the rating. I like this style:
https://postimg.cc/8sVmVz6y

#405466 Copied Theme version: 9.2.6

10 Answers

Luca Rossi

Support staff

July 18, 2024 at 12:34

Hi @hafunerix,

1. We advise disabling all third-party plugins that are not included with the XStore theme. You can view a list of the included plugins here: https://www.8theme.com/documentation/xstore/plugins/included-plugins/. After deactivating these plugins, please clear your browser’s cache and verify if the issue still persists. This is an important step as third-party plugins can often lead to conflicts.

If the problem continues, please keep all third-party plugins deactivated and grant us permission to debug your site. This includes deactivating any on-site customizations. This measure will enable us to conduct a thorough investigation and provide you with the necessary assistance.

After that provide us with your WP Admin account, to grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.

Before proceeding with the troubleshooting or any updates, we strongly recommend taking a complete backup of your site to safeguard against any potential data loss.

2. Can you please explain more what you want to achieve? We’re still not clear on this point.

Thank you!

Best Regards,
8Theme’s Team

#405605 Copied

hafunerix

Participant

July 21, 2024 at 20:00

Ok. The above problems from point 1 and 2 have already been solved.

I managed to separate the comments section and place them under the product description. However, after this action, there is no header before the comments section. No information from which the user should realize that this is where the product reviews started.

See here what I mean: https://postimg.cc/WthHfb81

And I would like to permanently add a “Comments” header above the comment section and a separator just like I showed it in this screenshot:

https://postimg.cc/N5tR2dKv

Can you give me this in the form of CSS code? Because I think that one of your developers who added this feature of placing comments under the product name missed it.

#406203 Copied
Luca Rossi

Support staff

July 22, 2024 at 08:49
Hi @hafunerix,

Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:
```
.single-product div#reviews {
    position: relative;
    padding-top: 80px;
}
.single-product div#reviews::before {
    content: 'OPINII';
    position: absolute;
    width: 100%;
    top: 0px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}
```
Hope it helps!
#406267 Copied
hafunerix

Participant

July 22, 2024 at 09:21

Thank you Luca for your quick reply. It is almost perfect.The only thing missing is a separator to separate the product description from the comments.

https://postimg.cc/8JyXb7rS

Can I ask you for this code too?

#406272 Copied
Luca Rossi

Support staff

July 22, 2024 at 09:42
Hi @hafunerix,

Please update the previous code to this code:
```
.single-product div#reviews {
    position: relative;
    padding-top: 80px;
    border-top: 2px solid #f0f0f0;
}
.single-product div#reviews::before {
    content: 'OPINII';
    position: absolute;
    width: 100%;
    top: 0px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}
```
Hope it helps!
#406278 Copied
hafunerix

Participant

July 22, 2024 at 10:13

Thank you. The code works like a charm ?.

I have 2 more questions about the comment section.

I have noticed that when a photo is added to a comment, an empty space is created under the picture. This is an unnecessary waste of space and stretches the comment section.

When the comment does not contain a picture, this empty space does not appear. See what he means:

https://postimg.cc/dLzWVPYJ

Is there a way to remove the empty space under comments with pictures?

#406288 Copied
Luca Rossi

Support staff

July 22, 2024 at 10:20
Hi @hafunerix,

Can you please try adding this custom CSS codes also?
```
ul.adsw-gallery {
    margin-bottom: 0;
}
ul.adsw-gallery li {
    padding-bottom: 15px;
    border-bottom: none;
}
```
Result: https://tinyurl.com/2bbvq32g

Best Regards,
8Theme’s Team
#406294 Copied
hafunerix

Participant

July 22, 2024 at 10:28

Alright boss! This is it. The code works great.

My last question about comments is does this feature have a pagination option?

What if a product gets 40 comments? Then they will go down infinitely or will there be an option to switch the comment page?

#406296 Copied

Luca Rossi

Support staff

July 22, 2024 at 12:56

Dear @hafunerix,

We hope this message finds you well. We would like to inform you that the reviews will now feature pagination, as illustrated in the attached screenshots.

Please take a moment to review the updates at your earliest convenience.

Best Regards,
The 8Theme Team

Files is visible for topic creator and
support staff only.

#406340 Copied

Andrew Mitchell

Support staff

August 1, 2024 at 10:52

Dear hafunerix,

We trust our theme is enhancing your experience. Taking a brief moment to rate it with a glowing 5 stars on ThemeForest would be immensely appreciated. Your feedback holds significant value for us.

Click here to rate now: https://themeforest.net/downloads

Thank you sincerely for your ongoing support!

Best Regards,
The 8Theme Team

#408259 Copied
Tagged: comment relocation, move comments, page customization, woocommerce tips, wordpress page settings, wordpress woocommerce themes
Viewing 11 results - 1 through 11 (of 11 total)

The issue related to '‘How to move comments from tabs to the bottom of the page?’' has been successfully resolved, and the topic is now closed for further responses

How to move comments from tabs to the bottom of the page?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection