Single Product Page Settings

1. In the Theme Settings under Product Page I have Full Width Product Page set to OFF. But the Tabbed area where you see Description, Addl Info, etc. is still full Width so it cuts off the BG Image. How can I adjust this so it is the same width as the content above it? Screen Shot attached.
2. Is there a way to get rid of the Additional Information Tab?
3. Is there a way to customize the Single Product Page Template with WPBakery?

Attachments:

You must be logged in to view attached files.

Hello,

1) You can try adjusting the BG image position from Theme Settings >> Styles & Colors >> Pages Background.

Screenshot for Clarification: https://prnt.sc/10wv5hq

2) WooCommerce does not provide the option to change/rename the tabs or to add a custom tab.
But you can check the below documentation for this purpose: https://docs.woocommerce.com/document/editing-product-data-tabs/

3) Sorry but it is not possible to edit the single product page with any page builder.

Regards.
Xtemos Studios

1. I already have an Image set for the Background, which I attached. Please visit this link to see it: https://wordpress-548167-1777419.cloudwaysapps.com/product/active-gen2-air-box/
But the Description/Tabbed Area is Full width, even though I have Product Page Full Width set to OFF. I want the Description/Tabbed area to be the same width as the content above it. So basically not full width. Since your product setting does not seem to accomplish this, do you have a code snippet or custom CSS for it?
2. Thank you for that documentation for Tabs, I was able to add that Code Snippet. Do you have a Snippet, Custom CSS, or a Setting that will Left Align the Data Tab Contents, currently they are centered.
3. So are you saying there is not way to change the appearance or content on the product page. Because every WooCommerce site I have visited has a different appearing Product page.

Hello,

You are Most Welcome.

1) Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

.single-product-page .product-tabs-wrapper {
    margin-left: 12%;
    margin-right: 12%;
}

And see if this works for you otherwise it requires customizations.

2) The content in the tabs is already left-aligned.

3)Sorry but this is the default behavior that the product page is not editable using page builders.

Best Regards

1) Thank you, that custom CSS worked well, just had to adjust the percent a little.
2) I found the left align product tabs Custom CSS on another Post in your support forum after I submitted this. It was: body .tabs-layout-tabs .tabs {
text-align:left;
} Worked great. Just wanted to repost here for anyone else needing it.
Thanks for helping on this ticket. Feel free to close it out.

Hello,

We are thrilled that you loved your experience with XTEMOS, We put customer experience and satisfaction as our priority, and your words reaffirm the hard work we put in every day. So thanks for your kind words and we look forward to seeing you again.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

please, help us improve our theme and servicing by filling the following quiz
https://8uehqcg4tjy.typeform.com/to/IgyV2EiP
it won’t take more than 2 minutes of your time 🙂

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts