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 6 months, 3 weeks ago ago by Andrew Mitchell

  • Avatar: hafunerix
    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
    Avatar: Justin
    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
    Avatar: hafunerix
    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
    Avatar: Justin
    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
    Avatar: hafunerix
    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
    Avatar: Justin
    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
    Avatar: hafunerix
    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
    Avatar: Justin
    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
    Avatar: hafunerix
    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
    Avatar: Justin
    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
    Avatar: Andrew Mitchell
    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: , , , , ,

  • 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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Application – WooCommerce Theme
lazy-placeholder
Yoga Accessories – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store – WordPress WooCommerce Theme
lazy-placeholder
Ecotransport Store – WordPress WooCommerce Theme
lazy-placeholder
Sushi Store – WordPress WooCommerce Theme
lazy-placeholder
Legenda – WooCommerce WordPress Theme
lazy-placeholder
Pet Shop – WordPress WooCommerce Theme
lazy-placeholder
Lifestyle Blog – WordPress WooCommerce Theme
lazy-placeholder
Underwear Store – WordPress WooCommerce Theme
lazy-placeholder
Poster – WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.