Existing Magento 2 setup
The ScandiPWA theme integrates seamlessly with Magento
Last updated
Was this helpful?
The ScandiPWA theme integrates seamlessly with Magento
Last updated
Was this helpful?
You might want to install ScandiPWA as a Magento theme (without using ) β and this is supported out of the box! You can install the theme as a local composer module, continuously build it, and Magento will be able to recognize it as a valid Magento theme. Then, you will be able to select your ScandiPWA-based theme in the Magento configuration.
Make sure that you have a ! Also, make sure your server is configured to point into <MAGENTO ROOT>/pub
directory.
You can instal Node using (recommended) or the .
In Magento admin go to Stores > Configuration > Advanced > System > Full Page Cache. Make sure the Varnish Cache
is selected in the dropdown, varnish configuration has proper values set in it.
If it is not, please follow to set it up.
If it is not installed, please follow to obtain it.
We recommend you keep your theme source in a src/localmodules
directory. You will then be able to configure composer to install the theme from here as a local module.
Build or start the application in Magento mode:
First, we add our theme as a local repository source. This will alter composer.json
to add a new item in the repositories
field:
Next, we install our theme by using require
. This will resolve the package to the localmodules directory we configured above:
For improved ScandiPWA query caching to work, you must configure scandipwa/persisted-query
. For convenience, there are additional flags available for php bin/magento setup:config:set
command:
Flag
Required?
Description
Example
--pq-host
Yes
Persisted query Redis host
127.0.0.1
--pq-port
Yes
Persisted query Redis port
6379
--pq-database
Yes
Persisted query Redis database
5
--pq-scheme
Yes
Persisted query Redis database
tcp
--pq-password
No
Persisted query Redis password (empty password is not allowed)
empty
Run the upgrade
command and disable full-page caching:
It is now time to enable the new theme. In the Magento admin panel, navigate to Content > Design > Configuration. Edit the scope you want to change (typically the most general one in the list), and select the new theme. Finally, flush the cache:
The new theme should now be served on the frontend. Congratulations, you now have a ScandiPWA Magento Theme!
Verify that your system has the installed, and !
Now the new theme is created, but we need to install it using Composer. We will install the newly-created theme by taking advantage of Composer's ability to install from .