Docs

[Andrei]

Hi guys,

I would like to move the single product comments section at the bottom of the page, below the section “you may also like”. I attached an image. My website is //sinestezic.com

[Andrei]

I mean the reviews tab.

[Rupok]

Hi there,

It seems you are using the Tabs section to transform it to comment area which is not usual. Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Thank you for your understanding.

[Andrei]

Hi Rupok,

I don’t want to use it in tabs section. When I activate Disqus, this is where it appears. I just want to have the comments at the bottom of the page. Thank you.

[Andrei]

Please help me with this. I tried every single method and I couldn’t put the comments at the bottom of the page because the coments are taking the review’s place and the review was not at the bottom of the page.

[Lely]

Hello Andrei,

I can see that you have added the following CSS:

.single-product .x-nav-tabs>li {
    display: none!important;
}

This hides the tab. Now to move the position, please check this link:https://teamtreehouse.com/community/woocommerce-reviews-move-out-of-tabs-and-to-bottom-of-the-product-page. You can add the suggested code on your child theme’s functions.php file.

Hope this helps.

[Andrei]

Thank you very much, it worked.

First I removed reviews tab.

add_filter( 'woocommerce_product_tabs', '_remove_reviews_tab', 98 );
function _remove_reviews_tab( $tabs ) {
  unset( $tabs[ 'reviews' ] );
  return $tabs;
}

Second I added the revies after the summary.

function woocommerce_template_product_reviews() {
woocommerce_get_template( 'single-product-reviews.php' );
}
add_action( 'woocommerce_after_single_product_summary', 'comments_template', 50 );

[Andrei]

I have a problem though, I can’t click on the product page’s links anymore. They are not working.

[Paul R]

Hi Andrei,

To fix it, you can add this under Custom > CSS in the Customizer.

.woocommerce .related.products {
    clear: both;
    float: none;
    width: 100%;
    display:block;
}

Hope that helps.

[Andrei]

Hi Paul,

It works with one exception. On my mobile phone (not toogle device toolbar), when I click on the accordions, on the single product page, they don’t collapse.

[Lely]

Hello Andrei,

Please also try to add this custom CSS:

.woocommerce #comments {
    clear: both;
}

Do let us know how this goes.

[Andrei]

Hi Lely, thank you for your reply. Unfortunately it doesn’t work. The accordions are still not working. And when I click on an object, sometimes, it actviates another object, which is near that first object. For example, when I click on the shop on a product, it activates another product. Or in the single product page, I clicked on an accordion and it activated the size, as if the accuracy of the click is not good enough. This happens only on mobile.

[Andrei]

I have to mention that I did this in the incognito mode.

[Jade]

Hi Andrei,

I have tried to check through the code inspector but I can’t seem to see the code Lely previously suggestion added on the site. I tried adding it in the console and it fixed the issue on the accordions.

Kindly double check that the code was added in either the customizer or the child theme’s custom.css.

Thank you.

[Andrei]

Hi Jade, it is there. I attached a photo.

[Author]

Posts