Home Page Builder is a powerful, user-friendly feature that lets admins design and customize the website’s home page without coding. As an admin, you can easily drag and drop sections, change layouts, add banners, text, and featured content to fit your brand style. It works through an intuitive interface that instantly previews changes, making adjustments quick and effortless. This tool empowers businesses to create a professional, engaging homepage that attracts visitors, highlights key offerings, and improves conversion. With Home Page Builder, your website looks great, stays up-to-date, and drives better user engagement, all with minimal effort.

 

Edit Home Page Layout

 

• Log in to the Admin panel and open the Dashboard.

• Navigate to the Settings from the left menu, and a new window will appear.

• Finally, click Frontend Themes from the left menu, and a new window will appear.

• When you click the Edit Layout button, a new window will appear to edit the theme as you like.

 

 

 

How to Manage Hero Section

• Log in to the Admin panel and open the Dashboard.

• Navigate to the Settings from the left menu, and a new window will appear.

• Finally, click Frontend Themes from the left menu, and a new window will appear.

• When you click the Edit Layout button, a new window will appear to edit the theme as you like.

• Click on the Header to select and drag and drop anywhere.

• When your cursor moves to an image or a section X (Cross) and + (Plus) sign will pop up.

• If you click on X (Cross sign) herosection image will be deleted automatically.

• If you click on + (Plus sign), a new window will appear (Manage Content).

• By clicking any content, you can replace the hero section.

• Click on the Hero Image, and an edit format will appear.

• Fill out the required fields:

• Image Editor: Click the Choose File to upload the Image.

• Padding: Click the Padding field to make a change.

• Margin: Click the Margin field to make a change.

• Border: Click the Border field to make a change, and select the border type from the drop-down menu.

• Border-roundness: Click the relevant field to change the border-roundness.

• Border Color: Click on the border color field to select the border color.

• Background Color: Click on the background color to select the one you desire. 

• Once you Once all fields are completed, click the Save button to save your changes.

 

 

How to Edit Hero Section Text

 

• Log in to the Admin panel and open the Dashboard.

• Navigate to the Settings from the left menu, and a new window will appear.

• Finally, click Frontend Themes from the left menu, and a new window will appear.

• When you click the Edit Layout button, a new window will appear to edit the theme as you like.

• Click on the Hero Section Text, and an edit format will appear.

• Fill out the required fields:

• Text Editor: Enter your desired text in the relevant field.

• Text Color: Select your desired text color in the respective field.

• Padding: Click the Padding field to make a change.

• Margin: Click the Margin field to make a change.

• Border: Click the Border field to make a change, and select the border type from the drop-down menu.

• Border-roundness: Click the relevant field to change the border-roundness.

• Border Color: Click on the border color field to select the border color.

• Background Color: Click on the background color to select the one you desire. 

• Once you Once all fields are completed, click the Save button to save your changes.

 

 

 

How to Edit Featured Products

 

• Log in to the Admin panel and open the Dashboard.

• Navigate to the Settings from the left menu, and a new window will appear.

• Finally, click Frontend Themes from the left menu, and a new window will appear.

• When you click the Edit Layout button, a new window will appear to edit the theme as you like.

• Click on the Featured Products, and an edit format will appear.

• Fill out the required fields:

• Text Editor: Enter your desired text in the relevant field.

• Text Color: Select your desired text color in the respective field.

• Padding: Click the Padding field to make a change.

• Margin: Click the Margin field to make a change.

• Border: Click the Border field to make a change, and select the border type from the drop-down menu.

• Border-roundness: Click the relevant field to change the border-roundness.

• Border Color: Click on the border color field to select the border color.

• Background Color: Click on the background color to select the one you desire. 

• Once you Once all fields are completed, click the Save button to save your changes.

 

 

 

How to Edit Featured Collections Update

 

• Log in to the Admin panel and open the Dashboard.

• Navigate to the Settings from the left menu, and a new window will appear.

• Finally, click Frontend Themes from the left menu, and a new window will appear.

• When you click the Edit Layout button, a new window will appear to edit the theme as you like.

• Click on the Featured Collections Products, and an edit format will appear.

• Fill out the required fields:

• Text Editor: Enter your desired text in the relevant field.

• Text Color: Select your desired text color in the respective field.

• Padding: Click the Padding field to make a change.

• Margin: Click the Margin field to make a change.

• Border: Click the Border field to make a change, and select the border type from the drop-down menu.

• Border-roundness: Click the relevant field to change the border-roundness.

• Border Color: Click on the border color field to select the border color.

• Background Color: Click on the background color to select the one you desire. 

• Once you Once all fields are completed, click the Save button to save your changes.

 

 

 

How to Edit Featured Collections Update Image

 

• Log in to the Admin panel and open the Dashboard.

• Navigate to the Settings from the left menu, and a new window will appear.

• Finally, click Frontend Themes from the left menu, and a new window will appear.

• When you click the Edit Layout button, a new window will appear to edit the theme as you like.

• Click on the Featured Collections Update Image, and an edit format will appear.

• Fill out the required fields:

  • Image Editor: Click the Choose File button to upload the desired Image.

  • Text Editor: Enter your desired text in the relevant field.

  • Text Color: Select your desired text color in the respective field.

  • Padding: Click the Padding field to make a change.

  • Margin: Click the Margin field to make a change.

  • Border: Click the Border field to make a change, and select the border type from the drop-down menu.

  • Border-roundness: Click the relevant field to change the border-roundness.

  • Border Color: Click on the border color field to select the border color.

  • Background Color: Click on the background color to select the one you desire. 

• Once you Once all fields are completed, click the Save button to save your changes.

 

 

 

Note: To change the New Arrivals and Image Gallery Section, follow the same procedure (Featured Collections Products)