Categories

    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 name of 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 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.

    Share
    100% users marked this FAQ as helpful. Is this FAQ helpful?

    Last update: 03/22/18 at 13:20 - Total 2 vote
    Yes No