We have worked on adding gfs checkout widget in our magento checkout page, on desktop chrome browser and other android phones widget is working but we are facing issue on safari browser and iphone, ipad.
Map is not showing at all.
we are getting following javascript errors. please let me know what need to do to fix this issue?
SyntaxError: Cannot declare a parameter named 'textContent' in strict mode
Hi Archana,
It seesms that you're using an old version of checkout widgets. It's best to update to the latest version (1.6.1).
Can you provide more information about macOS & safari version, iPhone and iPad model and iOS?
Reagrds,
Minas
I have updated the latest version
used following command -
bower install https://github.com/GlobalFreightSolutions/gfs-checkout-widget
bower install --save gfs-checkout-widget
is this correct for updating latest version?
following message got when i ran above commends -
Unable to find a suitable version for gfs-checkout-widget, please choose one by typing one of the numbers below:
1) gfs-checkout-widget#*
2) gfs-checkout-widget#^1.2.0 which resolved to 1.5.0 and is required by gfs-droppoint#1.2.1
3) gfs-checkout-widget#^1.3.0 which resolved to 1.6.1 and is required by gfs-store#1.1.0
Prefix the choice with ! to persist it to bower.json
? Answer 3
bower gfs-checkout-widget#^1.3.0 install gfs-checkout-widget#1.6.1
bower mp-calendar#^0.1.8 install mp-calendar#0.1.8
bower fa-awesome#^2.0.1 install fa-awesome#2.0.2
bower neon-animation#^1.0.0 install neon-animation#1.2.5
bower polymer-font-awesome-icons#^4.0.0 install polymer-font-awesome-icons#4.4.0
bower iron-selector#^1.0.0 install iron-selector#1.5.3
bower web-animations-js#^2.2.0 install web-animations-js#2.3.1
Hi Archana,
Here are 3 ways to install/update the elements:
1. Assuming that you already have the elements installed, you can run the "bower install gfs-checkout-widget -F --save", this will force to install the latest available version and avoid all conflicts.
2. You can delete the current bower_components folder and run the "bower install gfs-chekcout-widget --save" to get the latest version and dependencies.
3. Another way is to have a bower.json file that will do the job for you. As you can see in the example below, I have set version 1.3.0 but the "^" will force bower the to get the latest available varsoin 1.x.x.
{
"name": "GFSCheckoutWidgets",
"dependencies": {
"polymer": "^1.10.0",
"gfs-checkout-widget": "^1.3.0"
},
"resolutions": {
"polymer": "^1.10.0"
}
}
As far for the bower install 'gitHubLink' I only use this command if I need a specific branch. With option 2, you'll not have elements that are not used anymore.
Let me know if you still have any problem installing the elements.
Regards,
Minas
Hello Minas,
tried first option, might be installed newer version, but still i am getting same error
bower install gfs-checkout-widget -F --save
bower gfs-checkout-widget#* cached https://github.com/GlobalFreightSolutions/gfs-checkout-widget.git#1.6.1
bower gfs-checkout-widget#* validate 1.6.1 against https://github.com/GlobalFreightSolutions/gfs-checkout-widget.git#*
bower gfs-checkout-widget#^1.2.0 cached https://github.com/GlobalFreightSolutions/gfs-checkout-widget.git#1.6.1
bower gfs-checkout-widget#^1.2.0 validate 1.6.1 against https://github.com/GlobalFreightSolutions/gfs-checkout-widget.git#^1.2.0
bower no-json No bower.json file to save to, use bower init to create one
Testing on Windows 10 safari browser - version 5.1.7
Hi Archana,
The GFS Checkout widgets is build on webcomponents technology. For safari this is supported in 7+. The windows version of Safari is below this minimum requirement and is not supported.
Regards,
Minas
What about iphone?
iphone 6s
iOS 12.1
Hi Archana,
We've tested on iPhone6 with iOS 12 and iPhone 8 with iOS 12.1 and works. So iOS 12.1 is supported on the version that widgets depends on.
Regards,
Minas
When we tested on iphone6 with ios 12.1 its didn't worked.
if there is a check to do in JavaScript to check if it would be supported so we can add a runtime check.
The only device that it's not working for you is an iPhone 6 with iOS 12.1, can u share a demo?
I'm not aware of anything that can check for webcomponents compatibilty.
Regards,
Minas
https://staging6.netpetshop.co.uk/gfscheckout.php
this is our demo link, this is not working on iphone.
Can't access the page, asks for username & pass. If I cancel the login I'm getting 401.
Thanks,
Minas
Sorry i forgot to send htaccess username password.
Please use following username and password
admin/admin_123!
Hi Archana,
I've tested on iPhone 6 iOS 12.1.1 and working fine, it's slow but I saw the results, have to wait ~30 sec the first time.
Also wokring fine on iPhone 6 iOS 11, iPhone 8 (12.1), iPhone X (12).
Never the less, can you try changing the webcomponents.js in the gfsCheckout.php page with the lite verions (webcomponents-lite.js) and try again, it might crashing this?
Regards,
Minas
Hello Minas,
Thanks for your reply.
