Opencart theme editor

In OpenCart version 3, we can see the theme editor features where the administrator can directly change the code in the template of the default theme from the admin dashboard. While we test on opencart version 3.0.3.2, we were able to edit only the default template, if we activate another theme still we keep on seeing the default theme’s template files, so it looks like it is working only for the default theme. So, if you guys are using the default theme then you can make the code changes directly from the admin, no need of FTP or SFTP configuration.

Steps to make the theme editor

Login to the admin and then navigate to Design >> Theme Editor, where you see dashboard like below image:

Theme Editor Opencart

You can choose the store that you like to make changes, here we choose the default store. You can see the theme history where it lists out all the files changed. In the template section you can select the folder and it will show the files where you can edit the file. You can get more details about the files and folders in Opencart video. Let’s click the account, it will show lists of twig template files in that theme folder, once we click on the account we see these twig files list when we click on the account.twig then we see code in the right.

Code changes in Opencart

We like to hide the breadcrumbs so in the code we add style=”display:none;” like above, and seeing in the front-end the breadcrumbs are hidden in the account page. If you see an error then you can click the Reset button which will change to the default code.

Opencart theme editor

In this way, you can make the code change directly from the admin section. If the code changes are not seen don’t forget to clear the theme and SASS cache from the dashboard, likewise go to Extensions >> Modifications and then click the refresh button. Please don’t forget to post your questions or comments so that we can add extra topics. You can follow us at our twitter account @rupaknpl. Subscribe to our YouTube channel for Opencart tutorials, and click to see all Opencart user manual.

LEAVE A REPLY

Please enter your comment!
Please enter your name here