search

magesuite / theme-creativeshop

Open Software License 3.0
38 stars 22 forks source link

CMS page design with SCSS #47

Open Monoget opened 3 years ago

Monoget commented 3 years ago

Hello, I just design my CMS page header, footer, and navbar by overriding CSS. But now I want to design it overriding SCSS files. But in my app/design/frontend/creativestyle/themecreativeshop directory, it did not generate any SCSS files. So I just confused about how to override it. Any expert or developer can help me to figure out what will I do for designing it now.

Thanks in advance.

mborkowski commented 3 years ago

Hi @Monoget, Everything you see in app/design/.../web /* is built by node. Source files are localed under vendor/creativestyle/theme-creativeshop/src/* however changes made there will now override your CSS changes you made in app/* after rebuild so before you do so you might want to move your work to SCSS files first. Anyway, the first thing is to go to mentioned vendor/creativestyle/theme-creativeshop/ via terminal and (assuming you have nodeJS installed) execute npm install. All source files (SCSS) are split into modules as you can see here. Then you either rebuild theme after every change with yarn build or yarn serve if you want to make some more changes without a need to build all over again after any change.

Monoget commented 3 years ago

Ok, I got it to thank you very much.