If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Featured templates

CherryFramework 4. How to use Statics editor

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