How I WAS NOT able to add "Pay with STEEM / SBD" options to a Shopify Store using Steem Connect
steemdev·@xtrodinarypilot·
0.000 HBDHow I WAS NOT able to add "Pay with STEEM / SBD" options to a Shopify Store using Steem Connect
<html> <h1>https://steemitimages.com/DQmd2xD3NYrLYi6NJAoTBsVkDQAAw3vGapcV6P8m4FiQN9d/image.png</h1> <p> Hey guys I have been trying all day to test the <strong><a href="https://steemit.com/steemdev/@adept/how-we-added-pay-with-steem-sbd-options-to-the-thesteemitshop-shopify-store-using-steem-connect">SCRIPT</a></strong> graciously provided to us by @adept for their @paywithsteem store. It seemed fairly easy as it has steps and pictures to guide you along the way. I commenced with a trail version of shopify and was able to get @bitpay's api integrated seamlessly. After testing a transaction, I moved over to #steem. I followed the directions step by step and did my first transaction. It confirmed, but did not give me an option to pay with steem or steem dollars via steemconnect.com. I tried to make minor adjustments to my shopify store but to no avail. This is the only screen I get... https://steemitimages.com/DQmVTYFDyRhtKvz2h4nWgSvMhS2tqc9LDaxNP9EJjtCvicz/image.png <h1> NEXT STEP</h1> I copied the code exactly as it's written in @adeptd's post into <pre> <code> var steem = new XMLHttpRequest(); steem.open("GET", "https://api.coinmarketcap.com/v1/ticker/steem/", false); steem.send(); steem = parseFloat(JSON.parse(steem.response)[0].price_usd); window.onload = function () { total = parseFloat(document.getElementsByClassName('payment-method-list__item__amount')[0].innerHTML.replace("$","")); order = document.getElementsByClassName('os-order-number')[0].innerHTML.replace("Order #", "").replace(/\s/g, ''); steemTotal = total / steem; sbdTotal = total; steemitAccount = "thesteemitshop" //Change this to your Steemit account name where you would like to receive payments. steemURL = "https://v2.steemconnect.com/sign/transfer?to=" + steemitAccount + "&memo=" + order + "&amount=" + steemTotal.toFixed(3).toString().split(".")[0] + "%2E" + steemTotal.toFixed(3).toString().split(".")[1] + "%20STEEM"; sbdURL = "https://v2.steemconnect.com/sign/transfer?to=" + steemitAccount + "&memo=" + order + "&amount=" + sbdTotal.toFixed(3).toString().split(".")[0] + "%2E" + sbdTotal.toFixed(3).toString().split(".")[1] + "%20SBD"; instructions = "<span><button class='btn btn-success' style='display: block;width: 100%;' onclick=\"window.open('" + steemURL + "','_blank')\">Pay " + steemTotal.toFixed(3) + " STEEM</button></span><br><br>"; instructions += "<span><button class='btn btn-success' style='display: block;width: 100%;' onclick=\"window.open('" + sbdURL + "','_blank')\">Pay " + sbdTotal.toFixed(3) + " SBD</button></span>"; if (document.getElementsByClassName('payment-method-list__item__info')[0].innerHTML === 'Pay with STEEM or Steem Dollars —') { Shopify.Checkout.OrderStatus.addContentBox( '<h1>Select Payment Method</h1>', instructions )}; }; </code> </pre> https://steemitimages.com/DQmRsBPsfq4wynaskCZ5MGkKY1c3ESW8GkhyD2kLZusrVwk/image.png <h1> Process of Elimination</h1> This time I decided to copy the code into a Script editor to ensure it's viability. These were the results I received... https://steemitimages.com/DQmYrW9RhKWnGsZaEAih9mChC8b71ayZdzHViJzFJdqHRqp/image.png https://steemitimages.com/DQmQLFxJjchydNe8tJHkMiAm71NazNSc4knGEgfAiHx4Dtw/image.png I saw that @bhagchandbana said that he had success with the same exact tutorial. @phelimint has also integrated his into phelimint.com. It feels as though there is something very simple that I am missing. Perhaps I need to check or uncheck a box within shopify? Maybe there are extra"{}" or ";"in the code that was overlooked. I assure you @paywithsteem, I will in no way try to compete with your store. @adept @btcvenom @zord189 @perennial @sam.shuu and @pennsif If either one of you could kindly explain what you think I am doing wrong, IT WILL BE GOOD FOR YOUR KARMA <a href="https://discord.gg/9Gb5tKj">CASH ME ON DISCORD, HOW BOUT DAT?</a> The room is called 1-800-HELP A BROTHA <p><img src="https://steemitimages.com/0x0/https://steemitimages.com/DQmU7BKoLGmyteVDSU2BASBSv5TWtUPoYCLZVVrM7RTaAM7/image.png" width="903" height="633"/></p> <center><p> Logo provided by <a href="https://steemit.com/@daddykirbs">@Daddykirbs</a> </p></center> </html>