Sometimes your widget does not display fully on your Wix or Shopify website.
Read on to find out how to fix, or jump to a section with these links:
Wix Website
If you use the standard Wix widget, you might get a small widget. That's because the web page is putting the widget in a small ‘container’
You fix this by by changing the height from 100% to 1200px. This updates the code to a bigger size.
How to fix on Wix:
Go to your Instant Inventory > Actions > Publish to My Website > Script > Copy Script
Go back to your Wix Editor > Site Action > Edit Site > Click on the website name
Find the HTML box and click 'edit code' to open the box with your widget script
Make 2 changes to the script:
a. Add this code before the Instant Inventory script:
<style>
.grid-item.large--two-thirds.push--large--one-sixth {
left: 0 !important;
width: 100% !important;
}
</style>
b. Within the script, add style="height:1200px" after 'width='100%'Click Save and view the page


Note: You must change the API key for your customer account. Read this article to learn how.
Shopify Website
If you use the standard Shopify widget, you might get a small widget. That's because the web page is putting the widget in a small ‘container’.
Read on to learn how to fix the height and adjust the width.
Fix the height on Shopify:
You can fix this by by changing the height from 100% to 1200px. This updates the code to a bigger size.
Go to your Instant Inventory > Actions > Publish to My Website > Script > Copy Script
Go back to your Shopify website > click on Pages > Your website editor opens up
Click on the show HTML button (this button <>)
Within the script, add style="height:1200px" after 'width='100%'
Click Save and view the page


Note: You must change the API key for your customer account. Read this article to learn how.
Adjust the width on Shopify:
This can be tricky as all themes are different. To fix, you may need to dig deeper in code:
Goto the website
Open Inspect element > make sure you see styles
Hover over the code in Elements Tab > you may need to expand the code
Expand the HTML code until see what you are looking for
Select html code
When you hover over the code, check your site at the same time, the highlighted shows the full container that holds the widget.
Go to Styles tab and play with the css code in styles block
In our case > container == narrow
Navigate to the themes.css file in Shopify
Find that particular css Value
Modify Value and click save
Check your Website
Developer/Tech resources: https://technet.rapaport.com/Info/RapLink/RapNetInventoryLink.aspx