Overview:
The purchase order button allows your customers to request a purchase order. This button can be placed anywhere on the site but is generally placed on the cart page.
Here it is near the bottom left of the cart page:
Tutorial:
We will need to make minor edits to the theme in order to install the button. To edit your theme, first login to your Shopify admin. Once logged in navigate to Online Store in the left sidebar:
We will now make a backup of the main theme. Click Actions (for the top main theme):
Then click Duplicate.
A backup has now been made lower in the list of themes:
We will now edit the main theme. This will be editing your live website. If you need to preview before making it live, we recommend editing and previewing the copy of your theme, then making that copy live.
To edit the main theme, click Actions again:
Then click Edit Code:
You will now be in the Theme editor:
Click cart.liquid in the left bar (under Templates):
Your cart.liquid may have the actual content of the cart and look something like this:
Or it will be much shorter and look something like this:
If this is the case, in the left sidebar scroll down to the section titled Sections and select cart-template:
From here you can place it anywhere on the cart page. We suggest somewhere near the submit button.
Here is our snippet for the button:
<a href="#" style="display:none;" class="save-purchase-order-w3" data-customer-id="{{ customer.id }}" data-customer-email="{{ customer.email | escape }}"></a>
To find the cart submit button, type Ctrl + F on the keyboard (at the same time):
A search box will appear in the top right. Search for "checkout" in the search box. Place the snippet near the Checkout button (your checkout button may be different and the search may not find it). Here is an example:
You can also play with the position by moving it around. Just be careful to avoid creating invalid HTML.
At this point your button should be visible in the cart:
If you have any trouble installing the button, shoot us a support ticket by emailing support@w3trends.com with the details.
Click below to download this PDF: