Edit History

Hey.

I want to adjust the default classic theme's colors, sizes etc., within a child theme.

I see that the vars I'm after are here:

https://github.com/PrestaShop/classic-theme/blob/develop/_dev/css/partials/_variables.scss

So I gather that I have to recompile the theme every time so to live-preview my changes.

I'm frankly new to modern webdev. How do I try out my changes in as-close-to-real-time as possible? Is there any way that's faster than just scripting a recompilation, pushing the results to my store's theme directory, and then possibly purging the cache, etc.? That seems quite slow to me.

Edit: maybe there is a way to plug the classic theme with in-browser compilation of the SCSS, via JavaScript? So that changes are visible in the browser as soon as I type them in, say, the browser's debugger?

Thanks.

Hey.

I want to adjust the default classic theme's colors, sizes etc., within a child theme.

I see that the vars I'm after are here:

https://github.com/PrestaShop/classic-theme/blob/develop/_dev/css/partials/_variables.scss

So I gather that I have to recompile the theme every time so to live-preview my changes.

I'm frankly new to modern webdev. How do I try out my changes in as-close-to-real-time as possible? Is there any way that's faster than just scripting a recompilation, pushing the results to my store's theme directory, and then possibly purging the cache, etc.? That seems quite slow to me.

Edit: maybe there is a way to plug the classic theme with in-browser compilation of the SCSS, via JavaScript?

Thanks.