Tools Module

      Accessing the Tools Module 

      1. Log into the Koolay Console with your credentials. 


      1. Click on the “Tools” link on the left side of your toolbar. 


      Using the File Manager 

      1. After logging into the CMS, click on the "Tools" link and select the “File Manager” link.

         

      1. The File Manager allows you to access and select images from all modules quickly and manage them under the "Tools" module. 

      1. It features a robust and flexible structure for uploading new files, renaming them, and moving them to different folders. 


      1. Use the "AI" button within the File Manager menu to generate images based on AI prompts. Save and use these images as needed. 


      1. Add new folders to your directory by clicking the ‘Add’ button. 


      1. Change the language settings of the File Manager using the editor options. 

      Utilizing the Image Editor 

      1. Click on the "Tools" link and then select the “Image Editor” link. 


      1. The Image Editor meets your image processing needs on the Koolay Platform and can be accessed directly under the "Tools" menu or by selecting "Edit" on any image within the "File Manager" 

      1. This professional tool makes it simple to create or edit images. 


      Working with the Code Editor 

      1. Click on the "Tools" link and then choose the “Code Editor” link. 


      1. The Code Editor provides a file manager to locate and edit code files. 


      1. Koolay allows you to access and modify your site's front-end code—JavaScript, CSS, HTML, and liquid syntax—without the need for a developer. 

      1. A basic understanding of HTML and familiarity with liquid syntax programming is required to use this feature effectively. For more detailed information, visit the "developer" menu on our website. 

      Accessing AI Prompt From the File Manager

      1. In the File Manager menu, you will find an additional button named "AI." 

      1. By clicking on this button, you can generate images by providing an AI prompt. 

      1. If you like the image generated, you can select it and save it to the File Manager. 

      1. Once saved, you can use the generated image anywhere you want. 

       

      Image Editor

      1.Via the "Tools" Menu: 

      • Login to the Koolay Console with your credentials.  

      • Access the left-side toolbar. 

      • Navigate to the "Tools" menu. 

      • Locate and select the "Image Editor" option. 

      • This will directly open the Image Editor interface, allowing you to begin editing your images.

      2.Through the "File Manager": 

      • Login to the Koolay Console with your credentials.  

      • Access the left-side toolbar. 

      • Access the "File Manager" section. 

      • Hover over the image file you wish to edit. 

      • Click on the "Edit Image" option that appears when hovering over the image file. 

      • This action will launch the Image Editor, enabling you to make the desired modifications to your selected image. 

       

      Code Editor

      1. One of the greatest advantages our company offers is the ability to access front-end code without the need for a developer. You have access to JavaScript, CSS, HTML, and relevant module liquid syntax codes, enabling you to make desired changes swiftly. 

      1. To utilize this feature, you must first have a basic understanding of HTML and familiarity with liquid syntax programming, which was initially developed by Shopify and later customized by our company. 

      1. Login to the Koolay Console with your credentials.  

      1. Access the left-side toolbar. 

      1. Select “Code Editor” from the “Tools” link options. 

      1. You can edit the code within the selected file by choosing it from the right-hand side. 

      1. For more detailed information on this topic, please visit the "Developer" menu on our website. 

      Making CSS changes in Code Editor

      1. Login to the Koolay Console with your credentials.  
      2. Access the left-side toolbar 
      3. Select “Code Editor” from the “Tools” link options 
      4. Open a file with CSS code in the file manager that opens
      5. Find the piece of code you want to change
      6. For example, in the image, the border border thickness of the css code fragment with id number ".social_content1" has been changed.
      7. Press the "Save" button at the top left to save the changes you have made.

      Making JS changes in Code Editor

      1. Login to the Koolay Console with your credentials.  
      2. Access the left-side toolbar 
      3. Select “Code Editor” from the “Tools” link options 
      4. Open a file with JS code in the file manager that opens
      5. Find the piece of code you want to change
      6. Then add, edit or delete a js code.
      7. Press the "Save" button at the top left to save the changes you have made.

      Making  Liquid changes in Code Editor

      1. Login to the Koolay Console with your credentials.  
      2. Access the left-side toolbar 
      3. Select “Code Editor” from the “Tools” link options 
      4. Open a file with LIQUİD code in the file manager that opens
      5. Find the piece of code you want to change
      6. Then add, edit or delete a LIQUİD code.
      7. Press the "Save" button at the top left to save the changes you have made.

      Open Code Editor Files

      -The newly introduced File Lock feature is designed to make it easy for customers to make minor changes to their site code, even if they don't have coding knowledge. This feature allows you to modify your site's front-end code, including CSS, images, JavaScript, Liquid, and HTML, with full control at any time, without the need for a developer. Our system is web-based and supports multi-user management, so it includes a lock system that prevents the same file from being edited by multiple users simultaneously. This feature is expected to be extremely useful for customers, enhancing their experience by allowing them to manage their sites independently and securely.

      • "File Lock" feature is activated if the same script file is currently being used by more than one person

      See Unlocked Code Files and Unlock Active Contacts

      1. Login to the Koolay Console with your credentials.  
      2. Access the left-side toolbar. 
      3. Select “Open Code Editor File” from the “Tools” link options.
      4.  You can see the code files and who is active here
      5. Also, if there is a user you want to unlock, just press the "Unlock" button.

      Image Size Optimization

      1. Login to the Koolay Console with your credentials.  

      1. Access the left-side toolbar. 

      1. Select “New Content” from the “Content” link options. 

      1. You need to resize the image you uploaded for site compatibility 

      1. Click on the 'insert/edit image' button for this. 

      1. Here, you can adjust the width and height of the image using the 'width' and 'height' properties. 

      1. You can also use an image editing application to adjust the size of the image. 

       

       

      Last updated on 2024-04-13 04:34:16Z by Koolay