Contacts For Less US: WooCommerce Storefront Development

boltA notable problem

Contact lenses need a prescription, and the US store sat next to a Canadian store that shared much of the same code. The US shop had to behave differently from the Canadian one in small but important ways, for example the labels at checkout, the tax and address details, and how a customer supplies a prescription, without splitting the code into two projects that drift apart.

buildWhat I did

• I developed the US storefront, starting from the code base shared with the Canadian site.
• I set up a shared locale setting and a theme settings page, so the same code can serve the US and Canadian stores.
• I added a pop-up on first visit that points shoppers to the right store.
• I made the check that remembers a visitor’s choice work in privacy-focused browsers.
• I built the prescription form: it stores each submission, emails the shop, includes clinic and optometrist details, and can be switched on or off in settings.
• I moved the prescription form into the checkout.
• I improved the checkout: the cart refreshes by itself, state and zip labels change with the country, and the state field is required.
• I added a replacement fee options page.
• I tidied the code: I folded the code from a plugin that stored code snippets into the theme itself, removed an unused plugin, and kept plugins current for PHP 8.
• I authored the site’s releases.

check_circleThe result

A US storefront where customers can supply their prescription as part of buying, with checkout fields that fit the country. The site is live at contactsforless.com as a sister site to the Canadian site contactsforless.ca.

widgetsTools I used, in plain words