Sometimes your widget does not display fully on your Wix or Shopify website.
Read on to find out how to fix it, 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 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
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 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 it, you may need to dig deeper into the code:
Go to 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 seeing what you are looking for
Select HTML code
When you hover over the code and check your site at the same time, the highlighted shows the full container that holds the widget.
Go to the Styles tab and play with the CSS code in the 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
WordPress or old widget
If you cannot see the diamond inquiry form does not fully display or is cut off, you will need to adjust the height of the popup box with a CSS override:
Developer/Tech resources: https://technet.rapaport.com/Info/RapLink/RapNetInventoryLink.aspx