XF 2 Tip [JoyFreak] Custom PWA 1.0

[swiss]

swiss submitted a new resource:

[JoyFreak] Custom PWA - Make your PWA feel like a real app.

Open template PAGE_CONTAINER:

Find:

<link rel="manifest" href="{{ base_url('webmanifest.php') }}">

Replace:

<link rel="manifest" href="{{ base_url('webmanifest.json') }}">

1. Download the webmanifest.zip and extract the contents onto your desktop.

2. Open file webmanifest.json with notepad:
Edit all areas that say "EDIT". It's pretty self explanatory and you can use the default webmanifest.php as guidance if you've set it all up in the Admin CP > Setup >...

Read more about this resource...

 

[Gursher]

why its not working in mobile version.. when i click on install but nothing happens ?
any help ??

 

[thomsa]

in xf 2.2.x setup it at /admin.php?pwa/

 

[Gursher]

yes i already setup bro..
can you help me please

 

[sabira]

@ENXF NET help

 

[ENXF NET]

What support do you need?

 

[swiss]

Press f12 > application tab > manifest

check if there is any issues

 

[UltraPyromane]

Which line is:????

<link rel="manifest" href="{{ base_url('webmanifest.php') }

I can't find…

 

[UltraPyromane]

Once again:

I can't find the column where I should replace the code. With me I only find something similar, like:

    <meta name="apple-mobile-web-app-title" content="{{ $xf.options.boardShortTitle ?: $xf.options.boardTitle }}">
    <xf:if is="property('publicIconUrl')">
        <link rel="apple-touch-icon" href="{{ base_url(property('publicIconUrl', true)) }}">
    <xf:elseif is="property('publicMetadataLogoUrl')" />
        <link rel="apple-touch-icon" href="{{ base_url(property('publicMetadataLogoUrl')) }}" />

Could someone tell me where the column with this code is in XF 2.2?

<link rel="manifest" href="{{ base_url('webmanifest.php') }}">

Thanks.

 

[BattleKing]

Once again:

I can't find the column where I should replace the code. With me I only find something similar, like:

    <meta name="apple-mobile-web-app-title" content="{{ $xf.options.boardShortTitle ?: $xf.options.boardTitle }}">
    <xf:if is="property('publicIconUrl')">
        <link rel="apple-touch-icon" href="{{ base_url(property('publicIconUrl', true)) }}">
    <xf:elseif is="property('publicMetadataLogoUrl')" />
        <link rel="apple-touch-icon" href="{{ base_url(property('publicMetadataLogoUrl')) }}" />

Could someone tell me where the column with this code is in XF 2.2?

<link rel="manifest" href="{{ base_url('webmanifest.php') }}">

Thanks.

UltraPyromaneAs mentioned in the page container template.
Best would be to create a template modification

 

[UltraPyromane]

I managed everything, but one more mistake...

Mobile it does not show me the "Install" button, but on the PC under developer tools it is there, how do I get the mobile displayed?