Adding a WYSIWYG editor interface to the ZenCart admin product descriptions page is easy. By default ZenCart actually offers HTML Area which is OK but since its so easy to upgrade to a real editor like TinyMCE or FCKeditor that is what I would suggest.
First if you want to just enable HTML Area you can do so by following these simple steps.
- Login to ZenCart Admin:Login to your online stores ZenCart administration system which is typically your url followed by /admin.
- Open My Store Configuration: Click Configuration in the top navigation menu and then select My Store from the drop down. That will open a page that looks similar to the below.
- Modify HTML Editor Setting:Modify the HTML Editor settings which is the second to last option from the bottom of the My Store configuration page in Zencart version 1.3.8a. If you have not installed any other editors then the only option will be HTML Area.
- Select Editor on Products Page: Now click on Catalog in the top navigation menu and select Categories/Products from the drop down. Once you are on the initial landing page you can see an Editor drop down box in the top right corner which will allow you to choose the various installed editors. Make sure HTML Area or the editor you are wanting to use is selected.
- Modify a Product:Now drill down into the categories and sub categories to make sure the editor is working by selecting a product. The product description area should now look different and allow you to have HTML Editor controls which will be located at the top. The image below shows what the TinyMCE HTML editor will look like which is explained more below.
If you want more than what the default HTML Editor offers I suggest one of the two following editors. Each of these editors are available as ZenCart Add-Ons which make installation a snap.
- TinyMCE:Typical WYSIWYG HTML editor which is available as a ZenCart addon here.
- FCKeditor:Same as above and is available as a ZenCart addon here.
Each of the above can be configured using the exact same steps as described above with HTML Area.