ProductCart Shopping Cart Software Forums : PC v5.2.10 Bootstrap with iFrame

PC v5.2.10 Bootstrap with iFrame : You can set the width & height...

Wed, 15 Aug 2018 15:54:27 +0000

Author: Kevin Cook
Subject: 6139
Posted: 15-August-2018 at 3:54pm

You can set the width & height to 100% on the iframe. It will size to the containing div. So if the containing div is responsive, the iframe should be also.

PC v5.2.10 Bootstrap with iFrame : From ProdocutCart's developers:The...

Wed, 15 Aug 2018 15:49:57 +0000

Author: MFoster
Subject: 6139
Posted: 15-August-2018 at 3:49pm

From ProdocutCart's developers:

The theme uses Bootstrap 3.1, but you can also add styles from v3.2

.embed-responsive {

position: relative;

display: block;

height: 0;

padding: 0;

overflow: hidden;

}

.embed-responsive .embed-responsive-item,

.embed-responsive iframe,

.embed-responsive embed,

.embed-responsive object,

.embed-responsive video {

position: absolute;

top: 0;

bottom: 0;

left: 0;

width: 100%;

height: 100%;

border: 0;

}

.embed-responsive-16by9 {

padding-bottom: 56.25%;

}

.embed-responsive-4by3 {

padding-bottom: 75%;

}

And for the video:

https://www.youtube.com/embed/jVIxe3YLNs8">

Basically you always want to wrap the iframe with a div relatively positioned. Then position the iframe absolutely. The 2 classes mentioned at the bottom of the css are for aspect ratios.

There's also a js plugin…

http://davidjbradshaw.github.io/iframe-resizer/ ;

but it requires more effort.

PC v5.2.10 Bootstrap with iFrame : Wanted to embed a YouTube video...

Wed, 15 Aug 2018 15:09:32 +0000

Author: MGatESS
Subject: 6139
Posted: 15-August-2018 at 3:09pm

Wanted to embed a YouTube video on a Content Page running under the Bootstrap Blue theme. I have been able to use the "responsive" classes for images, but I don't know how to get the responsive class for an iFrame. I don't think that ProductCart's Bootstrap is high enough to use what's on the bootstrap website.

Does anyone know if you can make an iFrame, or a way to embed a YouTube video, to make it auto-resize (be "responsive") utilizing the Bootstrap Blue theme?