Question about product specification presentation

Hello,

This demo is using a custom layout for a single product page. You can use Woocommerce builder of WoodMart allowing you to create custom templates for product pages and other functional pages that are not editable by default. Woocommerce builder is the inbuilt functionality widget included in the builder you use on the site. You can create a custom layout for a single product page and choose the predefined layout design which you want.
https://ibb.co/pwQQk2d

Please check this manual:
https://xtemos.com/docs-topic/single-product-page-builder/

Best Regards

Hello,

You can achieve a layout similar to the demo by using the Product Additional Information Table widget in the Layout Builder.

Please note that this widget cannot be used directly within the Product Tabs component, as the Additional Information tab already displays these details by default on single product pages.

Like this: https://ibb.co/MkMq9RHV

However, you can separately add the Product Additional Information Table widget in the layout to achieve the structured design seen in the demo. You can also use the predefined layout designs available in the Layout Builder to match your preferred style.

For reference, please check this demo layout: https://ibb.co/pwQQk2d

Best Regard,

Hello, I would like to ask where to add these details in the backend of the single product editor so they appear on the frontend. I have attached a reference image for clarification.

Hello,

Now check back on your site and check the issue. your issue likely stems from fixed widths in the <table> elements. To make the tables responsive, you can wrap them in a div with overflow-x: auto and use percentage-based widths instead of fixed pixel values.

Best Regards,

Hello,

Switch to the Text (HTML) tab in the Classic Editor > Locate the <table> code and wrap it inside a <div>

But I suggest you follow this guide on how to add tables in the classic editor area.

Here is the guide on how to add a table in the classic editor: https://ultimateblocks.com/add-tables-wordpress

Additionally, Try to use HTML Block and you can use page builders to build more attractive content, please read more here https://xtemos.com/docs-topic/html-blocks-usage/

02. Your issue has been solved. I have translated the product description as well for the “iphone 16 pro max” product.

Please check the site after removing the browser cache.

Best Regards,

Hello,

01. Please see this screenshot for better understanding:
https://ibb.co/Sw9tXn82

You can simply copy this table and use it for other products and change the content if needed.

02. Sorry but I did not know the exact reason, but only the custom content that you have added in the product description section is changed to English. Maybe anyone has translated that section into English or you have run the site backup? Because the manually added content on the site will only change when someone edits or changed it manually. But anyway, I have translated that content again in Vietnamese and it will not change again.

Best Regards

Hello,

Yes, you can absolutely use the HTML Block and use the table widget to design a custom table and display unique specifications for each product. This gives you full control over the table layout, style, and content.

Use this widget: https://ibb.co/8L3ZZzhY

Best Regards,

Hello,

Yes, if each product has unique specifications, and you want to display a different custom table for each product, then the typical approach would be to:

Create a separate HTML Block for each product, then assign each block individually using the in the Single Product Builder.

Best Regards.