Contents

1. How to use Front-end builder with multiple store view ( website )

2. How to setup Map in Contact Page

3. There was no Home CMS page configured or found.

4. The Builder doesn't apply the changes to the frontend!

5. Menu is not showing on the frontend

6. How to setup the share this

7. How to deploy

8. How to create a custom css file

9. How to enable the frontend builder

1. How to use Front-end builder with multiple store view ( website )

Now you complete a homepage on store view A, when you edit then click "Confirm" on the homepage, the content of the homepage will be saved to cms page, you can find it in the admin

1) Case 1: you have another store view B and you want to use the same cms page on store view B, you only need to go to admin MGS -> General Settings, select store view A  then EXPORT the homepage then go to admin MGS -> Theme Setting, select store view B then IMPORT the homepage you just EXPORTED. So store view B will use the same cms page, so you only need to enable builder on the store view A, edit , add or anything then click "Confirm" then the homepage on store view B also will change because they used the same CMS page

2) Case 2: if store view B, you want different something with store view A, you also use IMPORT and EXPORT but before IMPORT to store view B, you must create another cms page first and assign it to store view B in STORES -> Configuration -> Web [GENERAL] then go to admin MGS -> Theme Setting, select store view B then IMPORT the homepage you just EXPORTED. In this case because you created another cms page for store view B, so you can enable the builder on store view B then edit it and your changes will only affect to store view B.

I think that my instruction will help you

2. How to setup Map in Contact Page

1) Get google API key, login to google then go this link: https://console.cloud.google.com/apis/credentials then create a project if it was not created yet!

2) Then create a new api key, take a look:

3) Then clicking on the API key, just created

it will take you to this page

here you will authenticate your contact page: ( your_domain/contact and your_domain/contact/ )

then you save, maybe it will take up to 5 minutes for setting to take effect, please patience

4) Then copy the Google API key and paste to setting in your magento theme, go to MGS -> General Setting -> "Google Map on Contact Page", look:

save imagethen Save Config, refresh Cache, wait about 5 minutes and check again

3. There was no Home CMS page configured or found.

After clicking "Install Theme" and "Import" the homepage in the admin, you see this notification on the homepage, please go to admin Store -> Configuration -> Web [ General ] then expand "Default Homepage" section and assign a homepage then try to import homepage again, refresh cache. The problem will be resolved

4. The Builder doesn't apply the changes to the frontend!

If you get this situation:

- Please make sure you didn't edit directly the CMS Page in admin while using the frontend builder

- Please make sure you clicked "Confirm" button to save after changing any on the frontend by the builder

- The Builder uses Magento Cache, so please disable "FPC" item of Magento Cache whilte using the frontend builder then you can enable it again after your site is really live

save image

5. Menu is not showing on the frontend

Notice Important: Don't delete Menu with ID is 1, it is this menu:

save image

1) Please make sure you created the menu item in admin, please go to admin MGS -> Manage Megamenu Item and Menu is "Main Menu"

save image

2) If you created the menu item as above but the menu item is still not showing, try Flush Menu Cache and Refresh Magento Cache, go admin MGS -> Manage Megamenu Item:

save image

3) If you are using Claue theme and want to use the header with logo center in menu, refer this document:

http://www.magesolution.com/themes/claue/docs/m2/index.html#add-logo

Also note: if you edit menu item/create menu but it doesn't reflect on the frontend, you only need Flush Menu Cache!

4) You want to add New label on parent menu item like this:

save image

you only need to add the "Special Html" for menu item:

save image

5) You want to add the label in subcategory, like

You only need to go to CATALOG -> Category, edit category then click "MGS Megamenu" and add:

save image


6. How to setup the share this

To setting the share this on your site, please make the following steps:

1) Go to admin MGS -> General Setting, expand "Share This" tab, here you can enable/disable the share this, specify what page the share this will display

2) Access this link: https://platform.sharethis.com, enter an email address and password ( notice: you can use any email and password, not need correctly ) then watch the video below:

7. How to deploy

1) Before deploying, please remove the content of var/, generated/ and pub/static/frontend/Mgs/ folder

2) Connect to your server by SSH account, navigate to magento root then run:

php bin/magento setup:static-content:deploy -f

8. How to create a custom css file

If you want to add more css code, the best way is you should create an other custom file and add your css code to it, I will guide 1) Create a file mycustom.css in app\design\frontend\Mgs\claue\web\css\ folder

2) Declare it in \app\design\frontend\Mgs\mgsblank\Magento_Theme\layout\default.xml as the way we declared other css file

3) You can add your css to mycustom.css file but you must deploy again to your change reflect to the frontend. Note to remove the content of var and pub/static/frontend/ folder before deploying

4) If you don't want to deploy again each add css to file, you can add your css to mycustom.css file in pub/ folder directly but note after edting it, you must copy the changes to mycsutom.css file in app/design/ folder

9. How to enable the frontend builder

Please note: after creating a frontend builder account but it doesn't work, please disable "Page Cache" in System -> Cache Management : https://prnt.sc/sf5k6a