Calyx 5.7

Calyx 5.7 Documentation - v 1.0

INSTALLATION INSTRUCTIONS

1. Unzip this file in your site's packages/ directory.
2. Login to your site as an administrator.
3. Find the "Add Functionality" page in your dashboard.
4. Find this package in the list of packages awaiting installation.
5. Click the "install" button.

PAGELIST CUSTOM BLOCK TEMPLATES

Use a "Page list" block then choose the desired template under design & custom template -> gear icon -> custom template

*Note: use thumbnail in custom attributes for the images (page settings -> attributes -> thumbnail)

  • Calyx Blog Index
  • Calyx Blog Index Thumbnail
  • Calyx Blog List Full Width (use custom attribute Full Width Blog Thumbnail)
  • Calyx Three Column Blog Index
  • Calyx Three Column Features
  • Calyx Four Column Blog Index
  • Calyx Four Column Feature
  • Calyx Carousel Portfolio
  • Calyx Footer Blog Index

AUTONAV CUSTOM BLOCK TEMPLATES

Use an "Autonav" block then choose the desired template under design & custom template -> gear icon -> custom template

  • Calyx Dropdown
  • Calyx Left Side Nav
  • Calyx Right Side Nav
  • Calyx Footer Nav

IMAGE SLIDER CUSTOM BLOCK TEMPLATES

Use a "Image Slider" block then choose the desired template under design & custom template -> gear icon -> custom template

  • Calyx Horizontal Slider
  • Calyx Vertical Slider

TESTIMONIAL CUSTOM BLOCK TEMPLATES

 

Use a "Testimonial" block then choose the desired template under design & custom template -> gear icon -> custom template

  • Calyx Testimonial
  • Calyx Testimonail v2

 

FEATURE CUSTOM BLOCK TEMPLATES

 

Use a "Feature" block then choose the desired template under design & custom template -> gear icon -> custom template

  • Calyx Feature

 

  HEADLINE AND BREADCRUMBS

To enable headline and breadcrumbs go to page settings -> attributes -> and check breadcrumbs (Yes)

THEME COLOR SCHEMES & CUSTOMIZABLE COLORS/ELEMENTS

For more information about theme color customization go to this document page.

CALL TO ACTION BUTTON

Simply add a class "cta-button" on your <a> tag. Ex. <a href="#" class="cta-button">Test Button</a>

Test Button