Embed HTML Table

Solved

Embed HTML Table

protopad
Tourist
5 0 1

Hi I'm very new to developing a Shopify site, I'd like to embed a leaderboard of scores that I have developed on elastic beanstalk and externally rendered as an HTML table.

URL: http://protopadsix.us-east-1.elasticbeanstalk.com/scores-html

Is there anyway in which I can embed this into a custom .liquid page? 

I've tried using fetch() or iframe but with no luck, any help very much appreciated and I apologise in advance if I've not provided enough detail to answer.

Accepted Solution (1)
tim
Shopify Partner
3633 315 1344

This is an accepted solution.

I guess, the only way is to create a secure https version of your beanstalk page. 

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com

View solution in original post

Replies 8 (8)

suyash1
Shopify Partner
9561 1195 1536

@protopad - is this table dynamically updated regularly? if yes then iframe is recommended

Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
protopad
Tourist
5 0 1

Yeah the table is intended to be updated dynamically, problem is each time I attempt to add an iframe it seems to be blocked when previewing the page, on the beanstalk end, I've made the URL public and my security group allows http, https, shh traffic. Thanks for your response. 

Kyle_liu
Shopify Partner
98 14 16

I edited the custom.liquid code and found that the referenced URL crosses domains. Are you also experiencing this issue?

Kyle_liu_0-1718939367314.png

 

 

<iframe
          allowtransparency="true"
          frameborder="0"
          id="gnewtonIframe"
          scrolling="no"
          src="http://protopadsix.us-east-1.elasticbeanstalk.com/scores-html"
          width="100%"
          style="overflow: hidden; height: 585px;"
        ></iframe>
If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to contact me on (liushuaicc@shinetechsoftware.com)
protopad
Tourist
5 0 1

Thanks for taking the time, yeah this appears to be similar to the issue I am experiencing. 

tim
Shopify Partner
3633 315 1344

That's because you're including HTTP resource in HTTPS document which is a no-no.

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com
protopad
Tourist
5 0 1

Understood, what would be the best way to resolve this? thanks

tim
Shopify Partner
3633 315 1344

This is an accepted solution.

I guess, the only way is to create a secure https version of your beanstalk page. 

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com
protopad
Tourist
5 0 1

Dude you're an absolute genius, after 20 hours of trial and error it worked!! thanks, iframe worked perfect once beanstalk was https secured with a custom SSL certified subdomain, very very happy