Product Swiper Embed Demo

How to Embed

Copy and paste the following HTML code into your website to embed the TastyInteriors Product Swiper:

<iframe 
  src="https://shop.tastyinteriors.com/embed/product-swiper" 
  width="100%" 
  height="650" 
  frameborder="0"
  allow="web-share"
  title="TastyInteriors Product Swiper"
></iframe>

Preview

Responsive Sizing

For the best experience, we recommend the following iframe heights:

Mobile: 600px minimum
Tablet: 650px minimum
Desktop: 650-700px

You can also control the product swiper from your website using JavaScript:

// Get a reference to the iframe
const iframe = document.getElementById('product-swiper');

// Swipe right (like)
iframe.contentWindow.postMessage('swipe-right', '*');

// Swipe left (skip)
iframe.contentWindow.postMessage('swipe-left', '*');

// Undo last swipe
iframe.contentWindow.postMessage('undo', '*');