How do I set up the creoline CDN for Shopware 6?
To install it in Shopware 6, first open the Shopware Administration and select the menu item Extensions → Store. Then search for “CDN for Shopware 6” and install the corresponding extension.
If this is your first time downloading the extension, please read the shopware AG Terms and Conditions and then confirm the dialog:
Configure the Extension
Navigate to the menu item Extensions → My Extensions and open the configuration for the recently installed extension.
Adjust CDN configuration:
| Setting | Value |
|---|---|
| Sales Channel | Select the sales channels in which you want to enable the CDN. |
| CDN Domain | Enter the CDN domain you have selected. If you have not yet registered a CDN domain, you can register a new one here. |
| Store Domain | Enter your store’s domain. Make sure to note whether you operate your store with www. or without www.. Even if you run Shopware in a subdirectory, enter only the store domain without the subdirectory. |
| Load CSS via CDN | Enable this option to load the Cascading Style Sheets (CSS) via the CDN |
| Load JavaScript via CDN | Enable this option to load the JavaScript (JS) via the CDN |
| Use CDN in the Administration | Enable this option to use the CDN in the Shopware Administration |
After applying the configuration, you can save the settings and clear the Shopware cache.
Check CDN Functionality
To verify that the CDN is working properly, you can visit your store’s storefront and use the Network tab to check whether images are already being loaded from our CDN. This applies if you’re using Google Chrome or Firefox. In your storefront, right-click on your page and select the menu item Inspect Element. In the Developer Tools, select the Network tab and then reload the page.
Next, click on an image and check the URL from which the image was retrieved. If your CDN domain is displayed, the CDN has been set up successfully. If your Shopware domain is still displayed, clear the Shopware cache and HTTP cache.
Frequently Asked Questions
Can I use the CDN if I’m running Shopware in a subdirectory?
Yes, you can also use the CDN in combination with Shopware 6 in a subdirectory. No special configuration is required for this. When entering the shop domain, make sure you do not specify the relevant subdirectory here.
Example configuration for shopware.creoline-demo.com/sales-channel/ in a subdirectory:
| Setting | Shop |
|---|---|
| CDN Domain | https://creoline-demo.cstatic.io |
| Shop Domain | https://shopware.creoline-demo.com |
Do not use a trailing / for either setting.
One or more fonts are not loading
If one or more fonts are not loading, this is often due to the Cross-Origin Resource Sharing (CORS) policy being disabled. Use the developer tools to check if the following error message appears:
Access to font at 'https://creoline-demo.cstatic.io/theme/assets/font/Inter-roman.latin.var.woff2'
from origin 'https://shopware.creoline-demo.com' has been blocked by CORS policy:
No 'Access-Control-Allow-Origin' header is present on the requested resource.To fix the error, go to the CDN settings in the creoline Customer Center and enable the CORS Origin Header option.
My images are being served by the CDN but do not include a .webp suffix
In this case, please refer to the article: Why doesn’t the CDN include a .webp suffix in the URL?