Hi,
Can i show and use a NopCommerce Shop 4.2 in an Iframe.
I have a Website in which i want to implement my NopCommerce Shop as an IFrame.
Is that possible or not?
Do i need to change things in the NopCommerse Shop, for this to work and if yes what im looking for to change.
Can i use NopCommerce 4.2 as an Iframe in another Website
MVP
Certified Developer
- 3947
- 35242
- 2/8/2010
- Australia
Here is v4.2 in an iframe in v4.4 site
https://v44demo.selectsystems.com.au/iframes/reservation.html
This is the code
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<div style="inset: 0px; position: fixed; overflow-y: auto; z-index: 9999999;">
<div id="backdrop" style="background: rgba(111, 111, 111, 0.9); height: 1531px; left: 0px; min-height: 100%; opacity: 1; position: absolute; right: 0px; top: 0px;">
</div><div style="height: 850px; margin: 40px auto 10px; position: relative; width: 700px; opacity: 1; transform: translate3d(0px, 0px, 0px);">
<iframe src="https://v42demo.selectsystems.com.au"
allow="clipboard-write" scrolling="yes" tabindex="-1" aria-label="Book with Resy" role="dialog" style="background-color: transparent; border: none; height: 100%; width: 100%;">
</iframe>
</div>
</div>
</body>
</html>
https://v44demo.selectsystems.com.au/iframes/reservation.html
This is the code
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<div style="inset: 0px; position: fixed; overflow-y: auto; z-index: 9999999;">
<div id="backdrop" style="background: rgba(111, 111, 111, 0.9); height: 1531px; left: 0px; min-height: 100%; opacity: 1; position: absolute; right: 0px; top: 0px;">
</div><div style="height: 850px; margin: 40px auto 10px; position: relative; width: 700px; opacity: 1; transform: translate3d(0px, 0px, 0px);">
<iframe src="https://v42demo.selectsystems.com.au"
allow="clipboard-write" scrolling="yes" tabindex="-1" aria-label="Book with Resy" role="dialog" style="background-color: transparent; border: none; height: 100%; width: 100%;">
</iframe>
</div>
</div>
</body>
</html>
- 36
- 180
- 4/6/2020
- Austria
In the Web.Config i deaticate the X-Frame protetction. So product pages work now.
When i get to the Login or the Cart i get an Error. It seems that the X-Frame Protetction still apllies on those sites.
I found that i had to change the global.aspx.cs and deativate there the Iframe Protection. But NopCommerce 4.2 doesnt have the global.aspx.
Do o have to deactovate the Protection somewhere else?
When i get to the Login or the Cart i get an Error. It seems that the X-Frame Protetction still apllies on those sites.
I found that i had to change the global.aspx.cs and deativate there the Iframe Protection. But NopCommerce 4.2 doesnt have the global.aspx.
Do o have to deactovate the Protection somewhere else?
- 36
- 180
- 4/6/2020
- Austria
So it seems the Problem was in the Web.Config.
I did change the Content Security Polive.
Now i have another Problem, when the Site is in the Iframe.
Example:
Now i can get to The Login Page, there i am trying to Login. After i fill the Fields and Press the Login Button, Nothing happens. I also dont get an Error.
I also cannot add a Product in the Shopping Cart.
It seems like the Action of the Buttons just doesnt work or gets somehow blocked.
I did change the Content Security Polive.
Now i have another Problem, when the Site is in the Iframe.
Example:
Now i can get to The Login Page, there i am trying to Login. After i fill the Fields and Press the Login Button, Nothing happens. I also dont get an Error.
I also cannot add a Product in the Shopping Cart.
It seems like the Action of the Buttons just doesnt work or gets somehow blocked.