iFrame guide, to add our catalogue onto your site please use one of the methods below.

Responsive iFrame

This iFrame will adapt to the users device (Mobile / Tablet / PC). You’ll need to paste the HTML code onto the page where you want it to display and add the CSS to your stylesheet.

VIEW CODE

CSS .myIframe {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
height: 0;
overflow: auto;
-webkit-overflow-scrolling:touch;
border: solid black 0px;
}
.myIframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

Non-Responsive iFrame

This iFrame will have a fixed width / height. You can update these yourself to fit the width of your website by changing the width / height parameters.

Simply paste the HTML code onto the website where you want it to display.

VIEW CODE

Flipbook

If you’d like to add a flipbook onto your server. Please download the HTML files and upload onto your website via FTP.

DOWNLOAD FLIPBOOK VIEW FLIPBOOK