Customizing Single Product Layout Issues

I designed a layout for my single product page in Spanish language, but but when I save the layout doesn’t work, please help me to check; I will upload my layout design and error style image!

Attachments:

You must be logged in to view attached files.

Hi junyiiu97,

Thanks for reaching to us.

After checking his site, I see that you did not have translations for the single product layout for this language https://prnt.sc/DsJSmpJU2egd, which is why it does not work.

Please create new translation and let me know how it goes.

Regards,

You can check the same product in these different languages, I have designed the product layout separately in all the other languages, and the others can be displayed correctly, it’s the Spanish one that can’t be displayed correctly, it may not be caused by the translation problem.

English:https://isvapes.com/product/aqrg-pod-switch-mods-vape-pre-filled-device-4000-puff/
German:https://isvapes.com/de/product/aqrg-pod-switch-mods-vape-pre-filled-device-4000-puff/
Korean:https://isvapes.com/ko/product/aqrg-pod-switch-mods-vape-pre-filled-device-4000-puff/
Arabic:https://isvapes.com/ar/product/aqrg-pod-switch-mods-vape-pre-filled-device-4000-puff/
Indonesian:https://isvapes.com/id/product/aqrg-pod-switch-mods-vape-pre-filled-device-4000-puff/
Spanish:https://isvapes.com/es/product/aqrg-pod-switch-mods-vape-pre-filled-device-4000-puff/

Hi junyiiu97,

Thanks for the details.

Please delete ES translation and click on ‘+’ icon to re-create ES translation.

Let me know how it goes.

Regards,

I did what you asked and when I switched to edit with elementor under the translated language layout, it came up with an error.

Fatal error: Uncaught Error: Call to a member function get_gallery_image_ids() on null in /home/customer/www/isvapes.com/public_html/wp-content/themes/ISVapes/woocommerce/single-product/product-image.php:27 Stack trace: #0 /home/customer/www/isvapes.com/public_html/wp-content/plugins/woocommerce/includes/wc-core-functions.php(345): include() #1 /home/customer/www/isvapes.com/public_html/wp-content/themes/ISVapes/inc/modules/layouts/elementor/single-product/class-gallery.php(199): wc_get_template('single-product/...', Array) #2 /home/customer/www/isvapes.com/public_html/wp-content/plugins/elementor/includes/base/controls-stack.php(2265): XTS\Modules\Layouts\Gallery->render() #3 /home/customer/www/isvapes.com/public_html/wp-content/plugins/elementor/includes/base/widget-base.php(609): Elementor\Controls_Stack->render_by_mode() #4 /home/customer/www/isvapes.com/public_html/wp-content/plugins/elementor/includes/base/widget-base.php(733): Elementor\Widget_Base->render_content() #5 /home/customer/www/isvapes.com/public_html/wp- in /home/customer/www/isvapes.com/public_html/wp-content/themes/ISVapes/woocommerce/single-product/product-image.php on line 27

Attachments:

You must be logged in to view attached files.

Hi junyiiu97,

Would you mind if I deactivate extra plugins for testing? Please confirm me back.

Regards,

Hi.

Which translation plugin do you use?

I allow you to deactivate any plugin has checked the problem, I am using the WPML translation plugin

Hi junyiiu97,

I took a look at test webiste, you are using outdated theme version, please update WoodMart and WooMart Core plugin to the latest version and check again.

https://xtemos.com/docs-topic/update-the-theme/

Regards,

I have updated WoodMart and WooMart Core to 7.3.2 and 1.0.40 as you said, but the problem persists, please check for me!

Hi junyiiu97,

I’ve fixed your issue. Please check your site again.

Regards,

Thank you, this problem is solved but it triggered another new problem, the single product page background color is broken, please help me to check and fix it

Hi junyiiu97,

Please provide me with screenshots for better understanding.

I am seeing the background color same as custom layout.

Regards,

As the screenshots show, I took a screenshot of the correct and incorrect one.

Attachments:

You must be logged in to view attached files.

Hi junyiiu97,

The background color of single product is white on my end, please clear browser cache and check again.

https://prnt.sc/LHVEljQRCgLk

Regards,

Yes, the background color is white, but this is not the color I want, the color I want is the same as the background color of the home page, please help me to modify the background color as shown in the picture!

Attachments:

You must be logged in to view attached files.

Hi junyiiu97,

1. You can change main background color in Theme Settings > Styles and colors > Pages background > Single product background section https://prnt.sc/PIzQnBd8d7mI

2. Some sections in Single Product layout needed to change via its section, so you should click on Section > Style tab and change background color. https://prnt.sc/A_Og9NppvAWw

Hope it helps.

Regards,

Can you help me set it up? I followed what you said but it didn’t work, I want the background color effect: https://woodmart.xtemos.com/mega-electronics/product/oculus-quest-2/

Hi junyiiu97,

I helped you to do that, please check again.

Regards,

Thanks to your help, my problem has been successfully solved!

Hi junyiiu97,

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

If you have a quick minute we always appreciate a 5-star rating on our theme!

https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

Your feedback is the motivation to improve our work and services.

Regards,

[Author]

Posts