BlendPages

January 04, 2019

BlendPages is the standard version we sell with all projects. It includes all homepage cards available on back pages, and the ability to have multi-use templates or page specific templates.

Features:

  • Ability to rename cards
  • Mobile optimized cards
  • Individual font color customization options
  • Individual background options including; image, color, gradient/filter color
  • Schema organized with headings and improved terminology
  • Custom master class option to access specific
  • Custom stylesheet for additional individual customizations for cards

Universal schema controls:

  1. Card name (card name overwrites type in client display)
  2. Display mode (all/mobile/desktop)
  3. Developer class box

Card name

This control allows the client to name cards for easy reference in the customizer. This information is not reflected on the site.

Display mode

Specifies whether the card should be visible on all devices, mobile only, desktop only, or hidden. Essentially this is an extension of the "eye" hide icon for standard Turbo homepage sections.

Developer Class box

A handy utility for developers, entering class names here allows for easy unique card styling without the need for creating new templates.

    {
    "type": "header",
    "content": "General settings",
    "info": "Card type: [Card Name]"
    },
    {
    "type": "text",
    "id": "title",
    "label": "Name this card",
    "info": "Name this card for quick referencing (will not be shown on your site)."
    },
    {
    "type": "select",
    "id": "display-mode",
    "label": "Display mode",
    "info": "Choose which devices to display this content on.",
    "default": " ",
    "options": [
    {
    "value": " ",
    "label": "All devices"
    },
    {
    "value": "mobile-only",
    "label": "Mobile only"
    },
    {
    "value": "mobile-hidden",
    "label": "Desktop only"
    },
    {
    "value": "display-none",
    "label": "Hidden"
    }
    ]
    },
    
    [CARD SPECIFIC SCHEMA]
    
    {
    "type": "header",
    "content": "DEVELOPER USE ONLY"
    },
    {
    "type": "text",
    "id": "master-class",
    "label": "Custom class(es):"
    }
    

    Exclusive cards:

    1. FAQ