How to Use the Front-End Template

The JScms front-end template system allows you to design and customize your website visually and dynamically. Follow this guide to understand how to use the front-end template effectively.

Step 1: Access the Front-End Editor

1. Log in to your JScms with a user that has access to the front end editor.
2. You can access the front end editor either on the "Pages" section from your administrator panel or on the front end by pressing the blue button on the bottom left corner.

Step 2: Customize the Template

• Add Blocks: Use the block toolbar to add new sections like text, images, or widgets.
• Edit Content: Click on existing blocks to edit their content directly using the Ace Editor or inline tools.
• Move Blocks: Drag and drop blocks to rearrange them on the page.
• Style Blocks: Use the style options to adjust block appearance, including fonts, colors, and spacing.

Step 3: Save and Preview

1. Once your changes are complete, click the "Save" button to store them in the database.
2. Use the "Exit Edit Mode" button to see how the page will look live.

Additional Tips

• Use Shortcodes: Integrate dynamic content using JScms shortcodes in the editor.
• Responsive Design: Boostrap 5 makes sure to have all screen sizes covered.
• Store Custom Blocks: Editing a block and want to use it again, store it as a custom block so no changes are lost.

With the JScms front-end template system, you can create beautiful and functional web pages with ease!