Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
I am trying to minifying shopify css files , all most in all blogs/forums they provide one solution by renaming the file xxx.css to xxx.scss.liquid. I followed their steps but still don't get any result .
below is my snippet ,
First step rename file to. featured-magazine.scss.css;
2nd step is import
but still my css file is not minifying
what thing i am missing ? or is there any limitation in shopify?
Hi @khairali
First you minify the css by online tool and copy the css. create a new file for minifid css and paste the minified css here then rename the file name in theme.liquid file.
Thanks
Yep, since Shopify depreciated SCSS, this solution does not work anymore.
You can try solution from this thread:
https://community.shopify.com/c/Technical-Q-A/Tool-to-minify-css-liquid/m-p/1122310
also, looks like Shopify will support minification out of the box, as per
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025