Categories

Featured templates

CherryFramework 4. How to use Statics editor

Ryan DeWitt October 12, 2015
Rating: 5.0/5. From 2 votes.
Please wait...

This tutorial shows how to use Statics editor in CherryFramework 4 templates.

CherryFramework 4. How to use Statics editor
  1. Go to Cherry -> Static Area Builder:

    CherryFramework 4. How to use Statics editor-1
  2. This is how Static Area Builder looks. We can see the list of available statics and static areas like Header Top and other. We can assign static blocks on static areas:

    CherryFramework 4. How to use Statics editor-2
  3. Click on static block. There we can specify width for particular device. The Bootstrap grid system has four classes:

        
    xs (for phones)
    sm (for tablets)
    md (for desktops)
    lg (for larger desktops)
    CherryFramework 4. How to use Statics editor-3
  4. Static blocks have Conditions section. You can specify on what pages/categories/etc. static will be available or specify on what pages/categories/etc. content will not be available. Select condition. Add appropriate rule. Please check the screenshot. Such condition means that Logo static block will show up only on Front page:

    CherryFramework 4. How to use Statics editor-4
  5. Save changes. Logo will show up on Front page only:

    CherryFramework 4. How to use Statics editor-5
  6. Now we are going to add static to particular area. Drag static block to appropriate area. Set width by selecting appropriate bootstrap class. We are going to use Hide condition. Static block Search Form will show up on all pages except Front page:

    CherryFramework 4. How to use Statics editor-6
  7. You can remove static block using bin icon:

    CherryFramework 4. How to use Statics editor-7

     

Feel free to check the detailed video tutorial below:

CherryFramework 4. How to use Statics editor
This entry was posted in Monstroid Tutorials, WordPress Tutorials and tagged CherryFramework4, editor, static. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket