Top

Test Cashier before Enabling it

When Bold Cashier is enabled in the General Settings of the app, all purchases will go from the online store cart page into the Cashier checkout. When Cashier is disabled or turned off, purchases will go through Shopify's regular checkout. Visit Enable Cashier for detailed instructions.

There are two methods to get an order to go to the Cashier checkout. When Cashier is disabled, testing on an unpublished theme or using a bookmarklet. Select an option to view step-by-step instructions.

  1. Duplicate themes, to create a backup copy.
  2. From "Shopify Admin", select Online Store.

    select online store 

  3. Select Actions.

    Actions 

  4. Select Edit code.

    Edit code 

  5. Under "Layout", select theme.liquid.

    select theme.liquid 

  6. Find this code:
    {% content_for_header %}
    or
    {% section 'header' %}

    find this code 

  7. Copy and paste this code directly after it:
    {% include 'bold-checkout-loader' %}

    copy and paste this code directly after it 

  8. Select Save.

     select save

  9. Under "Snippets", look for bold-checkout-loader.liquid, if it already exists, skip the remaining steps.

    look for bold-checkout-loader.liquid 

  10. If the file doesn't exist, select Add a new snippet.

    select add a new snippet 

  11. Enter bold-checkout-loader.liquid in the "Create a snippet called" field.

    enter bold-checkout-loader.liquid 

  12. Select Create snippet.

    select create a snippet 

  13. Copy and paste this code into the snippet file bold-checkout-loader.liquid.

    copy and paste this code 

  14. Select Save.

    select save 

That's it!

  1. In "Google Chrome", select the Verticle Elipsis.

    select the vertical elipsis 

  2. Select Bookmarks.

     select bookmarks

  3. Select Bookmark manager.

    select bookmark manager 

  4. Select the Verticle Elipsis on the "Bookmarks" bar.

    select the vertical elipsis 

  5. Select Add new bookmark.

    select add a new bookmark 

  6. Enter a Name (i.e. Cashier Tester).

    enter a name 

  7. Copy and paste the JavaScript into the URL field.
    javascript:"undefined"==typeof BOLD&&(BOLD={}),BOLD.checkout={getCookie:function(t){var e="; "+document.cookie,c=e.split("; "+t+"=");return 2===c.length?c.pop().split(";").shift():void 0},getPath:function(t){var e=document.createElement("a");return e.href=t,e.pathname},isCheckoutButton:function(t){if(t.form){var e=t.form.getAttribute("action");if(-1!==e.search(/^\/checkout\b/))return!0;if(-1!==e.search(/^\/cart\b/)&&"checkout"===t.getAttribute("name"))return!0;var c=BOLD.checkout.getPath(e);if(-1!==c.search(/^\/checkout\b/))return!0;if(-1!==c.search(/^\/cart\b/)&&"checkout"===t.getAttribute("name"))return!0}return!1},listenerFn:function(t){if(BOLD.checkout.isCheckoutButton(t.target)){t.target.form.action="/apps/checkout/begin-checkout?shop="+Shopify.shop;var e=BOLD.checkout.getCookie("cart"),c=document.createElement("INPUT");c.type="HIDDEN",c.name="cart_id",c.value=e,t.target.form.appendChild(c),BOLD&&BOLD.common&&"function"==typeof BOLD.common.eventEmitter&&BOLDCURRENCY&&BOLD.common.eventEmitter.emit("BOLD_CASHIER_checkout",{target:t.target.form})}},enable:function(){document.addEventListener("click",BOLD.checkout.listenerFn)},disable:function(){document.removeEventListener("click",BOLD.checkout.listenerFn)}},function(){BOLD.checkout.enable()}();

    copy and paste this code in the URL field 

  8. Select Save.

    select Save 

That's it!

Next Steps:

Blog Posts: