Occasionally, a customer contacts us to report a theme error they receive when they attempt to change their theme settings in the Galleria theme. This happens primarily in version 1.x of the theme but sometimes also occurs in later versions. We have applied a fix for this as of version 2.0. The heading of the error says "Theme Error" and the details say that the stylesheet took too long to compile.
Firstly, it should be noted that this is never an error your customers would see. This error only occurs in the theme editor. For most users, this error is temporary and may not happen the next time you enter the theme settings. If you're seeing it every time you try to change theme settings, here are some steps you can follow to get rid of this error for good.
Galleria Versions (2.0 and Later)
Please see this video we've put together to show you how to fix this problem.
Older Galleria Themes (Pre 2.0)
If you have an older version of the Galleria theme and are experiencing this, please follow the instructions below. Check to see if you have an apps.css file in your Assets folder. If you don't or the file is blank, follow the instructions below. If you do have the file and it's not blank, the video we've posted above should help solve your problem.
- Login to your Shopify dashboard
- Go to Online Store > Themes > Galleria (or whatever you have called your published theme)
- Click the Actions button and then Edit Code
- Navigate to the Assets folder and expand it by clicking on the folder name
- Click Add a new asset
- Click Create a blank file in the dialogue box that appears, call it apps, choose .css.liquid from the drop-down menu, and click the Add asset button
- Once you recieve confirmation that the file has been created, look in the Assets folder again and locate the file called apps.css.liquid. Click it to open it in the editor. It should be blank for now.
- Now, back in the Assets folder, locate the file called styles.scss.liquid and click it to open it in the editor
- Somewhere near the beginning of the file (starting at around line 51 in the example below), you should see a section of light gray text with the word Bootstrap in it
- Select all the text that is highlighted in the red box above and hit Control+X (CMD+X on a Mac) to cut it from the file.
- Click the apps.css.liquid tab in the file area above and hit Control+V (CMD+V on a Mac) to paste it into the blank file.
- The apps.css.liquid file should now look like this:
- Before saving these two files, go up to the Layout folder and open the file called theme.liquid. Click on it to open it in the editor.
- Look for this line in the file:
{{ 'styles.scss.css' | asset_url | stylesheet_tag }}
- Replace it with this:
{{ 'apps.css' | asset_url | stylesheet_tag }}
{{ 'styles.scss.css' | asset_url | stylesheet_tag }} - The final theme.liquid file should look like this:
- Save all three files and the issues should disappear
If you have issues with this or your store no longer appears properly after making these changes, please contact us and we'd be glad to help.
Comments
0 comments
Article is closed for comments.