Glossary Item Box

Squirrelcart v6.1.0

Address Form Settings

The Address Form Settings page controls which fields will be shown on account and address forms, and which of those fields will be required.

 

Opening the Address Form Settings Page
  1.  Open the control panel
  2. Click the Address Form Settings menu link
     

Countries and States/Provinces

This section gives you access to country and state/province settings. To manage countries, click the Countries table link. To manage states/provinces, click the States table link.

Default Country - this is the default selected value for the Country field.

Move Default to Top - when checked, the default country appears at the top of the list in all country fields.

Account Form

This section controls the account form, used to create and modify a user account in your storefront.

Check the box next to a field name to have it appear on this form. You can then change the label for that field using the Label field that appears to the right of the field. Checking Required makes the field a required field.

 

The Account Agreement field allows you to assign an agreement that will appear on the account form. See the Sales Agreement topic for more information.


Address Form

The Address Form section of this page works just like the Account Form section, and controls the address form seen during checkout.

The Address Agreement field allows you to assign an agreement that will appear on the address form during checkout. See the Sales Agreement topic for more information.

Address Auto Completion With Google Maps JavaScript API

Squirrelcart has built-in support for auto completing address fields via Google Maps JavaScript API.

How it Works

When enabled, as the customer types in the street field they will see suggested addresses:

When they select an address, the address fields will automatically be populated using the selected address.

Pricing

Most users can use Google Maps JavaScript API free of charge. Usage and pricing for high volume is explained here:

https://developers.google.com/maps/documentation/javascript/usage

 

To use the API, you will need to obtain an API key which can be used to track your usage and authenticate your account.

How to Enable

  1. Go to Google Developers Console.
  2. Select a project, or create a new one.
  3. In the sidebar on the left, expand APIs & auth.
  4. Next, click APIs.
  5. Select the Enabled APIs link in the API section to see a list of all your enabled APIs. Make sure that the Google Maps JavaScript API is on the list of enabled APIs. If you have not enabled it, select the API from the list of APIs, then select the Enable API button for the API.
  6. In the sidebar on the left, select CredentialsIf your project doesn't already have a Key for Browser Applications, create an API key by selecting Create new Key and then selecting Browser key.

    To prevent someone from using your key, add your domain to this field:

    Accept requests from these HTTP referrers (web sites) (Optional)
  7. Open the Address Form Settings page in your Squirrelcart control panel:
  8. Locate the Google Maps fieldset:
  9. Check Auto Complete
  10. Enter your Google Maps API Key
  11. Click Save Changes
  12. Open any address form in the storefront, and type in the Street field to test.

 

 


© 2001-2017 Lighthouse Development. All Rights Reserved.