{"id":326,"date":"2016-04-26T13:46:41","date_gmt":"2016-04-26T02:46:41","guid":{"rendered":"https:\/\/shardsofarcadia.com\/?page_id=326"},"modified":"2016-08-18T05:58:26","modified_gmt":"2016-08-17T19:58:26","slug":"shopping-cart-2","status":"publish","type":"page","link":"https:\/\/shardsofarcadia.com\/?page_id=326","title":{"rendered":"Shopping Cart"},"content":{"rendered":"<script type=\"text\/javascript\">\n    jQuery(function($){\n        var cart = new Ngg_Pro_Cart.Views.Cart();\n    });\n<\/script>\n<script type=\"text\/template\" id=\"ngg_pro_cart_item_tmpl\">\n    <td class='thumbnail_column ngg_pro_cart_image_column'>\n    \t<div class=\"thumbnail-container\">\n        <img src=\"{image.thumbnail_url}\" width=\"{image.width}\" height=\"{image.height}\" alt=\"{image.alttext}\" title=\"{image.alttext}\" data-fullSrc=\"{image.full_url}\" \/>\n      <\/div>\n        <input type=\"hidden\" name=\"items[{item.image_id}][{item.id}][crop_offset]\" value=\"{item.crop_offset}\" \/>\n    <\/td>\n    <td class='quantity_column'>\n        <div class=\"nggpl-quantity_field_wrapper\">\n            <i class=\"fa fa-minus\"\/>\n            <input type='number' min='0' name='items[{item.image_id}][{item.id}][quantity]' value='{item.quantity}' class='nggpl-quantity_field'\/>\n            <i class=\"fa fa-plus\"\/>\n        <\/div>\n        <a class='ngg_pro_delete_item' href='#'>\n            <i class='fa fa-times-circle'><\/i>\n        <\/a>\n    <\/td>\n    <td class='title_column'>{item.title}<br\/>{image.filename}<br\/><a class=\"ngg-btn-action ngg-edit-crop\" href=\"#\">Edit Crop<\/a><\/td>\n    <td class='price_column'>{item.price_formatted}<\/td>\n    <td class='subtotal_column'>\n        <span>{item.subtotal_formatted}<\/span>\n    <\/td>\n<\/script>\n<form id=\"ngg_pro_checkout\" action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F326\" method=\"post\">\n\t\t<div id=\"ngg_crop_ui\" class=\"ngg-crop-ui ngg-crop-root\" style=\"display:none;\">\n\t\t\t<div class=\"crop-container\">\n\t\t\t\t<div class=\"crop-canvas\">\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"crop-controls\"><div class=\"crop-buttons\"><button class=\"ngg_pro_btn crop-button-close\">Save Crop<\/button><\/div><\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n        <div id=\"ngg_pro_links_wrapper\">\n                <a class='ngg_pro_btn' href=\"javascript:Ngg_Pro_Cart.get_instance().empty_cart();window.location.reload();\">Empty cart<\/a>\n    <\/div>\n    <table class='ngg_pro_cart_items'>\n\t\t    <thead>\n\t\t    <tr class=\"header\">\n\t\t        <th class=\"thumbnail_column\">Image<\/th>\n\t\t        <th class=\"quantity_column\">Quantity<\/th>\n\t\t        <th class=\"title_column\">Description<\/th>\n\t\t        <th class=\"price_column\">Price<\/th>\n\t\t        <th class=\"subtotal_column\">Totals<\/th>\n\t\t    <\/tr>\n\t\t    <\/thead>\n        <tbody class=\"ngg_pro_cart_images\">\n        <\/tbody>\n        <tfoot>\n            <tr id=\"ngg_pro_no_items\">\n                <td colspan=\"5\">There have been no items added to your cart.<\/td>\n            <\/tr>\n                        <tr id=\"ngg_pro_cart_coupon_tr\">\n                <td colspan=\"5\">\n                    <input type=\"hidden\" name=\"coupon\" id=\"ngg_pro_cart_coupon_hidden_field\"\/>\n                    <input type=\"text\" value=\"\" id=\"ngg_pro_cart_coupon_field\" placeholder=\"Coupon code\"\/>\n                    <button value=\"Apply\" id='ngg_pro_cart_coupon_apply' class=\"ngg_pro_btn\">Apply<\/button>\n                    <br\/>\n                    <div id=\"ngg_pro_cart_coupon_notice\">Coupon has been applied<\/div>\n                    <div id=\"ngg_pro_cart_coupon_errors\"><\/div>\n                <\/td>\n            <\/tr>\n                        <tr id=\"ngg_pro_cart_fields\">\n            \t<td colspan=\"5\">\n                    <table class=\"ngg-cart-shipping-fields\">\n                                                    <tr class=\"ngg-shipping-field ngg-field-name\">\n                                <td class=\"ngg-field-label\">\n                                    <label for=\"ngg_shipping_field_name\">Full Name<\/label>\n                                <\/td>\n                                <td class=\"ngg-field-input\" colspan=\"3\">\n                                    <input type=\"text\" name=\"settings[shipping_address][name]\" placeholder=\"Full Name\" id=\"ngg_shipping_field_name\" \/>                                <\/td>\n                            <\/tr>\n                                                    <tr class=\"ngg-shipping-field ngg-field-email\">\n                                <td class=\"ngg-field-label\">\n                                    <label for=\"ngg_shipping_field_email\">Email<\/label>\n                                <\/td>\n                                <td class=\"ngg-field-input\" colspan=\"3\">\n                                    <input type=\"text\" name=\"settings[shipping_address][email]\" placeholder=\"Email\" id=\"ngg_shipping_field_email\" \/>                                <\/td>\n                            <\/tr>\n                                                    <tr class=\"ngg-shipping-field ngg-field-street_address\">\n                                <td class=\"ngg-field-label\">\n                                    <label for=\"ngg_shipping_field_street_address\">Address Line 1<\/label>\n                                <\/td>\n                                <td class=\"ngg-field-input\" colspan=\"3\">\n                                    <input type=\"text\" name=\"settings[shipping_address][street_address]\" placeholder=\"Address Line 1\" id=\"ngg_shipping_field_street_address\" \/>                                <\/td>\n                            <\/tr>\n                                                    <tr class=\"ngg-shipping-field ngg-field-address_line\">\n                                <td class=\"ngg-field-label\">\n                                    <label for=\"ngg_shipping_field_address_line\">Address Line 2<\/label>\n                                <\/td>\n                                <td class=\"ngg-field-input\" colspan=\"3\">\n                                    <input type=\"text\" name=\"settings[shipping_address][address_line]\" placeholder=\"Address Line 2\" id=\"ngg_shipping_field_address_line\" \/>                                <\/td>\n                            <\/tr>\n                                                    <tr class=\"ngg-shipping-field ngg-field-city\">\n                                <td class=\"ngg-field-label\">\n                                    <label for=\"ngg_shipping_field_city\">City<\/label>\n                                <\/td>\n                                <td class=\"ngg-field-input\" colspan=\"3\">\n                                    <input type=\"text\" name=\"settings[shipping_address][city]\" placeholder=\"City\" id=\"ngg_shipping_field_city\" \/>                                <\/td>\n                            <\/tr>\n                                                    <tr class=\"ngg-shipping-field ngg-field-country\">\n                                <td class=\"ngg-field-label\">\n                                    <label for=\"ngg_shipping_field_country\">Country<\/label>\n                                <\/td>\n                                <td class=\"ngg-field-input\" colspan=\"3\">\n                                    <select name=\"settings[shipping_address][country]\" class=\"shipping_country\" placeholder=\"Country\" id=\"ngg_shipping_field_country\"><\/select><div style=\"display:none\" id=\"unshippable_notice\">We&#039;re sorry, but one or more items you&#039;ve selected cannot be shipped to this country.<\/div>                                <\/td>\n                            <\/tr>\n                                                    <tr class=\"ngg-shipping-field ngg-field-state\">\n                                <td class=\"ngg-field-label\">\n                                    <label for=\"ngg_shipping_field_state\">State \/ Region<\/label>\n                                <\/td>\n                                <td class=\"ngg-field-input\" colspan=\"3\">\n                                    <input type=\"text\" data-name=\"settings[shipping_address][state]\" class=\"shipping_state\" placeholder=\"State \/ Region\" data-id=\"ngg_shipping_field_state\" \/>\n                                <\/td>\n                            <\/tr>\n                                                    <tr class=\"ngg-shipping-field ngg-field-zip\">\n                                <td class=\"ngg-field-label\">\n                                    <label for=\"ngg_shipping_field_zip\">Postal Code<\/label>\n                                <\/td>\n                                <td class=\"ngg-field-input\" colspan=\"3\">\n                                    <input type=\"text\" name=\"settings[shipping_address][zip]\" placeholder=\"Zip \/ Postal Code\" id=\"ngg_shipping_field_zip\" \/>                                <\/td>\n                            <\/tr>\n                                                    <tr class=\"ngg-shipping-field ngg-field-phone\">\n                                <td class=\"ngg-field-label\">\n                                    <label for=\"ngg_shipping_field_phone\">Phone<\/label>\n                                <\/td>\n                                <td class=\"ngg-field-input\" colspan=\"3\">\n                                    <input type=\"tel\" name=\"settings[shipping_address][phone]\" placeholder=\"Phone\" id=\"ngg_shipping_field_phone\" \/>                                <\/td>\n                            <\/tr>\n                                            <\/table>\n            \t<\/td>\n            <\/tr>\n            <tr id=\"ngg_pro_cart_subitems\">\n                <td colspan=\"5\">\n                    <div id=\"ngg_pro_cart_subitems_wrapper\">\n                        <div id=\"ngg_pro_cart_subitems_overlay\">\n                            <i class='fa fa-spin fa-spinner'><\/i>\n                        <\/div>\n                        <table>\n                            <tr id=\"ngg_pro_cart_coupon_undiscounted_subtotal_tr\">\n                                <th class=\"combined_column\" colspan=\"4\"><label>Subtotal before discount:<\/label><\/th>\n                                <th id=\"nggpl-undiscounced_subtotal_field\"><\/th>\n                            <\/tr>\n                            <tr id=\"ngg_pro_cart_coupon_discount_amount_tr\">\n                                <th class=\"combined_column\" colspan=\"4\"><label>Discount:<\/label><\/th>\n                                <th id=\"nggpl-discount_amount_field\"><\/th>\n                            <\/tr>\n                            <tr>\n                                <th class='combined_column' colspan=\"4\"><label>Subtotal:<\/label><\/th>\n                                <th id=\"nggpl-subtotal_field\">$0.00<\/th>\n                            <\/tr>\n                            <tr id=\"ship_via_row\">\n                                <th class=\"combined_column\" colspan=\"4\"><label>Ship via:<\/label><\/th>\n                                <th id=\"nggpl-ship_via_field\">\n                                    <input\n                                        class='ngg_pro_btn'\n                                        type=\"button\"\n                                        id=\"recalculate\"\n                                        value=\"Update&nbsp;shipping&nbsp;&amp;&nbsp;taxes\"\n                                        style=\"display: none !important;\"\n                                    \/>\n                                    <select name=\"settings[shipping_method]\">\n                                    <\/select>\n                                <\/th>\n                            <\/tr>\n                            <tr id=\"shipping_field_row\">\n                                <th class='combined_column' colspan=\"4\"><label>Shipping:<\/label><\/th>\n                                <th id=\"nggpl-shipping_field\">$0.00<\/th>\n                            <\/tr>\n                                                        <tr id=\"tax_field_row\">\n                                <th class='combined_column' colspan=\"4\"><label>Tax:<\/label><\/th>\n                                <th id=\"nggpl-tax_field\">$0.00<\/th>\n                            <\/tr>\n                                                        <tr>\n                                <th class='combined_column' colspan=\"4\"><label>Total:<\/label><\/th>\n                                <th id=\"nggpl-total_field\">$0.00<\/th>\n                            <\/tr>\n                        <\/table>\n                    <\/div>\n                <\/td>\n            <\/tr>\n        <\/tfoot>\n    <\/table>\n    <div id=\"ngg_pro_checkout_buttons\">\n                    <a href=\"javascript:void(0)\"\n   id=\"ngg_paypal_standard_button\"\n   data-processing-msg=\"Processing...\"\n   data-submit-msg=\"Pay with PayPal\"\n   class=\"ngg_pro_btn paypal\">Pay with PayPal<\/a>\n<script type=\"text\/javascript\">\n    jQuery(function($){\n       function create_field(name, value){\n           return $('<input\/>').attr({\n              name: name,\n              value: value,\n              type: 'hidden'\n           });\n       };\n\n       $('#ngg_paypal_standard_button').click(function(e){\n           e.preventDefault();\n\n\t       \tvar $button = $(this);\n\t\t      if ($button.attr('disabled'))\n\t\t      \treturn;\n\n\t       $button.attr('disabled', 'disabled');\n\n\t       \/\/ Change the text of the button to indicate that we're processing\n\t       $button.text($button.attr('data-processing-msg'));\n\n           \/\/ Create temporary order\n           var post_data = $('#ngg_pro_checkout').serialize();\n           post_data += \"&action=paypal_standard_order\";\n           $.post(photocrati_ajax.url, post_data, function(response){\n               if (typeof(response) != 'object') {\n                   response = JSON.parse(response);\n               }\n\n               \/\/ If there's an error display it\n               if (typeof(response.error) != 'undefined') {\n                   $button.removeAttr('disabled');\n\t               \t $button.text($button.attr('data-submit-msg'));\n                   alert(response.error);\n               }\n\n               \/\/ Send the order to PayPal\n               else {\n                   \/\/ Create paypal form\n                   var $form = $('<form\/>').attr({\n                       action: 'https:\/\/www.sandbox.paypal.com\/cgi-bin\/webscr',\n                       method: 'POST'\n                   });\n\n                   \/\/ Modify return url\n                   var return_url = 'https:\/\/shardsofarcadia.com\/?ngg_pstd_rtn=1';\n                   if (return_url.indexOf('?') == -1)\n                       return_url += '?order='+ response.order;\n                   else\n                       return_url += '&order='+ response.order;\n\n                   \/\/ Modify the cancel url\n                   var cancel_url = 'https:\/\/shardsofarcadia.com\/?ngg_pstd_cnl=1';\n                   if (cancel_url.indexOf('?') == -1)\n                       cancel_url += '?order='+ response.order;\n                   else\n                       cancel_url += '&order='+ response.order;\n                       \n                   console.log(response);\n\n                   $form.append(create_field('cmd', '_cart'));\n                   $form.append(create_field('upload', 1));\n                   $form.append(create_field('invoice', response.order));\n                   $form.append(create_field('custom', response.order));\n                   $form.append(create_field('bn', 'NextGENGallery_BuyNow_WPS_US'));\n                   $form.append(create_field('currency_code', 'AUD'));\n                   $form.append(create_field('business', 'craig.m@shardsorarcadia.com'));\n                   $form.append(create_field('shopping_url', ''));\n                   $form.append(create_field('return', return_url));\n                   $form.append(create_field('cancel_return', cancel_url));\n                   $form.append(create_field('notify_url', 'https:\/\/shardsofarcadia.com\/?ngg_pstd_nfy=1'));\n                   $form.append(create_field('amount', response.total));\n                   \n                   if (response.shipping_enabled) {\n                   \t$form.append(create_field('address_override', '1'));\n                   \t$form.append(create_field('address1', response.shipping_street_address));\n                   \t$form.append(create_field('address2', response.shipping_address_line));\n                   \t$form.append(create_field('city', response.shipping_city));\n                   \t$form.append(create_field('country', response.shipping_country));\n                   \t$form.append(create_field('state', response.shipping_state));\n                   \t$form.append(create_field('zip', response.shipping_zip));\n                   }\n                   else {\n                   \t$form.append(create_field('no_shipping', '1'));\n                   }\n\n                   \/\/ For coupons\n                   if ('undefined' != response.discount_amount_cart)\n                       $form.append(create_field('discount_amount_cart', response.discount_amount_cart));\n                   if ('undefined' != response.discount_rate_cart)\n                       $form.append(create_field('discount_rate_cart', response.discount_rate_cart));\n\n                   \/\/ Add items\n                   var item_number = 1;\n                   Ngg_Pro_Cart.get_instance().each(function(image){\n                       image.get('items').each(function(item){\n                           $form.append(create_field('amount_'+item_number, item.get('price')));\n                           $form.append(create_field('quantity_'+item_number, item.get('quantity')));\n                           $form.append(create_field('item_name_'+item_number, item.get('title')+ ' \/ ' + image.get('alttext')));\n                           $form.append(create_field('item_number_'+item_number, image.get('filename')));\n                           item_number++;\n                       });\n                   });\n\n                   $form.append(create_field('handling_cart', Ngg_Pro_Cart.get_instance().shipping));\n                   $form.append(create_field('tax_cart', Ngg_Pro_Cart.get_instance().tax));\n\n                   \/\/ Submit the form\n                   $('body').append($form);\n                   $form.submit();\n               }\n           });\n       });\n    });\n<\/script>\n                    <a href=\"javascript:void(0)\"\n   id=\"ngg_free_button\"\n   data-processing-msg=\"Processing...\"\n   data-submit-msg=\"Free checkout\"\n   class=\"ngg_pro_btn\">Free checkout<\/a>            <\/div>\n<\/form>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0},"_links":{"self":[{"href":"https:\/\/shardsofarcadia.com\/index.php?rest_route=\/wp\/v2\/pages\/326"}],"collection":[{"href":"https:\/\/shardsofarcadia.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shardsofarcadia.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shardsofarcadia.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shardsofarcadia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=326"}],"version-history":[{"count":1,"href":"https:\/\/shardsofarcadia.com\/index.php?rest_route=\/wp\/v2\/pages\/326\/revisions"}],"predecessor-version":[{"id":1470,"href":"https:\/\/shardsofarcadia.com\/index.php?rest_route=\/wp\/v2\/pages\/326\/revisions\/1470"}],"wp:attachment":[{"href":"https:\/\/shardsofarcadia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=326"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}