GoDaddy ISSUE: After copying and pasting the VinoShipper provided HTML code to my website, our wines and the shopping cart displays. However, there is a very lengthy blank spot in the page after my wines are listed.  

 
GoDaddy’s Code Block segment in the Website Builder saves the block as an iframe, wrapping our own JavaScript and iframes inside of their iframe. Their code changes the location and size of the display. 
  
 

SOLUTION: 

The best way to get around this issue is to set the Code Block's height to a fixed size, which then doesn't allow for this constant iframe resizing, which then creates that giant bottom white area.

 
The current version of the Code Block has a height setting in their editor that allows for their iframe to be set to a fixed height, otherwise, it will resize on window resize. 

1. Set vsDisableResize = true 

2. Then set the height box to 1700px for the Code Block. You may need to work with this number to fit your needs.

3. Paste this style block into the integration HTML set the height to the same as the Code Block height.  

<style>  
#vs-winelist > div { 
  height: 1700px !important; 
} 
</style> 

 
 EXAMPLE: 

<!-- VinoShipper Wine List Integration --> 
<style> 
#vs-winelist > div { 
  height: 1700px !important; 
} 
</style> 
<div id="vs-winelist"></div> 
<script type="text/javascript"> 
var vsDisableResize = true; 
var vsCssUrl = ""; 
var vsWineryId = 342; 
</script> 
<script src="http://localhost/iframe/v3/injector.js"></script> 
<!-- End VinoShipper Wine List Integration  -->