how to custom and modify the single product page ?

I want to ask you, how to modify and custom the single product page , including font, layout, font color, button color, button size etc….
look at the image attached.

Attachments:

You must be logged in to view attached files.

Hello,

Sorry to say but it wouldn’t be directly possible as you know the default Single Product page layout comes from the WooCommerce end.

But you can use the Theme’s Layout Builder to create Custom Layouts for the Single Product page > and in that Layout you can change or configure the elements accordingly. You can find the Layouts under the Dashboard > Layouts.

Here is the Guide to that: https://xtemos.com/docs-topic/single-product-page-builder/

Further, you can read more about the Layout Builder here:
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards,

ok, I got it. thanks
another question:
1\ for the customer tab, how many maximum we can add?
2\ if I want to add custom tabs, will I need to add in the layout firstly , then add in single product one by one? or I just only need to add custom tabs in the single product will be ok?

hi, I still not find where I can edit the button style, such as style, button color. only font available.
look at the attached image.

Attachments:

You must be logged in to view attached files.

one problem:
please check the attached image.
I set the “product tabs” in the 1st image, but it appears 2 times in the 2nd image. how?

Attachments:

You must be logged in to view attached files.

one problem:
please check the attached image.
I set the “product tabs” in the 1st image, but it appears 2 times in the 2nd image. how?

[Aizaz Imtiaz Awan]

Hello,

01. There is no strict limit on the number of custom tabs you can add.

• You don’t need to add custom tabs in the layout.
• Navigate to Theme Settings > Single Product > Tabs to add additional global tabs.
• For individual products, go to Products > Edit Product, then under Product Settings > Tabs, you can create and customize tabs for that specific product. https://ibb.co/z53zhnm
• You need to use the Product Tabs Widget to display these tabs properly.

02. You can adjust those buttons via Theme Settings -> Styles and Colors -> Buttons.
https://gyazo.com/f8247d7ade8737dd34a9bb0e9b031058

And, In the Advanced button styles section, you can select a button in the dropdown and change the font settings.
https://ibb.co/zTRdCkcs

Please Follow this guide.
https://xtemos.com/docs-topic/advanced-button-styles/

03. The issue is likely due to duplicate Product Tabs Widgets being added in the layout. To fix this, follow these steps:

Click on the Navigator > Look for multiple instances of the Product Tabs Widget in the structure > If you see more than one Product Tabs Widget, delete the duplicate one and check the issue.

Best Regards,

• This reply was modified 1 month, 1 week ago by Aizaz Imtiaz Awan.

hi, please see my below reply :
1\ for the tab, sorry to say: your theme backend and logic is tooo complicated to understand. (maybe you are very clear, but as a user , it is really hard to clear like you )
for now, I added a plugin called “Custom Poduct tabs for Woocommerce” too add my tabs. (please see the attached image #1, )

my thinking is : in the new layout , I add the widget “woocommerce hook” in the product layout, and select hook as “woocommerce_single_product_summary”, but the problem now is : your “Custom tab 1” and “Custom Tab 2” still appear, I do not know how to hide these 2 custom tabs. (look the attached image #2)
so my question is : How to hide these 2 custom tabs of your theme, and appear the Tabs of the added plugin?

Attachments:

You must be logged in to view attached files.

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards,

thank you for your reply .
ok. please see access below in the private message.
let me again describe my requirement :
I know your theme has the function to show the custom tabs, but for me it is complicated; and if I want to change the Theme in future, the content in the custom tabs will also be lost.
so now I added the pluging(Custom product tabs for woocommerce) in the Product data area, and I added the content in the this Custom product tabs (not in your theme),
and I want to show these custom product tabs.

Hello,

The custom tabs are being generated by your custom code. To resolve the issue, please navigate to Appearance > Theme File Editor, locate the functions.php file, and remove the relevant code.

Best Regards,

No, we haven’t done any custom code. The custom tabs now showing on the page is we are adding are by the plugin.

can you help on the above?

Hello,

The custom tabs were being generated by your custom code. I have now commented out that code in the functions.php file, and the custom tabs are no longer appearing. Please review your site and check the issue.

Best Regards,

wow, thanks very much . thanks

Hello,

You’re very welcome! I’m glad I could help. If you need anything else, feel free to reach out!

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards,

[Author]

Posts