WordPress theme broken when an iframe from SantuCommerce plugin opened
So I have this problem with this Santu WooCommerce plugin, so this plugin will open an iframe every time someone click the product link, this iframe will open a checkout page from santu.
So the problem I had is I think there are some conflicts on wordpress themes and santu CSS/JS. Here is the screenshot
before I click the product link from santu.
After click the add to cart
what happened after click the santu link
So what I want is to prevent the assets (CSS/JS) from Santu Site affected my website. So I already googled it and found about the iframe sandbox, but when I added the sandbox attributes, it's broken the santu as well.
So is there any solution about this?
maybe some function in WooCommerce that can fix this problem?
Thank you.
Here's the video
wordpress iframe woocommerce wordpress-theming
asked Nov 16 '18 at 5:18
Khrisna GunanasuryaKhrisna Gunanasurya
196218
add a comment |
So I have this problem with this Santu WooCommerce plugin, so this plugin will open an iframe every time someone click the product link, this iframe will open a checkout page from santu.
So the problem I had is I think there are some conflicts on wordpress themes and santu CSS/JS. Here is the screenshot
before I click the product link from santu.
After click the add to cart
what happened after click the santu link
So what I want is to prevent the assets (CSS/JS) from Santu Site affected my website. So I already googled it and found about the iframe sandbox, but when I added the sandbox attributes, it's broken the santu as well.
So is there any solution about this?
maybe some function in WooCommerce that can fix this problem?
Thank you.
Here's the video
wordpress iframe woocommerce wordpress-theming
asked Nov 16 '18 at 5:18
Khrisna GunanasuryaKhrisna Gunanasurya
196218
1
There is not enough information here to troubleshoot this. WP version Theme used. Server PHP version Perhaps a link to the site in question so we can inspect the JS/CSS?
– Jeremiah Stillings
Nov 21 '18 at 4:36
add a comment |
So I have this problem with this Santu WooCommerce plugin, so this plugin will open an iframe every time someone click the product link, this iframe will open a checkout page from santu.
So the problem I had is I think there are some conflicts on wordpress themes and santu CSS/JS. Here is the screenshot
before I click the product link from santu.
After click the add to cart
what happened after click the santu link
So what I want is to prevent the assets (CSS/JS) from Santu Site affected my website. So I already googled it and found about the iframe sandbox, but when I added the sandbox attributes, it's broken the santu as well.
So is there any solution about this?
maybe some function in WooCommerce that can fix this problem?
Thank you.
Here's the video
wordpress iframe woocommerce wordpress-theming
asked Nov 16 '18 at 5:18
Khrisna GunanasuryaKhrisna Gunanasurya
196218
So I have this problem with this Santu WooCommerce plugin, so this plugin will open an iframe every time someone click the product link, this iframe will open a checkout page from santu.
So the problem I had is I think there are some conflicts on wordpress themes and santu CSS/JS. Here is the screenshot
before I click the product link from santu.
After click the add to cart
what happened after click the santu link
So what I want is to prevent the assets (CSS/JS) from Santu Site affected my website. So I already googled it and found about the iframe sandbox, but when I added the sandbox attributes, it's broken the santu as well.
So is there any solution about this?
maybe some function in WooCommerce that can fix this problem?
Thank you.
Here's the video
wordpress iframe woocommerce wordpress-theming
wordpress iframe woocommerce wordpress-theming
asked Nov 16 '18 at 5:18
Khrisna GunanasuryaKhrisna Gunanasurya
196218
asked Nov 16 '18 at 5:18
Khrisna GunanasuryaKhrisna Gunanasurya
196218
edited Nov 19 '18 at 3:23
Khrisna Gunanasurya
asked Nov 16 '18 at 5:18
Khrisna GunanasuryaKhrisna Gunanasurya
196218
asked Nov 16 '18 at 5:18
Khrisna GunanasuryaKhrisna Gunanasurya
196218
asked Nov 16 '18 at 5:18
Khrisna GunanasuryaKhrisna Gunanasurya
196218
196218
1
There is not enough information here to troubleshoot this. WP version Theme used. Server PHP version Perhaps a link to the site in question so we can inspect the JS/CSS?
– Jeremiah Stillings
Nov 21 '18 at 4:36
add a comment |
1
There is not enough information here to troubleshoot this. WP version Theme used. Server PHP version Perhaps a link to the site in question so we can inspect the JS/CSS?
– Jeremiah Stillings
Nov 21 '18 at 4:36
1
1
There is not enough information here to troubleshoot this. WP version Theme used. Server PHP version Perhaps a link to the site in question so we can inspect the JS/CSS?
– Jeremiah Stillings
Nov 21 '18 at 4:36
There is not enough information here to troubleshoot this. WP version Theme used. Server PHP version Perhaps a link to the site in question so we can inspect the JS/CSS?
– Jeremiah Stillings
Nov 21 '18 at 4:36
add a comment |
1 Answer
1
active
oldest
votes
Of course, there is needed much more information, example (at least link to that site too) and there might be needed further (and deeper) dig into those files and etc, which can be hardly achieved with this Q/A format.
However, as an ugly alternative (as a temporary solution, if you can't fix it better) is that the add-to-cart JS action should be triggered into the new window-frame (which will be closed automatically) and thus, the initial page's design won't be messed up.
If that's possible, here is phseudo-concept:
- clicking on "add-to-cart" triggers
window.open( window.location.href + '&xyz') if(window.location.href.indexOf("&xyz") > -1)then trigger add-to-cart window.- closing that window should trigger
window.close();
answered Nov 25 '18 at 12:34
T.ToduaT.Todua
31.6k12135137
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53331848%2fwordpress-theme-broken-when-an-iframe-from-santucommerce-plugin-opened%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Of course, there is needed much more information, example (at least link to that site too) and there might be needed further (and deeper) dig into those files and etc, which can be hardly achieved with this Q/A format.
However, as an ugly alternative (as a temporary solution, if you can't fix it better) is that the add-to-cart JS action should be triggered into the new window-frame (which will be closed automatically) and thus, the initial page's design won't be messed up.
If that's possible, here is phseudo-concept:
- clicking on "add-to-cart" triggers
window.open( window.location.href + '&xyz') if(window.location.href.indexOf("&xyz") > -1)then trigger add-to-cart window.- closing that window should trigger
window.close();
answered Nov 25 '18 at 12:34
T.ToduaT.Todua
31.6k12135137
add a comment |
Of course, there is needed much more information, example (at least link to that site too) and there might be needed further (and deeper) dig into those files and etc, which can be hardly achieved with this Q/A format.
However, as an ugly alternative (as a temporary solution, if you can't fix it better) is that the add-to-cart JS action should be triggered into the new window-frame (which will be closed automatically) and thus, the initial page's design won't be messed up.
If that's possible, here is phseudo-concept:
- clicking on "add-to-cart" triggers
window.open( window.location.href + '&xyz') if(window.location.href.indexOf("&xyz") > -1)then trigger add-to-cart window.- closing that window should trigger
window.close();
answered Nov 25 '18 at 12:34
T.ToduaT.Todua
31.6k12135137
add a comment |
Of course, there is needed much more information, example (at least link to that site too) and there might be needed further (and deeper) dig into those files and etc, which can be hardly achieved with this Q/A format.
However, as an ugly alternative (as a temporary solution, if you can't fix it better) is that the add-to-cart JS action should be triggered into the new window-frame (which will be closed automatically) and thus, the initial page's design won't be messed up.
If that's possible, here is phseudo-concept:
- clicking on "add-to-cart" triggers
window.open( window.location.href + '&xyz') if(window.location.href.indexOf("&xyz") > -1)then trigger add-to-cart window.- closing that window should trigger
window.close();
answered Nov 25 '18 at 12:34
T.ToduaT.Todua
31.6k12135137
Of course, there is needed much more information, example (at least link to that site too) and there might be needed further (and deeper) dig into those files and etc, which can be hardly achieved with this Q/A format.
However, as an ugly alternative (as a temporary solution, if you can't fix it better) is that the add-to-cart JS action should be triggered into the new window-frame (which will be closed automatically) and thus, the initial page's design won't be messed up.
If that's possible, here is phseudo-concept:
- clicking on "add-to-cart" triggers
window.open( window.location.href + '&xyz') if(window.location.href.indexOf("&xyz") > -1)then trigger add-to-cart window.- closing that window should trigger
window.close();
answered Nov 25 '18 at 12:34
T.ToduaT.Todua
31.6k12135137
answered Nov 25 '18 at 12:34
T.ToduaT.Todua
31.6k12135137
answered Nov 25 '18 at 12:34
T.ToduaT.Todua
31.6k12135137
answered Nov 25 '18 at 12:34
T.ToduaT.Todua
31.6k12135137
31.6k12135137
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53331848%2fwordpress-theme-broken-when-an-iframe-from-santucommerce-plugin-opened%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
1
There is not enough information here to troubleshoot this. WP version Theme used. Server PHP version Perhaps a link to the site in question so we can inspect the JS/CSS?
– Jeremiah Stillings
Nov 21 '18 at 4:36