USER GUIDEVersion 1.0.0

1

Table of ContentsAbout the Extension 3

Feature List 32.1 Access Product Edit Page from Frontend 32.2 Access Category Edit Page from Frontend 32.3 Access CMS Edit Page from Frontend 32.4 Access Block Edit Page from Frontend 32.5 Login As Customer 42.6 Preview Button on Backend 42.7 Set Frontend Login Time 4

Setup the Extension 43.1 Configuration 4

3.1.1 General configuration 43.1.2 CMS Page Configuration 53.1.3 CMS Block Configuration 5

3.2 Frontend Editing 63.2.1 Edit Button on Product Page 63.2.2 Edit Button on Category Page 73.2.3 Edit Button on CMS Page 73.2.4 Edit Button to Access Block Edit Page 8

3.3 Refresh the Cache 8

2

1. About the Extension

Magento 2 advanced layout manager brings convenience to content editing and layoutcustomization. It allows you to login as a customer and edit any product, category, CMSpage, or block from the frontend and preview the changes right there. The extensionmakes it easy and quick to make edits and preview the changes.

2. Feature List

● Edit any of the following pages from the frontend○ Product Page○ Category Page○ CMS Page○ Block

● Login as Customer● Preview Backend Changes Easily● Set Frontend Login Time

2.1 Access Product Edit Page from FrontendThe extension acts as a frontend editor. You can go to any product page on the

frontend and click the “Edit” option to open the editor. Make the required changes andpreview them right there after you have saved the changes.

2.2 Access Category Edit Page from FrontendLike product pages, you can edit any category page from the frontend. Navigate

to any category you would like to edit and you will see the edit option which will take youto the category edit page. Make the edits and preview them right on the frontend.

2.3 Access CMS Edit Page from FrontendYou can make changes to any CMS page such as About us, Contact us, or

Privacy Policy page the same way as you do to any product or category page.

2.4 Access Block Edit Page from FrontendThere is nothing you can’t edit from the frontend with this extension. If you have

added a block anywhere on your page and want to change its content or layout, you can

3

easily do so. You can add/delete images, videos, text, links to the block, change itslayout or delete the block altogether.

2.5 Login As CustomerThe extension lets you login as a customer without any backend configurations

and see the store from the customer's eyes. This allows you to identify what changesare required from a customer’s point of view.

2.6 Preview Button on BackendBy default, when you make changes from the backend, you need to go to

customer view to see how they look. The extension saves you this step by adding apreview button on the product, category, & CMS backend page. Now you can previewthe changes right on the backend.

2.7 Set Frontend Login TimeHow long do you want to stay logged in on the frontend? You can specify this

time in seconds. You will be logged out automatically once the time reaches and you willhave to login again to see the edit options.

3. Setup the Extension

3.1 ConfigurationIn the admin panel, go to FME EXTENSIONS > Configuration. Here you can

find the extension configurations.

3.1.1 General configuration● Enter email to create user: Enter a customer email address. Note that

this customer should already be registered. To add a customer, you cango to Customers > All Customers > Add New Customer.

● Enable extension: Select “Yes” to enable the extension.● Enter time in seconds: Enter the time in seconds for which you want to

stay logged in on the frontend.

4

The above user is one of the registered customers as shown below.

3.1.2 CMS Page Configuration

● Enable front-end page edit link: Select “Yes” to enable frontend edit linkon product, category, and CMS pages.

3.1.3 CMS Block Configuration

● Enable front-end block edit link: Select “Yes” to enable frontend edit linkon any block.

5

3.2 Frontend EditingOn the admin sidebar, go to FME EXTENSIONS > Enable Frontend Editing.

This will take you to the frontend for making edits.

3.2.1 Edit Button on Product PageGo to any product page and click the “Edit This Product” link to be directed to the

relevant product edit page.

6

3.2.2 Edit Button on Category PageGo to any category page and click the “Edit This Category” link to be directed to

the relevant category edit page.

3.2.3 Edit Button on CMS PageGo to any CMS page and click the “Edit This Page” link to edit the page from the

frontend.

7

3.2.4 Edit Button to Access Block Edit PageAn “Edit This Block” option appears above every block which you can use to

make the required changes to the block.

3.3 Refresh the Cache● Refresh the Cache: System > Cache Management > Select All from

Mass Actions > Click Refresh the Cache.

8