How to display the review stars exactly next to the product price? (Single Produ
-
Hello Xtemos team,
I am currently setting up my store using WoodMart and I would like to replicate a specific layout for the product reviews on the single product page.
As you can see in the attached screenshot, I want the review stars and the “(X customer reviews)” text to appear exactly to the right side of the product price. My goal is that when users click on those stars, it anchors them directly down to the reviews tab so they can read or leave an opinion.
Could you please guide me on how to configure this specific layout? Is there a particular setting in the Theme Settings or a specific Elementor widget/structure I need to use in the Single Product builder to align it horizontally with the price?
Thank you in advance for your help!
Best regards.
Attachments:
You must be
logged in to view attached files.
Hello,
By default, the rating and the price are separate elements and their position depends on the product page layout. There is no built-in option to place them exactly side-by-side in that specific way.
If you are using the Single Product layout, you can add both elements in the same container and set the container to horizontal (inline) alignment and adjust spacing/alignment as needed
About the anchor link the “customer reviews” link should already scroll to the reviews tab automatically (default WooCommerce behavior), as long as reviews are enabled on your site.
Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/
Best Regards
.
