How to Change/Modify Landing Page via Landing Page plugin

After install plugin, please go to,http://yoursite.com/admin/landing_manager/landing_manager_settings At Setting page, You will see 2 options :

Option 1: Static HTML Page

This option allows using a static HTML page to be your new Landing Page of Moosocial Site.

You can copy image, CSS, and jquery from elsewhere and make it becomes your style.

It also allows you add a link from your landing page your current Moosocial site such as Login page, Sign up page, privacy, terms…

You need to know a little Front-End develop skills to use this option or you can follow our simple instruction here:

1. Copy your HTML, CSS, IMAGE.

Access source via FTP or Cpanel

Modify your HTML page in.app\app\Plugin\LandingManager\View\Elements\static\index.ctp Note: You can not change the name in a file, must use ‘index’

Next, Replace your CSS file app\webroot\landing_manager\static\css This CSS file contains all of your new landing page CSS. You also can add another CSS file and can declare it by below instruction.

Your jquery file can be stored app\webroot\landing_manager\static\js

And finally, Landing Page Image will be stored in app\webroot\landing_manager\static\img

Now we can move on to declare those files you already added above in step 2

2. How to use CSS and IMAGE from a static page.

Our Moosocial core use $this->request->webroot to call file form app\webroot so we will use it like :

<link rel="stylesheet" href="<?php echo $this->request->webroot ?>landing_manager/static/css/yourname.css">

The same for JS file.

<script src="<?php echo $this->request->webroot ?>landing_manager/static/js/yourname.js">

and for the image.

<img src="<?php echo $this->request->webroot ?>landing_manager/static/img/yourname.png">

You can place those code in your tag and <head> now your landing page is ready.

Option 2: Custom Block Style

This option is ‘key factor’ of this plugin that contains some available block from our core widget such as popular topics, popular blogs, upcoming events, login, signup, … with some style has been applied.

Also, we added some new block: Features, testimonial, display location MAP …  Users can easily DRAG – DROP block position, disabled any block that not necessary for your site.

We also support up to 4 HTML blocks so you can add Ads, sponsor or something else and you can place it “multi-time” on your landing page.

We already add a block called “Feature block”, that help you easily show your site’s feature.

And our most favorite block is Testimonial Block, You can show your user feedback that and especially your location map.

With block list selected, you can move on to modify block to create your own style, we support change background, color, font size also change the main text ( translation language), and some setting that makes your block work smoothly

And we also add demo block at bottom of setting page, so you can view directly what you already changed before saving.

 

To change url at landing page’s footer section, please change direclty at ….app\Plugin\LandingManager\View\Elements\block\footer.ctp .

That’s all, you can view our demo here :

Demo View

Also join our community group to discuss, ask questions and help us improve this plugin.

Last Updated On May 11, 2018