How I WAS NOT able to add "Pay with STEEM / SBD" options to a Shopify Store using Steem Connect

View this thread on: d.buzz | hive.blog | peakd.com | ecency.com
·@xtrodinarypilot·
0.000 HBD
How 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 + "&amp;memo=" + order + "&amp;amount=" + steemTotal.toFixed(3).toString().split(".")[0] + "%2E" + steemTotal.toFixed(3).toString().split(".")[1] + "%20STEEM";
    sbdURL   = "https://v2.steemconnect.com/sign/transfer?to=" + steemitAccount + "&amp;memo=" + order + "&amp;amount=" + sbdTotal.toFixed(3).toString().split(".")[0] + "%2E" + sbdTotal.toFixed(3).toString().split(".")[1] + "%20SBD";

    instructions  = "&lt;span&gt;&lt;button class='btn btn-success' style='display: block;width: 100%;' onclick=\"window.open('" + steemURL + "','_blank')\"&gt;Pay " + steemTotal.toFixed(3) + " STEEM&lt;/button&gt;&lt;/span&gt;&lt;br&gt;&lt;br&gt;";
    instructions += "&lt;span&gt;&lt;button class='btn btn-success' style='display: block;width: 100%;' onclick=\"window.open('" + sbdURL + "','_blank')\"&gt;Pay " + sbdTotal.toFixed(3) + " SBD&lt;/button&gt;&lt;/span&gt;";

    if (document.getElementsByClassName('payment-method-list__item__info')[0].innerHTML === 'Pay with STEEM or Steem Dollars —') {
      Shopify.Checkout.OrderStatus.addContentBox(
       '&lt;h1&gt;Select Payment Method&lt;/h1&gt;',
       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>
👍 , , , , , , , , , , , , , , , , , , , , , ,