All Blogs

A list of all Blogs on the site.

Standard Rendering from Component tag

{% component type: "module", source: "Blog", layout: "Blog List Layout" %}

Custom Rendering from Liquid Collection

{% component type: "module", source: "Blog", layout: "", collectionVariable: "blogData" %}
<ul>
    {% for i in blogData.items %}
    <li><a href="{{i.url}}">{{i.name}}</a></li>
    {% endfor %}
</ul>
{
  "Pagination": {
  "CurrentPage": 1,
  "ItemsPerPage": 10,
  "NumberOfPages": 1,
  "TotalItemsCount": 3
},
  "Items": [
  {
    "Id": 2286,
    "Url": "/demo-custom-blog",
    "ParentId": -1,
    "LastUpdatedDate": "2019-02-28T20:44:51",
    "Name": "DEMO Custom Blog",
    "UrlSlug": "demo-custom-blog",
    "Enabled": true,
    "ReleaseDate": "2018-12-14T18:00:00",
    "ExpiryDate": "2099-12-10T18:00:00",
    "Weighting": 0,
    "Description": "<p>This is a description for my blog.<br>\r\nIt has Categories and Tags applied and can be filtered by Category, Tag and Month.<br>\r\nPagination is also enabled.</p>",
    "ItemTags": null,
    "Author_Name": null,
    "Author_Url": null,
    "Author": "",
    "SEOTitle": "",
    "MetaTitle": "",
    "MetaDescription": "",
    "ShowPageForSearchEngine": true,
    "CanonicalLink": "",
    "EnableAMP": false,
    "AMPContent": "",
    "CodeEditor": true,
    "ExternalId": 0,
    "SocialMetaTags": "",
    "OpenGraphProperties": {
      "title": "",
      "type": "",
      "url": "",
      "locale": "",
      "image": ""
    },
    "DisableForSiteSearch": false,
    "SeoPriority": "",
    "CreatedByMemberId": 0,
    "ItemCategories": null,
    "ItemCategoryIdList": null,
    "SKUCode": "",
    "SiteSearchKeywords": "",
    "Module_ID": 1528,
    "Module_Alias": "Blog",
    "Pagination": {
      "CurrentPage": 1,
      "ItemsPerPage": 10,
      "NumberOfPages": 1,
      "TotalItemsCount": 3
    },
    "Params": {
      "source": "Blog",
      "layout": "Blog List Layout",
      "type": "module",
      "collectionVariable": "blogData"
    },
    "Parent": {
      "Type": 3
    }
  },
  {
    "Id": 2464,
    "Url": "/demo-custom-blog-2",
    "ParentId": -1,
    "LastUpdatedDate": "2019-12-18T06:51:47",
    "Name": "DEMO Custom Blog 2",
    "UrlSlug": "demo-custom-blog-2",
    "Enabled": true,
    "ReleaseDate": "2019-11-06T00:00:00",
    "ExpiryDate": "2099-12-12T00:00:00",
    "Weighting": 0,
    "Description": "<p>This is a description for my blog.<br>\nIt has Categories and Tags enabled and can be filtered by Keyword/Search, Category, Tag and Month.<br>\nFor the depreciated blog layout <a href=\"/demo-custom-blog\">see here</a>.\n</p>",
    "ItemTags": null,
    "Author_Name": null,
    "Author_Url": null,
    "Author": "",
    "SEOTitle": "",
    "MetaTitle": "",
    "MetaDescription": "",
    "ShowPageForSearchEngine": false,
    "CanonicalLink": "",
    "EnableAMP": false,
    "AMPContent": "",
    "CodeEditor": true,
    "ExternalId": 0,
    "SocialMetaTags": "",
    "OpenGraphProperties": "",
    "DisableForSiteSearch": false,
    "SeoPriority": "0.5",
    "CreatedByMemberId": 0,
    "ItemCategories": null,
    "ItemCategoryIdList": null,
    "SKUCode": "",
    "SiteSearchKeywords": "",
    "Module_ID": 1528,
    "Module_Alias": "Blog",
    "Pagination": {
      "CurrentPage": 1,
      "ItemsPerPage": 10,
      "NumberOfPages": 1,
      "TotalItemsCount": 3
    },
    "Params": {
      "source": "Blog",
      "layout": "Blog List Layout",
      "type": "module",
      "collectionVariable": "blogData"
    },
    "Parent": {
      "Type": 3
    }
  },
  {
    "Id": 2279,
    "Url": "/demo-html-blog",
    "ParentId": -1,
    "LastUpdatedDate": "2019-02-28T20:44:51",
    "Name": "DEMO HTML Blog",
    "UrlSlug": "demo-html-blog",
    "Enabled": true,
    "ReleaseDate": "2018-11-25T18:00:00",
    "ExpiryDate": "2099-12-11T07:00:00",
    "Weighting": 0,
    "Description": "",
    "ItemTags": null,
    "Author_Name": null,
    "Author_Url": null,
    "Author": "",
    "SEOTitle": "",
    "MetaTitle": "",
    "MetaDescription": "",
    "ShowPageForSearchEngine": true,
    "CanonicalLink": "",
    "EnableAMP": false,
    "AMPContent": "",
    "CodeEditor": false,
    "ExternalId": 0,
    "SocialMetaTags": "",
    "OpenGraphProperties": "",
    "DisableForSiteSearch": false,
    "SeoPriority": "",
    "CreatedByMemberId": 0,
    "ItemCategories": null,
    "ItemCategoryIdList": null,
    "SKUCode": "",
    "SiteSearchKeywords": "",
    "Module_ID": 1528,
    "Module_Alias": "Blog",
    "Pagination": {
      "CurrentPage": 1,
      "ItemsPerPage": 10,
      "NumberOfPages": 1,
      "TotalItemsCount": 3
    },
    "Params": {
      "source": "Blog",
      "layout": "Blog List Layout",
      "type": "module",
      "collectionVariable": "blogData"
    },
    "Parent": {
      "Type": 3
    }
  }
],
  "Params": {
  "source": "Blog",
  "layout": "Blog List Layout",
  "type": "module",
  "collectionVariable": "blogData"
},
  "Parent": {
  "Id": 2289,
  "Url": "/demo-cs/all-blogs",
  "ParentId": 2224,
  "LastUpdatedDate": "2019-02-28T20:45:38",
  "Name": "All Blogs",
  "UrlSlug": "all-blogs",
  "Enabled": true,
  "ReleaseDate": "2018-12-14T18:00:00",
  "ExpiryDate": "2099-12-10T18:00:00",
  "Weighting": 0,
  "Description": "<h1>All Blogs</h1>\r\n<p>A list of all Blogs on the site.</p>\r\n\r\n<div class=\"grid-x grid-padding-x\">\r\n    <div class=\"cell medium-6\">\r\n        <h3>Standard Rendering from Component tag</h3>\r\n            <pre>{% raw %}{% component type: \"module\", source: \"Blog\", layout: \"Blog List Layout\" %}{% endraw %}</pre>\r\n        {% component source: \"Blog\", layout: \"Blog List Layout\", type: \"module\", collectionVariable: \"blogData\" %}\r\n        <hr>\r\n        <h3>Custom Rendering from Liquid Collection</h3>\r\n        <pre>{% raw %}{% component type: \"module\", source: \"Blog\", layout: \"\", collectionVariable: \"blogData\" %}{% endraw %}</pre>\r\n{% capture blogloop %}{% raw %}<ul>\r\n    {% for i in blogData.items %}\r\n    <li><a href=\"{{i.url}}\">{{i.name}}</a></li>\r\n    {% endfor %}\r\n</ul>{% endraw %}{% endcapture %}\r\n        <pre>{{blogloop | escape}}</pre>\r\n        <ul>\r\n            {% for i in blogData.items %}\r\n            <li><a href=\"{{i.url}}\">{{i.name}}</a></li>\r\n            {% endfor %}\r\n        </ul>\r\n    </div>\r\n    <div class=\"cell medium-6\">\r\n        <ul class=\"tabs\" data-tabs id=\"code-tabs\">\r\n            <li class=\"tabs-title is-active\"><a href=\"#panel1\" aria-selected=\"true\">Liquid Output</a></li>\r\n        </ul>\r\n        <div class=\"tabs-content\" data-tabs-content=\"code-tabs\">\r\n            <div class=\"tabs-panel is-active\" id=\"panel1\">\r\n                <pre>{{blogData | escape}}</pre>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>",
  "ItemTags": "",
  "Author_Name": "",
  "Author_Url": "",
  "Author": "",
  "SEOTitle": "",
  "MetaTitle": "",
  "MetaDescription": "",
  "ShowPageForSearchEngine": true,
  "CanonicalLink": "",
  "EnableAMP": false,
  "AMPContent": "",
  "CodeEditor": true,
  "ExternalId": 0,
  "SocialMetaTags": "",
  "OpenGraphProperties": "",
  "DisableForSiteSearch": false,
  "SeoPriority": "",
  "CreatedByMemberId": 0,
  "ItemCategories": "",
  "ItemCategoryIdList": "",
  "SKUCode": "",
  "SiteSearchKeywords": "",
  "FtpFullPath": "Content\\Pages\\demo-cs\\all-blogs.html",
  "Module_ID": 1522,
  "Module_Alias": "Page",
  "ParentName": "demo-cs",
  "ParentUrl": "/demo-cs",
  "TemplateName": "DEMO Companion Site",
  "IsHome": false
}
}