Site.pro Site.pro
  • AI Website BuilderAI Website Builder
    • AI Website BuilderAI Website Builder
    • Online StoresOnline Stores
    • PricesPrices
    • CollaborationCollaboration
    • Website ImportWebsite Import
    • PluginsPlugins
    • Website BuilderWebsite Builder
    • TemplatesTemplates
    • For Design StudiosFor Design Studios
    • Useful LinksUseful Links
    • Affiliate ProgramAffiliate Program
    • We Build for YouWe Build for You
    • ExamplesExamples
    • LanguagesLanguages
  • DomainsDomains
    • Register Domain NameRegister Domain Name
    • Migrate DomainsMigrate Domains
    • For Domain InvestorsFor Domain Investors
    • Domain ZonesDomain Zones
    • DomainityDomainity
    • FAQ: DomainsFAQ: Domains
    • Popular Domain ZonesPopular Domain Zones
    • .com.com
    • .org.org
    • .net.net
    • .us.us
    • .co.co
  • EmailEmail
    • Free EmailFree Email
    • Email for BusinessEmail for Business
    • PricesPrices
    • Transfer EmailsTransfer Emails
    • Custom Domain EmailCustom Domain Email
    • FAQ: EmailFAQ: Email
    • Popular FAQsPopular FAQs
    • Email SetupEmail Setup
    • Auto ReplyAuto Reply
    • Auto ForwardingAuto Forwarding
    • Spam ProtectionSpam Protection
  • Accounting SoftwareAccounting Software
    • Accounting SoftwareAccounting Software
    • ModulesModules
    • PricesPrices
    • Integrations, APIIntegrations, API
    • Accounting Companies (391)Accounting Companies (391)
    • Software Integrators (52)Software Integrators (52)
    • Affiliate PartnersAffiliate Partners
    • Useful LinksUseful Links
    • Business TypesBusiness Types
    • Use CasesUse Cases
    • Accounting CompaniesAccounting Companies
    • Sole ProprietorSole Proprietor
    • InvoicingInvoicing
    • FarmerFarmer
    • E-commerceE-commerce
  • For ResellersFor Resellers
    • White LabelWhite Label
    • Revenue ShareRevenue Share
    • PricesPrices
    • PanelsPanels
    • How it WorksHow it Works
    • Marketing MaterialsMarketing Materials
    • Mass ImportMass Import
    • Our PartnersOur Partners
    • Reselling ExamplesReselling Examples
    • DocumentationDocumentation
    • Free WebsitesFree Websites
  • LearnLearn
    • Knowledge BaseKnowledge Base
    • BlogBlog
    • Growth HackingGrowth Hacking
    • For HostingsFor Hostings
    • For EducationFor Education
    • Website Сreation TutorialWebsite Сreation Tutorial
    • Teaching Institutions (70)Teaching Institutions (70)
    • Accounting Courses WorldwideAccounting Courses Worldwide
  • AI Website BuilderAI Website Builder
    • AI Website BuilderAI Website BuilderAI creates websites for you
    • Online StoresOnline StoresBuild online stores
    • PricesPricesAdvanced Features
    • CollaborationCollaborationCo-create websites live
    • Website ImportWebsite ImportImport Any Website
    • PluginsPluginsBuilder plugin and functions
    • Website BuilderWebsite BuilderKey Features
    • TemplatesTemplates200+ Awesome Templates
    • For Design StudiosFor Design StudiosBenefits for Design Studios
    • Useful LinksUseful Links
    • Affiliate ProgramAffiliate Program
    • We Build for YouWe Build for You
    • ExamplesExamples
    • LanguagesLanguages
  • DomainsDomains
    • Register Domain NameRegister Domain NameDomain registration, parking, transfer
    • Migrate DomainsMigrate DomainsTransfer. Connect. Renew
    • For Domain InvestorsFor Domain InvestorsDiscount on all domains
    • Domain ZonesDomain ZonesBuy New Domain Name
    • DomainityDomainityDomain usage by country
    • FAQ: DomainsFAQ: DomainsFind Answer
    • Popular Domain ZonesPopular Domain Zones
    • .com.com
    • .org.org
    • .net.net
    • .us.us
    • .co.co
  • EmailEmail
    • Free EmailFree EmailCreate email
    • Email for BusinessEmail for BusinessAdvanced features & protection
    • PricesPricesCheap email hosting
    • Transfer EmailsTransfer EmailsMigrate your mailboxes
    • Custom Domain EmailCustom Domain EmailEmail address with your domain
    • FAQ: EmailFAQ: EmailFind Answer
    • Popular FAQsPopular FAQs
    • Email SetupEmail Setup
    • Auto ReplyAuto Reply
    • Auto ForwardingAuto Forwarding
    • Spam ProtectionSpam Protection
  • Accounting SoftwareAccounting Software
    • Accounting SoftwareAccounting SoftwareCloud based ERP
    • ModulesModulesMain accounting software modules
    • PricesPrices30 days free trial
    • Integrations, APIIntegrations, APIIntegration with external systems
    • Accounting Companies (391)Accounting Companies (391)Choose your partner for accounting
    • Software Integrators (52)Software Integrators (52)Pick your integrations partner
    • Affiliate PartnersAffiliate PartnersPartners and Affiliate program
    • Useful LinksUseful LinksCalculators and Calendars
    • Business TypesBusiness TypesUse Cases
    • Use CasesUse Cases
    • Accounting CompaniesAccounting Companies
    • Sole ProprietorSole Proprietor
    • InvoicingInvoicing
    • FarmerFarmer
    • E-commerceE-commerce
  • For ResellersWhite LabelFor ResellersWhite Label
    • White LabelWhite LabelCustomise Builder
    • Revenue ShareRevenue ShareEarn 50% from each upgrade
    • PricesPricesRevenue Share. White Label
    • PanelsPanelsOne product for all platforms
    • How it WorksHow it WorksCloud or On-Premises
    • Marketing MaterialsMarketing MaterialsVideo. Mockups. Blocks
    • Mass ImportMass Import
    • Our PartnersOur Partners
    • Reselling ExamplesReselling Examples
    • DocumentationDocumentation
    • Free WebsitesFree Websites
  • LearnLearn
    • Knowledge BaseKnowledge BaseFAQ, Tutorial, Video
    • BlogBlogSite.pro Blog
    • Growth HackingGrowth HackingBoost your sales
    • For HostingsFor HostingsTips on marketing
    • For EducationFor EducationTraining. Tutorials
    • Website Сreation TutorialWebsite Сreation Tutorial
    • Teaching Institutions (70)Teaching Institutions (70)
    • Accounting Courses WorldwideAccounting Courses Worldwide
  • RegisterRegister
    Site.pro

    Create Your Account

    Get started — free and easy!

    Register

    By proceeding, you accept our Terms of Service and Privacy Policy
  • Log inLog in
    Site.pro

    Welcome back!

    Access your work space

    Log in

    New user? Create account
    Forgot password?
  • $
    $
  • EnglishEnglish
Server Requirements
  • Published websites
  • Site.pro IPs
Builder installation / update
On-Premises
  • Server Requirements
  • Installation
  • CRON
  • Update
  • Migration to version v4
  • Collaboration Service
  • Extra configuration
  • Manual update
  • Changing PHP version
  • Support
Plugin installation
  • Hosting Panel
    • cPanel
    • DirectAdmin
    • Plesk
    • Sentora/ZPanel
    • ISPmanager
    • InterWorx
    • Vesta
    • Hosting Controller
    • Control Web Panel
    • Hestia
    • LiveConfig
    • Webuzo
    • Custom hosting (API)
  • Billing Panel
    • WHMCS
    • Blesta
    • Upmind
    • Custom billing (API)
API documentation
  • Builder
    • Create session (SSO)
    • Remove existing session
    • Create website backup
    • Restore website backup
  • Templates
    • List template categories
    • List template category tags
    • List templates
    • Get page types available in templates
  • Import
    • Import website
    • Get website import status
    • Import website block
    • Get website block import status
    • Check if imported website is owned by user
  • Websites
    • Create website
    • Modify website
    • Rename website
    • Publish website
    • Edit website pages
    • Edit website settings
    • Delete website
    • Get website template
    • Get website pages
    • Get website variables
    • Get template variables
    • Get website settings
    • Add pages to website
    • Duplicate pages in website
    • Remove pages from website
  • Website Blocks
    • Create empty website
    • Modify website
    • Inspect website
    • Add empty page
    • Modify page
    • Remove page
    • Inspect page
    • Inspect composition
    • Modification descriptor structure by element type
    • Add blocks from compositions
    • Remove blocks
    • Move blocks
    • Modify blocks
    • Inspect block
  • Licenses
    • Get list of published websites
    • Get statistics of publications/openings
    • Block/unblock published website
    • Controlling IP list
    • Read/add/delete hosting plans
  • Integration with your system
    • Allow/disallow domain in builder
    • Check if domains are allowed in builder
  • FAQ
    • Get posts
    • Get categories
Add-ons documentation
  • For Website
    • Public demo URL
    • Editing plans
    • User registration from public demo
    • Website import
    • Generate with AI
  • For Builder
    • Adding custom templates
    • Adding custom builder plugins
    • Scripts
For developers
  • Programming reference
  • Directory structure
  • Meta information (main.json)
  • Frontend logic (main.js)
  • Element template (main.html)
  • Backend logic (main.php)
  • Plugin testing
  • Custom element plugin
  • E-commerce plugin
  • Overriding UI
  • Other examples
Change Log
API documentation → Website Blocks

Modification descriptor structure by element type

JSON LayoutElement Object Properties:

  • Object (optional)
    • Number
    • Number
    • Number
    • Number
    • Number
    • Number
    • Number
    • Number
  • Object - (optional) background descriptor:
    • String - (optional) background CSS color;
    • String - (optional) background CSS image;
    • String - (optional) background CSS position;
    • String - (optional) background CSS attachment;
    • String - (optional) background CSS repeat;
    • String - (optional) background CSS size;
  • Object - (optional) border descriptor:
    • Boolean - (optional) if true then basic border properties (color, style and weight) are different and each should contain 4 components;
    • Array of String - hex encoded color values (ex. #ff0000 - for red color), 1 or 4 components depending on differ value;
    • Array of String - style values (any of solid, dotted, dashed or double), 1 or 4 components depending on differ value;
    • Array of Number - border weight values (in pixels), 1 or 4 components depending on differ value;
  • Object - (optional) corner rounding descriptor:
    • Number - left top corner roundness;
    • Number - right top corner roundness;
    • Number - right bottom corner roundness;
    • Number - left bottom corner roundness;
    • Boolean - (optional) if false only lt value will be used for all corners;
  • Boolean - (optional) if true element will not move with page when scrolled;
  • String - (optional) sticky alignment (one of left top, center top, right top, left middle, right middle, left bottom, center bottom or right bottom);

JSON TextArea Object Properties:

  • String - (optional) text elements HTML content;

JSON Picture Object Properties:

  • String - (optional) image URL;
  • String - (optional) alternative text;
  • Object - (optional) border descriptor:
    • Boolean - (optional) if true then basic border properties (color, style and weight) are different and each should contain 4 components;
    • Array of String - hex encoded color values (ex. #ff0000 - for red color), 1 or 4 components depending on differ value;
    • Array of String - style values (any of solid, dotted, dashed or double), 1 or 4 components depending on differ value;
    • Array of Number - border weight values (in pixels), 1 or 4 components depending on differ value;
  • Object - (optional) corner rounding descriptor:
    • Number - left top corner roundness;
    • Number - right top corner roundness;
    • Number - right bottom corner roundness;
    • Number - left bottom corner roundness;
    • Boolean - (optional) if false only lt value will be used for all corners;
  • Number - (optional) image opacity in percentage (range: 0 - 100);
  • Object - (optional) link that will be opened when clicked:
    • String - (since version 4.1.0) link object class identifier. Must always be equal to "Link". Example of link object: {"_": "Link", "type": "page", "url": 2, "anchor": "main"};
    • String - link type (one of url - link to external website, page - link to page (page needs to be added to menu) on this website, email - mailto:link or phone - tel:link);
    • String or Number - link subject (different depending on type): url - URL to open (ex.: https://site.pro/), page - page ID to open (ex.: 1) Prior to version 4.1.0 page type url was menu item ID in menu specified by menuUID property , email - email address (ex.: someones@email.com), phone - phone number (ex.: +12345678912);
    • String - (optional) (removed in version 4.1.0) menu elements unique ID (only for page type) (ex.: 81a1a609);
    • String - (optional) link target (only for url and page types) (ex. _blank to open link in a new window);
    • String - (optional) anchor name to link to specific section (only for page type) (ex.: someplace);
    • String - (optional) link title (will be shown as tooltip on mouse over);
    • Boolean - (optional) if true add rel="nofollow" to the link;
    • Boolean - (optional) if true then this link will open as popup (only for url and page types);
    • Number - (optional) popup width (in pixels);
    • Number - (optional) popup height (in pixels);

JSON Gallery Object Properties:

  • String - (optional) gallery type;
  • Number - (optional) slide show interval (in seconds);
  • Number - (optional) slide show speed (in seconds);
  • String - (optional) gallery background CSS color;
  • Array of String - (optional) image list;
  • Object - (optional) border descriptor:
    • Boolean - (optional) if true then basic border properties (color, style and weight) are different and each should contain 4 components;
    • Array of String - hex encoded color values (ex. #ff0000 - for red color), 1 or 4 components depending on differ value;
    • Array of String - style values (any of solid, dotted, dashed or double), 1 or 4 components depending on differ value;
    • Array of Number - border weight values (in pixels), 1 or 4 components depending on differ value;
  • Number (optional)
  • Number - (optional) thumbnail width;
  • Number - (optional) thumbnail height;
  • String - (optional) thumbnail alignment (one of left, center or right);
  • Number - (optional) thumbnail padding;
  • Boolean - (optional) if true auto crop;
  • Boolean - (optional) if true do not enlarge picture on click;
  • Boolean - (optional) if true hide slideshow arrows;
  • String - (optional) caption visibility (one of always or hover);
  • String - (optional) caption background CSS color;
  • Object - (optional) caption title style:
    • String - (optional) text CSS color;
    • Number - (optional) CSS font size (in pixels);
    • String - (optional) CSS font face;
    • Object - (optional) text style:
      • Boolean - (optional) if true then text will be italic;
      • Boolean - (optional) if true then text will be bold;
      • Boolean - (optional) if true then text will be underlined;
    • String - (optional) CSS text alignment (one of left, center or right);
    • Number - (optional) CSS line height (in pixels);
    • Number - (optional) CSS letter spacing (in pixels);
    • String - (optional) CSS text transform;
  • Object - (optional) caption description style:
    • String - (optional) text CSS color;
    • Number - (optional) CSS font size (in pixels);
    • String - (optional) CSS font face;
    • Object - (optional) text style:
      • Boolean - (optional) if true then text will be italic;
      • Boolean - (optional) if true then text will be bold;
      • Boolean - (optional) if true then text will be underlined;
    • String - (optional) CSS text alignment (one of left, center or right);
    • Number - (optional) CSS line height (in pixels);
    • Number - (optional) CSS letter spacing (in pixels);
    • String - (optional) CSS text transform;

JSON Youtube Object Properties:

  • String - Youtube video ID;
  • String - (optional) start video from time (ex.: 00:12);
  • Boolean - (optional) if false hide video player controls;
  • Boolean - (optional) if true video player will use no/less cookies;

JSON Vimeo Object Properties:

  • String - video ID;
  • String - same value as groupId;
  • String - (optional) portrait mode (1 - Yes, 0 - No);
  • String - (optional) show title (1 - Yes, 0 - No);
  • String - (optional) auto-play (1 - Yes, 0 - No);
  • String - (optional) CSS color code;

JSON Spotify Object Properties:

  • String - (optional) type (one of play or follow);
  • String - (optional) size (one of basic or detail);
  • String - (optional) color theme (one of dark or light);
  • Number - (optional) show count (1 - show, 0 - hide);
  • String - (optional) URL to spotify playlist (for type play) or artist (for type follow);

JSON MusicPlayer Object Properties:

  • Array of String - (optional) list of music file URLs;
  • Boolean - (optional) if true will start playing on load;

JSON GoogleMaps Object Properties:

  • String - (optional) Textual address;
  • String - (optional) coordinates (latitude, longitude) (ex. 1.234567,1.234567);
  • Number - (optional) zoom level;
  • String - (optional) map type (one of hybrid, roadmap, satellite, terrain);
  • String - (optional) Google Maps API key;
  • String - (optional) color theme (one of default, light, dark or monochrome);
  • String - (optional) CSS color for monochrome color theme;
  • Boolean - (optional) if true show map type changer;
  • Boolean - (optional) if true show zoom control;
  • Boolean - (optional) if true show street view control;
  • Boolean - (optional) if true show full screen control;
  • Boolean - (optional) if true allow dragging;
  • Boolean - (optional) if true show roads overlay;
  • Boolean - (optional) if true show roads overlay;
  • Boolean - (optional) if true show labels;

JSON yandex_maps Object Properties:

  • String - (optional) Yandex Maps API key;
  • String - (optional) textual address;
  • Number - (optional) zoom level;
  • String - (optional) map type (one of yandex#map, yandex#satellite or yandex#hybrid);
  • Array of Number - (optional) coordinates (latitude, longitude);

JSON bing_maps Object Properties:

  • String - (optional) Bing Maps API key;
  • String - (optional) textual address;
  • Number - (optional) zoom level;
  • String - (optional) coordinates (latitude, longitude) (ex. 1.234567,1.234567);
  • Number - (optional) latitude coordinate (same as in coord);
  • Number - (optional) longitude coordinate (same as in coord);

JSON baidu_maps Object Properties:

  • String - (optional) group ID;
  • String - (optional) coordinates (latitude, longitude) (ex.: 116.404, 39.915);
  • String - (optional) same as int coords;
  • Number - (optional) zoom level;
  • Boolean - (optional) if true show marker;
  • Boolean - (optional) if true animate marker;

JSON Form Object Properties:

  • Object - (optional) fields descriptor where field name is field number and field value is field descriptor object with fields:
    • Boolean - if true then will be used else not;
    • String - field type (one of input, textarea, select, checkbox or file);
    • String - name of the field;
    • String - option list for select type fields;
    • Boolean - if true then field will be required;
  • String - (optional) receiver email;
  • String - (optional) sender email;
  • String - (optional) email subject;
  • String - (optional) message that is shown to user when form is sent;
  • String - (optional) form submit button text;
  • Boolean - (optional) if true SMTP sending is enabled;
  • String - (optional) SMTP server host;
  • String - (optional) SMTP server port;
  • String - (optional) SMTP server encryption (one of tls or ssl);
  • String - (optional) SMTP server username;
  • String - (optional) SMTP server password;
  • String - (optional) ReCaptcha site key;
  • String - (optional) ReCaptcha secret key;
  • String - (optional) max attachment file size;

JSON Shape Object Properties:

  • Object - (optional) background descriptor:
    • String - (optional) background CSS color;
    • String - (optional) background CSS image;
    • String - (optional) background CSS position;
    • String - (optional) background CSS attachment;
    • String - (optional) background CSS repeat;
    • String - (optional) background CSS size;
  • Object - (optional) border descriptor:
    • Boolean - (optional) if true then basic border properties (color, style and weight) are different and each should contain 4 components;
    • Array of String - hex encoded color values (ex. #ff0000 - for red color), 1 or 4 components depending on differ value;
    • Array of String - style values (any of solid, dotted, dashed or double), 1 or 4 components depending on differ value;
    • Array of Number - border weight values (in pixels), 1 or 4 components depending on differ value;
  • Object - (optional) corner rounding descriptor:
    • Number - left top corner roundness;
    • Number - right top corner roundness;
    • Number - right bottom corner roundness;
    • Number - left bottom corner roundness;
    • Boolean - (optional) if false only lt value will be used for all corners;
  • Object - (optional) link that will be opened when clicked:
    • String - (since version 4.1.0) link object class identifier. Must always be equal to "Link". Example of link object: {"_": "Link", "type": "page", "url": 2, "anchor": "main"};
    • String - link type (one of url - link to external website, page - link to page (page needs to be added to menu) on this website, email - mailto:link or phone - tel:link);
    • String or Number - link subject (different depending on type): url - URL to open (ex.: https://site.pro/), page - page ID to open (ex.: 1) Prior to version 4.1.0 page type url was menu item ID in menu specified by menuUID property , email - email address (ex.: someones@email.com), phone - phone number (ex.: +12345678912);
    • String - (optional) (removed in version 4.1.0) menu elements unique ID (only for page type) (ex.: 81a1a609);
    • String - (optional) link target (only for url and page types) (ex. _blank to open link in a new window);
    • String - (optional) anchor name to link to specific section (only for page type) (ex.: someplace);
    • String - (optional) link title (will be shown as tooltip on mouse over);
    • Boolean - (optional) if true add rel="nofollow" to the link;
    • Boolean - (optional) if true then this link will open as popup (only for url and page types);
    • Number - (optional) popup width (in pixels);
    • Number - (optional) popup height (in pixels);

JSON Button Object Properties:

  • String - (optional) button text;
  • Object - (optional) link that will be opened when clicked:
    • String - (since version 4.1.0) link object class identifier. Must always be equal to "Link". Example of link object: {"_": "Link", "type": "page", "url": 2, "anchor": "main"};
    • String - link type (one of url - link to external website, page - link to page (page needs to be added to menu) on this website, email - mailto:link or phone - tel:link);
    • String or Number - link subject (different depending on type): url - URL to open (ex.: https://site.pro/), page - page ID to open (ex.: 1) Prior to version 4.1.0 page type url was menu item ID in menu specified by menuUID property , email - email address (ex.: someones@email.com), phone - phone number (ex.: +12345678912);
    • String - (optional) (removed in version 4.1.0) menu elements unique ID (only for page type) (ex.: 81a1a609);
    • String - (optional) link target (only for url and page types) (ex. _blank to open link in a new window);
    • String - (optional) anchor name to link to specific section (only for page type) (ex.: someplace);
    • String - (optional) link title (will be shown as tooltip on mouse over);
    • Boolean - (optional) if true add rel="nofollow" to the link;
    • Boolean - (optional) if true then this link will open as popup (only for url and page types);
    • Number - (optional) popup width (in pixels);
    • Number - (optional) popup height (in pixels);
  • Object - (optional) border descriptor:
    • Boolean - (optional) if true then basic border properties (color, style and weight) are different and each should contain 4 components;
    • Array of String - hex encoded color values (ex. #ff0000 - for red color), 1 or 4 components depending on differ value;
    • Array of String - style values (any of solid, dotted, dashed or double), 1 or 4 components depending on differ value;
    • Array of Number - border weight values (in pixels), 1 or 4 components depending on differ value;
  • Object - (optional) corner rounding descriptor:
    • Number - left top corner roundness;
    • Number - right top corner roundness;
    • Number - right bottom corner roundness;
    • Number - left bottom corner roundness;
    • Boolean - (optional) if false only lt value will be used for all corners;
  • Object - (optional) text font descriptor:
    • String - CSS font face;
    • Number - CSS font size (in pixels);
    • Number - CSS line height (in pixels);
    • Number - CSS letter spacing (in pixels);
    • String - CSS text alignment (one of left, center or right);
  • Object - (optional) text style for normal button state:
    • Object - (optional) text style:
      • Boolean - (optional) if true then text will be italic;
      • Boolean - (optional) if true then text will be bold;
      • Boolean - (optional) if true then text will be underlined;
    • String - (optional) text CSS color;
  • Object - (optional) background for normal button state:
    • String - (optional) background CSS color;
    • String - (optional) background CSS image;
    • String - (optional) background CSS position;
    • String - (optional) background CSS attachment;
    • String - (optional) background CSS repeat;
    • String - (optional) background CSS size;
  • Object - (optional) text style for hover button state:
    • Object - (optional) text style:
      • Boolean - (optional) if true then text will be italic;
      • Boolean - (optional) if true then text will be bold;
      • Boolean - (optional) if true then text will be underlined;
    • String - (optional) text CSS color;
  • Object - (optional) background for hover button state:
    • String - (optional) background CSS color;
    • String - (optional) background CSS image;
    • String - (optional) background CSS position;
    • String - (optional) background CSS attachment;
    • String - (optional) background CSS repeat;
    • String - (optional) background CSS size;
  • Object - (optional) text style for active button state:
    • Object - (optional) text style:
      • Boolean - (optional) if true then text will be italic;
      • Boolean - (optional) if true then text will be bold;
      • Boolean - (optional) if true then text will be underlined;
    • String - (optional) text CSS color;
  • Object - (optional) background for active button state:
    • String - (optional) background CSS color;
    • String - (optional) background CSS image;
    • String - (optional) background CSS position;
    • String - (optional) background CSS attachment;
    • String - (optional) background CSS repeat;
    • String - (optional) background CSS size;

JSON Menu Object Properties:

  • String - (read-only) unique ID;
  • Array of Object
    • String - (removed in version 4.1.0) item type (one of page - ordinary page, external - URL to external website, anchor - link to specific section of this websites page);
    • Number - (removed in version 4.1.0) page ID for page and anchor types (optional for anchor type and not required for external type);
    • Object or String - (optional) name of this item, for multi-language websites is an object where field name is language code (ex. en) and value is translation for that language;
    • Object or String - (optional) (removed in version 4.1.0) URL (only required for external type), for multi-language websites is an object where field name is language code (ex. en) and value is URL for that language;
    • String - (optional) (removed in version 4.1.0) anchor name (only required for anchor type);
    • Boolean - (optional) (removed in version 4.1.0) if true will be hidden from menu;
    • Object - (optional) (since version 4.1.0) object containing information, where menu item must point:
      • String - link object class identifier. Must always be equal to "Link". Example of link object: {"_": "Link", "type": "page", "url": 2, "anchor": "main"};
      • String - link type (one of url - link to external website, page - link to page (page needs to be added to menu) on this website, email - mailto:link or phone - tel:link);
      • String or Number - link subject (different depending on type): url - URL to open (ex.: https://site.pro/), page - page ID to open (ex.: 1), email - email address (ex.: someones@email.com), phone - phone number (ex.: +12345678912);
      • String - (optional) link target (only for url and page types) (ex. _blank to open link in a new window);
      • String - (optional) anchor name to link to specific section (only for page type) (ex.: someplace);
      • String - (optional) link title (will be shown as tooltip on mouse over);
      • Boolean - (optional) if true add rel="nofollow" to the link;
      • Boolean - (optional) if true then this link will open as popup (only for url and page types);
      • Number - (optional) popup width (in pixels);
      • Number - (optional) popup height (in pixels);
  • String - (optional) menu type (one of hmenu - horizontal menu or vmenu - vertical menu);
  • Boolean - (optional) if true menu will not collapse on mobile;
  • String - (optional) menu item CSS text transform (ex.: uppercase);
  • Array of Number - menu item padding, list of 4 values (that represent top, right, bottom and left);
  • Array of Number - menu item padding, list of 4 values (that represent top, right, bottom and left);
  • String - (optional) menu item alignment (one of left, center, right or justify);
  • Object - (optional) normal menu item text:
    • String - (optional) text CSS color;
    • Number - (optional) CSS font size (in pixels);
    • String - (optional) CSS font face;
    • Object - (optional) text style:
      • Boolean - (optional) if true then text will be italic;
      • Boolean - (optional) if true then text will be bold;
      • Boolean - (optional) if true then text will be underlined;
    • Number - (optional) CSS letter spacing (in pixels);
  • Object - (optional) hover menu item text:
    • String - (optional) text CSS color;
    • Number - (optional) CSS font size (in pixels);
    • String - (optional) CSS font face;
    • Object - (optional) text style:
      • Boolean - (optional) if true then text will be italic;
      • Boolean - (optional) if true then text will be bold;
      • Boolean - (optional) if true then text will be underlined;
    • Number - (optional) CSS letter spacing (in pixels);
  • Object - (optional) active menu item text:
    • String - (optional) text CSS color;
    • Number - (optional) CSS font size (in pixels);
    • String - (optional) CSS font face;
    • Object - (optional) text style:
      • Boolean - (optional) if true then text will be italic;
      • Boolean - (optional) if true then text will be bold;
      • Boolean - (optional) if true then text will be underlined;
    • Number - (optional) CSS letter spacing (in pixels);
  • Object - (optional) normal menu item background:
    • String - (optional) background CSS color;
    • String - (optional) background CSS image;
    • String - (optional) background CSS position;
    • String - (optional) background CSS attachment;
    • String - (optional) background CSS repeat;
    • String - (optional) background CSS size;
  • Object - (optional) hover menu item background:
    • String - (optional) background CSS color;
    • String - (optional) background CSS image;
    • String - (optional) background CSS position;
    • String - (optional) background CSS attachment;
    • String - (optional) background CSS repeat;
    • String - (optional) background CSS size;
  • Object - (optional) active menu item background:
    • String - (optional) background CSS color;
    • String - (optional) background CSS image;
    • String - (optional) background CSS position;
    • String - (optional) background CSS attachment;
    • String - (optional) background CSS repeat;
    • String - (optional) background CSS size;
  • Object - (optional) menu background:
    • String - (optional) background CSS color;
    • String - (optional) background CSS image;
    • String - (optional) background CSS position;
    • String - (optional) background CSS attachment;
    • String - (optional) background CSS repeat;
    • String - (optional) background CSS size;
  • Object - (optional) sub-menu background:
    • String - (optional) background CSS color;
    • String - (optional) background CSS image;
    • String - (optional) background CSS position;
    • String - (optional) background CSS attachment;
    • String - (optional) background CSS repeat;
    • String - (optional) background CSS size;
  • Object - (optional) mobile menu background:
    • String - (optional) background CSS color;
    • String - (optional) background CSS image;
    • String - (optional) background CSS position;
    • String - (optional) background CSS attachment;
    • String - (optional) background CSS repeat;
    • String - (optional) background CSS size;
  • Object - (optional) menu border:
    • Boolean - (optional) if true then basic border properties (color, style and weight) are different and each should contain 4 components;
    • Array of String - hex encoded color values (ex. #ff0000 - for red color), 1 or 4 components depending on differ value;
    • Array of String - style values (any of solid, dotted, dashed or double), 1 or 4 components depending on differ value;
    • Array of Number - border weight values (in pixels), 1 or 4 components depending on differ value;
  • Object - (optional) normal menu item border:
    • Boolean - (optional) if true then basic border properties (color, style and weight) are different and each should contain 4 components;
    • Array of String - hex encoded color values (ex. #ff0000 - for red color), 1 or 4 components depending on differ value;
    • Array of String - style values (any of solid, dotted, dashed or double), 1 or 4 components depending on differ value;
    • Array of Number - border weight values (in pixels), 1 or 4 components depending on differ value;
  • Object - (optional) hover menu item border:
    • Boolean - (optional) if true then basic border properties (color, style and weight) are different and each should contain 4 components;
    • Array of String - hex encoded color values (ex. #ff0000 - for red color), 1 or 4 components depending on differ value;
    • Array of String - style values (any of solid, dotted, dashed or double), 1 or 4 components depending on differ value;
    • Array of Number - border weight values (in pixels), 1 or 4 components depending on differ value;
  • Object - (optional) active menu item border:
    • Boolean - (optional) if true then basic border properties (color, style and weight) are different and each should contain 4 components;
    • Array of String - hex encoded color values (ex. #ff0000 - for red color), 1 or 4 components depending on differ value;
    • Array of String - style values (any of solid, dotted, dashed or double), 1 or 4 components depending on differ value;
    • Array of Number - border weight values (in pixels), 1 or 4 components depending on differ value;

JSON Languages Object Properties:

  • String - (optional) type of language selector (one of select or flags);
  • Number - (optional) language selector flag size;
  • Boolean - (optional) if true then flags will be square instead of rectangular;
  • Number - (optional) spacing between flags;
  • Object - (optional) normal flag border:
    • Boolean - (optional) if true then border radius is different and should contain 4 components;
    • Array of Number - (optional) border radius values, 1 or 4 components depending on differRadius value;
    • Boolean - (optional) if true then basic border properties (color, style and weight) are different and each should contain 4 components;
    • Array of String - hex encoded color values (ex. #ff0000 - for red color), 1 or 4 components depending on differ value;
    • Array of String - style values (any of solid, dotted, dashed or double), 1 or 4 components depending on differ value;
    • Array of Number - border weight values (in pixels), 1 or 4 components depending on differ value;
  • Object - (optional) hover flag border:
    • Boolean - (optional) if true then border radius is different and should contain 4 components;
    • Array of Number - (optional) border radius values, 1 or 4 components depending on differRadius value;
    • Boolean - (optional) if true then basic border properties (color, style and weight) are different and each should contain 4 components;
    • Array of String - hex encoded color values (ex. #ff0000 - for red color), 1 or 4 components depending on differ value;
    • Array of String - style values (any of solid, dotted, dashed or double), 1 or 4 components depending on differ value;
    • Array of Number - border weight values (in pixels), 1 or 4 components depending on differ value;
© Site.pro 2011. Website Builder. United States.
Contact SalesContact SalesTerms of ServiceTerms of ServicePrivacy PolicyPrivacy PolicyCookie SettingsCookie Settings