| Both sides previous revisionPrevious revisionNext revision | Previous revision |
| integration:craftyclicks [2019/04/29 23:02] – [Crafty Clicks Address Validation] adam | integration:craftyclicks [2022/03/09 10:16] (current) – [Step 2: Add custom code] adam |
|---|
| supports-foxycart-version-from : 2.0 # Minimum required FoxyCart version for this to work | supports-foxycart-version-from : 2.0 # Minimum required FoxyCart version for this to work |
| supports-foxycart-version-to : # Last FoxyCart version that supports this (leave empty if unknown) | supports-foxycart-version-to : # Last FoxyCart version that supports this (leave empty if unknown) |
| systems : crafty clicks # the system(s) that the integration is for, separated with commas if more than one | systems : crafty clicks, fetchify # the system(s) that the integration is for, separated with commas if more than one |
| name : Crafty Clicks # the name of the integration | name : Crafty Clicks # the name of the integration |
| description : Add Crafty Clicks address lookup and validation to your checkout | description : Add Fetchify's address lookup and validation to your checkout |
| tags_tags : address lookup, address validation # tags, separated by commas. don't include the "system" here. | tags_tags : address lookup, address validation # tags, separated by commas. don't include the "system" here. |
| date_dt : 2018-11-15 # the date in YYYY-MM-DD format | date_dt : 2018-11-15 # the date in YYYY-MM-DD format |
| version : 1.0 # if you have a version for your code, enter it here | version : 1.0 # if you have a version for your code, enter it here |
| developer_url : https://craftyclicks.co.uk/?affiliate=foxy # if you'd like a link back to your site, stick it here | developer_url : https://fetchify.com/?affiliate=foxy # if you'd like a link back to your site, stick it here |
| ---- | ---- |
| |
| |
| |
| ====== Crafty Clicks Address Validation ====== | ====== Fetchify Address Validation ====== |
| |
| {{:integration:cc_logo_x.png?nolink&500|}} | {{:integration:cc_logo_x.png?nolink&500|}} |
| |
| The following integration adds address autocompletion and validation using Crafty Clicks Address Auto-Complete solution, with support for over 240 countries. | The following integration adds address autocompletion and validation using Fetchify's Address Auto-Complete solution, with support for over 240 countries. |
| |
| This is how it looks in action: | This is how it looks in action: |
| |
| {{:integration:crafty-clicks-cropped-cut-optimized.gif|Animation of the address autocompleting.}} | {{:integration:crafty-clicks-cropped-cut-350w.gif|Animation of the address autocompleting}} |
| |
| | <note>For U.S. addresses, the +4 zip code will be entered in the Foxy checkout zip code field.</note> |
| ===== Requirements ===== | ===== Requirements ===== |
| |
| * Foxy 2.0 | * Foxy 2.0 |
| * [[https://craftyclicks.co.uk/?affiliate=foxy|Craft Clicks account]] | * [[https://fetchify.com/?affiliate=foxy|Fetchify account]] |
| |
| ===== Installation ===== | ===== Installation ===== |
| |
| ==== Step 1: Signup with Crafty Clicks ==== | ==== Step 1: Signup with Fetchify ==== |
| |
| This integration requires an account with Crafty Clicks, which you can sign up for on their website at https://craftyclicks.co.uk | This integration requires an account with Fetchify, which you can sign up for on their website at https://fetchify.com |
| |
| ==== Step 2: Add custom code ==== | ==== Step 2: Add custom code ==== |
| var cc_search_again = 'Search Again'; | var cc_search_again = 'Search Again'; |
| | |
| // Foxy + CraftyClicks 2018-11-14 | // Foxy + CraftyClicks 2022-03-09 |
| var cc_countryList=[];$('[data-fc-id$="_country"]:first option').each(function(){""!=this.value&&cc_countryList.push(this.value)});function cc_Hide_Fields(a,b){$("#"+a+"_address1").closest(".fc-address-entry__address-container").hide(b);$("#"+a+"_postal_code").closest(".fc-form-group--postal-code").hide(b);$("#"+a+"_c2a_retry").hide(b);$("#"+a+"_c2a_manual").show(b);$("#"+a+"_search_bar").show(b)} | var cc_countryList=[];function cc_Hide_Fields(c,e){$("#"+c+"_address1").closest(".fc-address-entry__address-container").hide(e),$("#"+c+"_postal_code").closest(".fc-form-group--postal-code").hide(e),$("#"+c+"_c2a_retry").hide(e),$("#"+c+"_c2a_manual").show(e),$("#"+c+"_search_bar").show(e)}function cc_Reveal_Fields(c,e){$("#"+c+"_address1").closest(".fc-address-entry__address-container").show(e),$("#"+c+"_postal_code").closest(".fc-form-group--postal-code").show(e),$("#"+c+"_c2a_manual").hide(e),cc_Hide_Search(c,e)}function cc_Hide_Search(c,e){$("#"+c+"_c2a_manual").hide(e),$("#"+c+"_search_bar").hide(e),$("#"+c+"_c2a_retry").show(e)}function cc_Reveal_Search(c,e){$("#"+c+"_c2a_retry").hide(e),$("#"+c+"_search_bar").show(e,(function(){$(this).focus()}))}function cc_Add(c){"true"!==$("#"+c+"_address1").attr("cc_applied")&&(cc_Search&&($("#"+c+"_address1").closest(".fc-address-entry__address-container").before('<div class="fc-form-group fc-address-entry__search-container"><div class="fc-container__grid--input--address1 col-xs-12 col-sm-8 col-sm-offset-3"><label for="search-bar" class="fc-form-label fc-form-label--billing-address1">Address Search</label><input type="text" id="'+c+'_search_bar" name="'+c+'_search_bar" value="" placeholder="Address Search" class="fc-form-control" style="width:100%"><p id="'+c+'_c2a_manual" style="cursor: pointer; margin-bottom: 0px; margin-top: 1em; font-size: 0.8125em;">'+cc_enter_address_manually+'</p><p id="'+c+'_c2a_retry" style="cursor: pointer; margin-bottom: 0px; margin-top: 1em; font-size: 0.8125em; display:none;">'+cc_search_again+"</p></div></div>"),$("#"+c+"_c2a_manual").on("click",(function(){cc_Reveal_Fields(c,200)})),$("#"+c+"_c2a_retry").on("click",(function(){cc_Reveal_Search(c,200)}))),cc.attach({search:cc_Search?c+"_search_bar":c+"_address1",line_1:c+"_address1",line_2:c+"_address2",company:c+"_company",town:c+"_city",postcode:c+"_postal_code"},{onResultSelected:function(e,a,_){$('[data-fc-id="'+c+'_country"]').val()!=_.country.iso_3166_1_alpha_2&&$('[data-fc-id="'+c+'_country"]').val(_.country.iso_3166_1_alpha_2).change(),"INPUT"===$('[data-fc-id="'+c+'_region"]')[0].nodeName?$('[data-fc-id="'+c+'_region"]').val(_.province_name).trigger("focusout"):($('[data-fc-id="'+c+'_region"]').val(_.province_code).trigger("focusout"),$('[data-fc-id="'+c+'_region_name"]').val(_.province_name)),$("#"+c+"_postal_code").val(_.postal_code).trigger("focusout"),$("#"+c+"_address1").val(_.line_1).trigger("focusout"),$("#"+c+"_address2").val(_.line_2).trigger("focusout"),$("#"+c+"_city").val(_.locality).trigger("focusout").trigger("change"),cc_Hide&&cc_Search&&cc_Reveal_Fields(c,200)}}),cc_Search&&cc_Hide?""==$("#"+c+"_address1").val()&&""==$("#"+c+"_city").val()?cc_Hide_Fields(c,0):cc_Reveal_Fields(c,0):cc_Search&&($("#"+c+"_c2a_manual").hide(),""==$("#"+c+"_address1").val()&&""==$("#"+c+"_city").val()?cc_Reveal_Search(c,0):cc_Hide_Search(c,0)))}function cc_Init(c){if("enabled"!=FC.json.config.template_config.postal_code_lookup.usage){var |
