Classic theme problem: Un-minyfing CSS and JS cuse theme problem

[arsse]

Hello.

I want to change CSS and JS of Prestashop classic theme to un-minify, for human readability.

But after changing it to un-minify style not work and site layout is cluttered!

please help for un-minify themes without problem afterward.

Thanks

Edited July 23, 2021 by arsse (see edit history)

[SmartDataSoft]

Please clear your cache from Performance-> and force compile it. What is the version of your PrestaShop

 

You can use  this module to add custom js and css in your site. 

  

Thank you

[arsse]

3 hours ago, SmartDataSoft said:

Please clear your cache from Performance-> and force compile it. What is the version of your PrestaShop

 

You can use  this module to add custom js and css in your site. 

  

Thank you

Thanks for answering. I did that you told me But it not solved my problem. When CSS unminifyed my theme seems layout is cluttered.!

Edited July 23, 2021 by arsse (see edit history)

[SmartDataSoft]

What is your PrestaShop version and is this native theme or custom theme. if possible share your site url. 

Thank you

[arsse]

Also I want to create child theme from classic theme.

When i create my own theme_rtl in child folder and only add some new CSS it show front-end  layout is messed up.

for example in child them asset/css only is theme_rtl.css with this code:

body {
  color:red;
}

This code cause :the page  layout is cluttered..

Font has been changed color to red bout layout is lost!

Edited July 23, 2021 by arsse (see edit history)

[arsse]

My theme is on my localhost pc.

[arsse]

1)I has uploaded child theme

2) first pic is original widthout child

3) second pic shown when us child theme is in use.

4) when theme_rtl.css or theme.css in classic theme change to un-minify original theme is shown like second picture.

please help

 

 

 

child.zip

Edited July 23, 2021 by arsse (see edit history)

[arsse]

i forgot say i use 1.7.7.5

[SmartDataSoft]

@arsse

First of all according to the child theme architecture if you  call a file with same name it will load from your child theme. the classic theme has a file called theme_rtl.css  

that is why it load from child theme and all rtl related css is gone. I have tested and here is the final solution

 

1. remove theme_rtl.css from child theme

2.  create a file  1.7.7.5\themes\chaild\assets\css\custom_rtl.css and put all modification then it will looks like this

 

Do not forget to mark the post as solve and click the love icon to the answer

 

Thank you

chaild.zip

Edited July 23, 2021 by SmartDataSoft (see edit history)

[SmartDataSoft]

@arsse

I have attached the working child theme from my pc 

 

Thank you

[arsse]

5 hours ago, SmartDataSoft said:

@arsse

First of all according to the child theme architecture if you  call a file with same name it will load from your child theme. the classic theme has a file called theme_rtl.css  

that is why it load from child theme and all rtl related css is gone. I have tested and here is the final solution

 

1. remove theme_rtl.css from child theme

2.  create a file  1.7.7.5\themes\chaild\assets\css\custom_rtl.css and put all modification then it will looks like this

 

Do not forget to mark the post as solve and click the love icon to the answer

 

Thank you

chaild.zip 52.13 kB · 0 downloads

Thanks. But problems not solved:

1) In classic theme when we convert theme.css and theme_rtl.css to un-minify layout become cluttered.

why? How we can do that without cluttering layout?

 

2) in Child problem exist! font must have changed to red but not.

I think it can not read custom_rtl.css.

Edited July 23, 2021 by arsse (see edit history)

[arsse]

Please replace this 2 attached file to /classic/asset/css/ and you will see layout destroyed.

I convert theme.css and theme_rtl.css to human readability unminify.

css.zip

Edited July 23, 2021 by arsse (see edit history)

[SmartDataSoft]

Hello,  use proper way to un minified css. Secondly, check your site page view source all is load properly or not 

 

Thank you