Woocommerce product page builder issues & questions

Hello,

I am trying to create a new product page based on this article: https://xtemos.com/docs-topic/single-product-page-builder/

I have some questions & issues:
1. How do I push this site live? It’s created (https://snipboard.io/DtygCM.jpg) but your article does not explain how to make this page live.

2. I am using a Dokan shortcode (which works on the Dokan theme as seen here: https://snipboard.io/2GEVP8.jpg), but I do not see it working on the woodmart theme (https://snipboard.io/sYmOZP.jpg). Why won’t it show on woodmart theme?

3. How can I remove the green border around “related products” (https://snipboard.io/ke1EJa.jpg). It is set to no border.

4. How to make “vat where applicable” a smaller font than the price (https://snipboard.io/dJ3gIu.jpg)? I am changing the font size but nothing happens.

5. How can I make the breadcrumbs show up properly? “new product page layout” is the name of the page builder! (https://snipboard.io/wzEUjh.jpg) The breadcrumb should show as: Home -> Category -> product name. How can this be fixed to show properly?

6. How do I make text not run off from the tabs (https://snipboard.io/OfjM9Z.jpg)? There is nowhere to fix this.

Please advise

Hello,

1. You can try creating the layout and set the conditions and publish them then they will be live.

Screenshot: https://gyazo.com/06464cee7123ae29d60815a37342f8b8

2. Could you please check how it works with the default woocommerce theme like storefront.

3. I am unable to see this issue on your website.

4. Please try adding the following Custom CSS for that.

.single-product .woocommerce-price-suffix {
font-size: 10px;
}

5. Please read the following article for help:
https://woocommerce.com/document/permalinks/

6. Please elaborate what you require. Because your current explanation is not clear enough to understand.

Note: Please create new topics for each issue in the support system to avoid any confusions.

Best Regards

Hi Aizaz,

Thanks for your response. Please see below:

1. You can try creating the layout and set the conditions and publish them then they will be live.
Screenshot: https://gyazo.com/06464cee7123ae29d60815a37342f8b8
I just created a new ticket on this as I am getting a critical error.

2. Could you please check how it works with the default woocommerce theme like storefront.
It works with the storefront theme as my current Dokan theme but still not on woodmart: https://snipboard.io/LghE1z.jpg. How can this be fixed?

3. I am unable to see this issue on your website.
Seems like it’s fine now somehow.

4. Please try adding the following Custom CSS for that.
That worked, thank you!

5. Please read the following article for help: https://woocommerce.com/document/permalinks/
I need to wait for the critical error on the product page to be fixed, then see if the issue is still there.

6. Please elaborate what you require. Because your current explanation is not clear enough to understand.
The issue is that the text in the tabs are not kept inside the tabs and some of the text is shown outside the tab, therefore looks like this: https://snipboard.io/sqbvXY.jpg. How can I edit the text size of the tabs or give the tabs less of a curve on the top corners?

Hello,

2. Please elaborate how I can reproduce the issue on my end. Also provide the login details of the website.

3 &4) We are Glad these issues are fixed on your website.

5. Ok we will wait for your response on this.

6. Please try adding the following Custom CSS for that.

.woocommerce div.product.elementor ul.tabs li a {
padding-left: 10px;
padding-right: 10px;
}

Best Regards

Hello,

2. Please elaborate how I can reproduce the issue on my end. Also provide the login details of the website.
This is related to the critical error this page is getting (as in #1). I have created another ticket for that (https://xtemos.com/forums/topic/woocommerce-builder-from-single-product-page-getting-critical-error/)

6. Please try adding the following Custom CSS for that.
This css code does not work. But also it’s very difficult to test because my single product page created by woocommerce builder is still not showing live. Please see private content.

Hello,

Please wait for your other topic to be replied and Resolved.

Then Please replace the previous CSS with the following then check back.

.woocommerce div.product.elementor ul.tabs li a {
padding: 5px 10px 5px 10px !important;
}

Best Regards

[Author]

Posts