Jump to: navigation, search

Calendar Page Layouts

Calendar page layouts

A calendar will have a cover page and inner pages and in order to allow customers to customize the product design well, it is important to create page layouts.

To create a Page Layout Category, go to – Admin >> Templates >> Product templates >> Page Layouts >> +Page Layout Category. Give a title for a page layout category and click on Save.

Cover Page Layouts

  • To create a Calendar Page Layout, go to – Admin >> Templates >> Product Templates >> Page Layouts >> ‘+Add’ button (top-right corner)
  • Calendar Page Layouts22.png

  • Enter the page layout details such as title, and select the product type and the layout type.
  • In the Layout Type, you can choose to create the layout for Cover Page. Click on ‘Save & Continue’. This will redirect you to the designer studio.
  • Here you can use various text and image placeholders and create a layout for your cover page.
  • Calendar Page Layouts23.png

  • The layout will be added to the Page Layouts section in the following manner.
  • To create a Calendar Page Layout, go to – Admin >> Templates >> Product Templates >> Page Layouts >> ‘+Add’ button (top-right corner)
  • Calendar Page Layouts24.png

  • Enter the page layout details such as title, and select the product type and the layout type.
  • In the Layout Type, you can choose to create the layout for Inner Page.

    Calendar Page Layouts25.png

  • For the inner pages there are two structure types given, first the Personalization and second Month.
    • If Split Preview is enabled from Design Options and a percentage is set for the design area, then only the Personalization option will appear in this section.
    • Creating layout for personalization is similar to cover page layout creation process, just add image and text placeholders as required.
  • To create a month layout, choose the structure as Month, then click on Save and Continue.
    • If Prev/Next Month View is enabled, then the month layout will appear in the following manner. You can adjust the previous and next month blocks concerning the current month block and complete your layout.
    • Calendar Page Layouts26.png

    • If Prev/Next Month View is disabled, then the month layout will appear in the following manner. Save and continue to finish the layout design once done.
    • Calendar Page Layouts27.png