The Shop - PWA eCommerce CMS Documentation
- How to configure PWA(Progressive Web Application)?
- Translate product attribute information & product attribute value information for multiple languages
- Add a product attribute and attribute value
- Translate products for multiple languages
- Add a product category
- Configure the Amazon S3 file system
- Migrate existing uploaded files to s3
- Configure payment methods
- Manage general settings
- Configure the SMTP system
- Configure login with Facebook
- Configure login with Google
- Configure login with Twitter
- Configure Facebook pixel
- Configure Facebook Chat
- Configure Google analytics
- Create a staff role with permission
- Create a staff with a role
- Configure shipping costs
How to configure PWA(Progressive Web Application)?
Answer:
- SSL certificate is required for PWA.
- For changing pwa app icon, color theme, name follow below instruction
- Go to \public\web-assets\img\icons folder in your installation.
- Replace all files(icons & splash images) with your icons, splash images keeping the same resolution, name & extension.
- N.B. Chrome uses a huge cache for these icons. If you change these icons it won’t reflect on the customer installed app. So before customers browsing your site replace those icons, splash images.
- Open manifest.json file in the root of your installation folder.
- "name": "The Shop"
- "short_name": "The Shop"
- "theme_color": "#F5A100"
- "background_color": "#ffffff"
- Change those bold marked content with your app name & color theme
- Open pwa.blade.php in \resources\views\frontend\inc folder of your installation and change
- <meta name="theme-color" content="#F5A100">
- <meta name="application-name" content="The Shop">
- <meta name="apple-mobile-web-app-title" content="The Shop">
- Change those bold marked content with your app name & color theme