CrocoBlock Documentation

Creating Templates

From this block you can learn how to create new templates and work with them using JetThemeCore plugin.

  1. First, let’s navigate to CrocoBlock > My Library section on the left of the Dashboard. Here open My Library sub menu.
  2. In the Theme Parts block you’re able to view the existing templates for your theme or create the new ones.

    Theme Parts:

    • All - shows all the existing theme parts;
    • Page - displays the existing page templates;
    • Header - here you can view all the existing footer templates on your site;
    • Footer - here you can see all the existing footer templates on your site;
    • Section - here you can view the list of the section templates.
    • Archive - here you can view the list of the post / taxonimy / custom post type archive templates.
    • Single - here you can view the existing single post templates.

  3. Every template shown in these blocks can be edited, removed to the trash bin, restored, etc.

Creating Headers & Footers

From this block one can learn how to create header & footer templates and assign them for different pages.

  1. First, click Add New button located on the right of the Theme Parts title.
  2. In the newly opened window select the template type from the dropdown menu (page, header, footer, section).
  3. Type in the template name in the corresponding field.
  4. Use Elementor page editor to create a new unique header / footer. Note, that you also can use the pre-styled headers available in the headers / footers list. In order to access the pre-styled headers / footers click Magic button.
  5. After that navigate to Headers / Footers tab and here select the header / footer you want to use as a template on your website’s pages.
  6. You can use the JetBlocks widgets in order to add the authorization links, login forms, site logos, search or WooCommerce Cart to the header. Feel free to check JetBlocks documentation which contains the detailed explanations on how the widgets work.
  7. When the header or footer is created navigate to Settings block (located in the bottom left corner). Here open Conditions sub menu.
  8. In General dropdown menu select to which pages you want to assign this header / footer.
  9. The header / footer can be assigned:

    • To the entire site;
    • To Single pages, such as:
      • front page;
      • post type;
      • post, post category;
      • posts from tags;
      • pages child pages;
      • page templates (such as Elementor Canvas, Elementor Full width);
      • 404 page;
    • Archive:
      • all archives;
      • post type archives;
      • category archives;
      • tag archives.

  10. After everything is done click Publish button in order to preserve the changes and set the header / footer to the selected pages.

Using Pre-Styled Sections

From this block you can learn how to use the pre-styled sections available when clicking on Magic Button.

  1. In order to access the pre-made stylish sections open Elementor editor.
  2. Here you can see the three buttons. The Magic Button is located on the left of Add new section button. Click it to view all the pre-styled content available for usage.
  3. The content is separated into Pages, Headers, Footers, Sections and My Library. Let’s overview each of the sections.
    • Pages - the block contains different pages on various topics available for usage (such as Home, About, Services, etc). You can see the page categories on the left.

      You can also search the page using the keywords. To do it input the keywords into the Search field at the top of the block.

      Click on the page to preview it. You can also insert it to the page you’re currently editing, and clone it to the library.

    • Headers - the block contains all the headers available for your use. Please, note, that in order to apply the headers to different pages you need to create a header template and assign it to the needed pages in Settings > Conditions.
    • Footers - the block contains all the footers available for your use. Please, note, that in order to apply the footers to different pages you need to create a footer template and assign it to the needed pages in Settings > Conditions.
    • Sections - here you can select the sections you want to use on the page. You can use one or more sections, mix and match them in order to get the necessary results.
    • My Library - the block contains the templates you’ve saved into your library.

  4. Feel free to enrich the sectins with your own content, use different other widgets, changte the sectin styles according to your needs. After everything is done click Publish button to save all the changes.

Adding a New Theme Part

From this block you can learn about the process of adding a new theme part template using JetThemeCore plugin.

  1. First, let’s navigate to CrocoBlock > My Library section on the left of the Dashboard. Here open My Library sub menu.
  2. In the Theme Parts block locate Add New button on the top. Click it to create a new template of the page, section, header, footer, archive or single post page.

  3. A popup widndow will open. Here you can select the teplate type you'd be creating from the Select type dropdown.
  4. Type in the title of the template in theTemplate name field.

  5. When Elementor editor opens you can create any template you want with any widget at your disposal. E.g., you can use Listing Grid or one of JetBlog widgets to create an Archive page template.
  6. Click Settings option in the bottom left corner and here access Conditions block. Here yuo cna specify the coditions for the template you've created (assign it for the specific page, template, archive, etc).