Dear TagDiv Support Team,
I hope you are doing well.
I am using the TagDiv Theme with WooCommerce on my website.
Website: https://grookfit.com
I have noticed a compatibility issue when enabling Razorpay Magic Checkout.
After enabling Magic Checkout:
1.The mobile product page layout becomes distorted.
2.The main product image is resized incorrectly.
3.The product gallery alignment changes.
4.The overall responsive design is affected.
When I disable Magic Checkout, the product page immediately returns to its normal responsive layout.
Additionally, Razorpay’s Buy Now feature does not appear on the product page even though it is enabled in the Magic Checkout settings.
I have attached screenshots showing the product page before and after enabling Magic Checkout.
https://prnt.sc/DxkZdCfZO2LL , https://prnt.sc/cNL45N7MpQju , https://prnt.sc/5p15SGmFamU7
Could you please check whether this is a compatibility issue between the TagDiv theme and Razorpay Magic Checkout, and let me know if there is a recommended fix or CSS/JavaScript compatibility patch?
Thank you for your support.
For your convenience, I have already sent the website administrator login credentials to this support email contact@tagdiv.com. Please use those credentials to access the website and investigate the issue directly. If you require any additional information, please let me know.
Hi,
I will take a look as soon as possible. In the meantime, could you please check if the woocommerce extended compatibility mode option is active? It’s here in the theme panel -> https://prnt.sc/ox_ENsiGxY_e Sometimes activating that option fixes various issues when using woocommerce plugins that add elements in the post page.
Thank you!
It’s already enabled.
