Administrator Theme editor in Opencart 3.0.2.0 default theme

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, we still keep 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, with no need for FTP or SFTP configuration.

Steps to make the theme editor

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

Theme Editor Opencart

You can choose the store that you like to make changes to, here we choose the default store. You can see the theme history which 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 the 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 on the right.

Code changes in Opencart

We like to hide the breadcrumbs so in the code we add style=”display:none;” like above, and see in the front end the breadcrumbs are hidden on 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 on our Twitter account @rupaknpl. Subscribe to our YouTube channel for Opencart tutorials, and click to see all Opencart user manuals.

Previous articleManaging custom fields in Opencart 3, account, address, and affiliate
Next articleManage, send, apply and design custom Gift Vouchers in Opencart 3

LEAVE A REPLY

Please enter your comment!
Please enter your name here