{"id":55502,"date":"2015-10-12T09:47:46","date_gmt":"2015-10-12T13:47:46","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=55502"},"modified":"2017-07-14T05:28:33","modified_gmt":"2017-07-14T09:28:33","slug":"cherryframework-4-how-to-use-statics-editor","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/cherryframework-4-how-to-use-statics-editor.html","title":{"rendered":"CherryFramework 4. How to use Statics editor"},"content":{"rendered":"

This tutorial shows how to use Statics editor in CherryFramework 4 templates.<\/p>\r\nCherryFramework 4. How to use Statics editor\t<\/a>\r\n

    \r\n
  1. \r\n

    Go to Cherry -> Static Area Builder<\/strong>:<\/p>\r\n\r\n\"CherryFramework<\/a>\r\n<\/li>\r\n

  2. \r\n

    This is how Static Area Builder<\/strong> looks. We can see the list of available statics and static areas like Header Top<\/strong> and other. We can assign static blocks on static areas:<\/p>\r\n \r\n\"CherryFramework<\/a>\r\n<\/li>\r\n

  3. \r\n

    Click on static block. There we can specify width for particular device. The Bootstrap grid system has four classes: <\/p>\r\n 

        \r\nxs (for phones)\r\nsm (for tablets)\r\nmd (for desktops)\r\nlg (for larger desktops)<\/pre>  \r\n  \r\n\"CherryFramework<\/a>\r\n<\/li>\r\n
    \r\n\r\n\r\n<\/a>\r\n<\/div>\r\n
  4. \r\n
    Static blocks have Conditions section<\/strong>. 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:<\/p>\r\n\"CherryFramework<\/a>\r\n\r\n<\/li>\r\n
  5. \r\n
    Save changes. Logo will show up on Front page only:<\/p>\r\n\r\n\"CherryFramework<\/a>\r\n<\/li>\r\n
  6. \r\n  
    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<\/strong>. Static block Search Form will show up on all pages except Front page:<\/p>\r\n\r\n\"CherryFramework<\/a>\r\n<\/li>\r\n
  7. \r\n
    You can remove static block<\/strong> using  bin icon:<\/p>\r\n\r\n\"CherryFramework<\/a>\r\n
     <\/p>\r\n<\/li>\r\n<\/ol>\r\n\r\n
    Feel free to check the detailed video tutorial below:<\/p>\r\n\r\nCherryFramework 4. How to use Statics editor\t<\/a>","protected":false},"excerpt":{"rendered":"
    This tutorial shows how to use Statics editor in CherryFramework 4 templates.<\/p>\n","protected":false},"author":39,"featured_media":55512,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2017,728],"tags":[2012,664,693],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/55502"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/39"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=55502"}],"version-history":[{"count":2,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/55502\/revisions"}],"predecessor-version":[{"id":82014,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/55502\/revisions\/82014"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/55512"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=55502"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=55502"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=55502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}