International Shipping Redirection to Shopify

Issue: Facilitating international orders on Shopify poses a challenge due to Shopflo's limitation of processing orders solely in INR currency.

Solution: Below are the steps for configuring a solution, which you can share with your developers:

  1. Access your Shopify Dashboard.
  2. Navigate to Online Store and download the theme file by clicking on the three dots icon, as illustrated below. The theme file will be sent to you via email.

  1. Download and extract the theme file.

  1. Open the extracted file in VS Code.
  1. Locate the "theme.liquid" file and insert the following code snippet just above the "</body>" tag: Click here to see the code file

6. Search for handleFloCheckoutBtn() and replace it with openCheckout()

  1. Search for flo-buy-now-button and comment the already existing code as shown in video and replace it with below code

<button type="button" style="display: none;" id="flo-buy-now-button" onclick="handleFloBuyNowBtn(event)" class="shopify-payment-button__button shopify-payment-button__button--unbranded" name="flo-buy-now-button">
 {{ 'BUY IT NOW' }}
</button>
<div id="shopify_buy_now_button_wrapper" style="display: none;">
 {{ form | payment_button }}
</div>

Testing the Setup: Follow the steps outlined in the video tutorial. Additionally, use the provided code to check the current timezone in the console.

Intl.DateTimeFormat().resolvedOptions().timeZone