@ningji check out the iframely plugin, that might do it.
It would embed a info box, not the entire post.
Setting recent as home page shows nothing
Unsolved
Technical Support
-
Works for me on this site.
-
@PitaJ I decided to look into this a bit further, and it looks as though when the homepage is set to recent, all of the post data is missing. See the below example, which is a view source comparison between the recent page when selected from the top menu, and when set as the homepage
See line 495, and you'll notice there's a huge chunk missing (on the right).
This is very odd indeed. I have modified the template as shown below
<div data-widget-area="header"> {{{each widgets.header}}} {{widgets.header.html}} {{{end}}} <style> h2.PageHero-title::before { content: "\f017"; font-family: 'Font Awesome 5 Pro'; font-weight: 300; margin-right: 10px; line-height: 1.4; } h2.PageHero-title:after { content: "Recent discussions"; display: flex; font-weight: 300; margin: -5px 0 0; } </style> <header class="Hero PageHero"> <div class="container"> <ul class="PageHero-items"> <li class="item-title"> <h2 class="PageHero-title">Recent</h2> </li> </ul> </div> </header> </div> <div class="recent"> <div class="breadcrumb-header"> <!-- IF breadcrumbs.length --> <ol class="breadcrumb" itemscope="itemscope" itemprop="breadcrumb" itemtype="http://schema.org/BreadcrumbList"> {{{each breadcrumbs}}} <li<!-- IF @last --> component="breadcrumb/current"<!-- ENDIF @last --> itemscope="itemscope" itemprop="itemListElement" itemtype="http://schema.org/ListItem" <!-- IF @last -->class="active"<!-- ENDIF @last -->> <meta itemprop="position" content="{@index}" /> <!-- IF [email protected] --><a href="{breadcrumbs.url}" itemprop="item"><!-- ENDIF [email protected] --> <span itemprop="name"> {breadcrumbs.text} <!-- IF @last --> <!-- IF !feeds:disableRSS --> <!-- IF rssFeedUrl --><a target="_blank" href="{rssFeedUrl}" itemprop="item"><i class="fa fa-rss-square"></i></a><!-- ENDIF rssFeedUrl --><!-- ENDIF !feeds:disableRSS --> <!-- ENDIF @last --> </span> <!-- IF [email protected] --></a><!-- ENDIF [email protected] --> </li> {{{end}}} </ol> </div> <div id="welcome"> <div class="welcome"> New here ? Read <a href="https://sudonix.com/welcome">this</a> to learn how this platform can help you </div> </div> <div class="topic-list-header btn-toolbar"> <div class="pull-left"> <!-- IF canPost --> <noscript><div class="dropdown" component="category-selector"></noscript> <label component="category/post" for="category-dropdown-check" class="btn btn-primary" id="new_topic" role="button"> [[category:new_topic_button]] </label> <noscript> <input type="checkbox" class="hidden" id="category-dropdown-check" aria-hidden="true"> <ul component="category/list" class="dropdown-menu category-dropdown-menu" role="menu"> {{{each categories}}} <li role="presentation" class="category {{{if categories.disabledClass}}}disabled{{{end}}}"> <a role="menu-item" href="{config.relative_path}/compose?cid={categories.cid}">{categories.level}<span component="category-markup">{{{if categories.icon}}}<span class="fa-stack" style="{function.generateCategoryBackground}"><i style="color: {categories.color};" class="fa fa-stack-1x fa-fw {categories.icon}"></i></span>{{{end}}} {categories.name}</span></a> </li> {{{end}}} </ul> </div> </noscript> <!-- ELSE --> <a component="category/post/guest" href="{config.relative_path}/login" class="btn btn-primary">[[category:guest-login-post]]</a> <!-- ENDIF canPost --> <a href="{config.relative_path}/{selectedFilter.url}" class="inline-block"> <div class="alert alert-warning hide" id="new-topics-alert"></div> </a> </div> <div class="btn-group pull-right"> <!-- IF showTopicTools --> <div class="btn-group thread-tools bottom-sheet"> <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button"> <span class="visible-sm-inline visible-md-inline visible-lg-inline">[[topic:thread_tools.title]]</span> <span class="visible-xs-inline"><i class="fa fa-fw fa-gear"></i></span> <span class="caret"></span> </button> <ul class="dropdown-menu pull-right"> <li> <a component="topic/mark-unread-for-all" href="#"> <i class="fa fa-fw fa-inbox"></i> [[topic:thread_tools.markAsUnreadForAll]] </a> </li> <li> <a component="topic/pin" href="#"> <i class="fa fa-fw fa-thumb-tack"></i> [[topic:thread_tools.pin]] </a> </li> <li> <a component="topic/unpin" href="#" class="hidden"> <i class="fa fa-fw fa-thumb-tack fa-rotate-90"></i> [[topic:thread_tools.unpin]] </a> </li> <li> <a component="topic/lock" href="#"> <i class="fa fa-fw fa-lock"></i> [[topic:thread_tools.lock]] </a> </li> <li> <a component="topic/unlock" href="#" class="hidden"> <i class="fa fa-fw fa-unlock"></i> [[topic:thread_tools.unlock]] </a> </li> <li class="divider"></li> <li> <a component="topic/move" href="#"> <i class="fa fa-fw fa-arrows"></i> [[topic:thread_tools.move]] </a> </li> {{{if template.category}}} <li> <a component="topic/move-all" href="#"> <i class="fa fa-fw fa-arrows"></i> [[topic:thread_tools.move_all]] </a> </li> {{{end}}} <li> <a component="topic/merge" href="#"> <i class="fa fa-fw fa-code-fork"></i> [[topic:thread_tools.merge]] </a> </li> <li class="divider"></li> <li> <a component="topic/delete" href="#"> <i class="fa fa-fw fa-trash-o"></i> [[topic:thread_tools.delete]] </a> </li> <li> <a component="topic/restore" href="#" class="hidden"> <i class="fa fa-fw fa-history"></i> [[topic:thread_tools.restore]] </a> </li> <li> <a component="topic/purge" href="#" class="hidden"> <i class="fa fa-fw fa-eraser"></i> [[topic:thread_tools.purge]] </a> </li> {{{each thread_tools}}} <li> <a href="#" class="{thread_tools.class}"><i class="fa fa-fw {thread_tools.icon}"></i> {thread_tools.title}</a> </li> {{{end}}} </ul> </div> <!-- ENDIF showTopicTools --> </div> <div component="category/dropdown" class="btn-group pull-right category-dropdown-container bottom-sheet"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> {{{ if selectedCategory }}}<span class="fa-stack" style="{function.generateCategoryBackground, selectedCategory}"><i class="fa fa-fw fa-stack-1x {selectedCategory.icon}" style="color: {selectedCategory.color};"></i></span> <span class="visible-sm-inline visible-md-inline visible-lg-inline">{selectedCategory.name}</span>{{{ else }}} <span class="visible-sm-inline visible-md-inline visible-lg-inline">[[unread:all_categories]]</span><span class="visible-xs-inline"><i class="fa fa-fw fa-list"></i></span>{{{ end }}} <span class="caret"></span> </button> <div component="category-selector-search" class="hidden"> <input type="text" class="form-control" autocomplete="off"> </div> <ul component="category/list" class="dropdown-menu category-dropdown-menu" role="menu"> {{{ if allCategoriesUrl }}} <li role="presentation" class="category" data-all="all"> <a role="menu-item" href="{config.relative_path}/{allCategoriesUrl}"><i component="category/select/icon" class="fa fa-fw fa-check {{{if selectedCategory}}}invisible{{{end}}}"></i> [[unread:all_categories]]</a> </li> {{{ end }}} {{{each categoryItems}}} <li role="presentation" class="category {{{ if ../disabledClass }}}disabled{{{ end }}}" data-cid="{../cid}" data-parent-cid="{../parentCid}" data-name="{../name}"> <a role="menu-item" href="#">{../level}<i component="category/select/icon" class="fa fa-fw fa-check {{{ if !../selected }}}invisible{{{ end }}}"></i><span component="category-markup" style="{{{ if ../match }}}font-weight: bold;{{{end}}}">{{{ if ../icon }}}<span class="fa-stack" style="{function.generateCategoryBackground}"><i class="fa fa-fw fa-stack-1x {../icon}" style="color: {../color};"></i></span>{{{ end }}} {../name}</span></a> </li> {{{end}}} </ul> </div> <div class="btn-group pull-right bottom-sheet <!-- IF !filters.length -->hidden<!-- ENDIF !filters.length -->"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <span class="visible-sm-inline visible-md-inline visible-lg-inline">{selectedFilter.name}</span><span class="visible-xs-inline"><i class="fa fa-fw {selectedFilter.icon}"></i></span> <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu"> {{{each filters}}} <li role="presentation" class="category {{{if filters.selected}}}selected{{{end}}}"> <a role="menu-item" href="{config.relative_path}/{filters.url}"><i class="fa fa-fw <!-- IF filters.selected -->fa-check<!-- ENDIF filters.selected -->"></i>{filters.name}</a> </li> {{{end}}} </ul> </div> </div> <div class="category"> <!-- IF !topics.length --> <div class="alert alert-warning" id="category-no-topics">[[recent:no_recent_topics]]</div> <!-- ENDIF !topics.length --> <ul component="category" class="topic-list" itemscope itemtype="http://www.schema.org/ItemList" data-nextstart="{nextStart}" data-set="{set}"> <meta itemprop="itemListOrder" content="descending"> {{{each topics}}} <li component="category/topic" class="row clearfix category-item {function.generateTopicClass}" data-tid="{topics.tid}" data-index="{topics.index}" data-cid="{topics.cid}" itemprop="itemListElement"> <a id="{../index}" data-index="{../index}" component="topic/anchor"></a> <meta itemprop="name" content="{function.stripTags, title}"> <div class="col-md-6 col-sm-9 col-xs-10 content"> <div class="avatar pull-left"> <!-- IF showSelect --> <div class="select" component="topic/select"> {{{ if ./thumbs.length }}} <img src="{./thumbs.0.url}" class="user-img not-responsive" /> {{{ else }}} {buildAvatar(../user, "46", true, "not-responsive")} {{{ end }}} <i class="fa fa-check"></i> </div> <!-- ENDIF showSelect --> <!-- IF !showSelect --> <a href="<!-- IF topics.user.userslug -->{config.relative_path}/user/{topics.user.userslug}<!-- ELSE -->#<!-- ENDIF topics.user.userslug -->" class="pull-left"> {{{ if ./thumbs.length }}} <img src="{./thumbs.0.url}" class="user-img not-responsive" /> {{{ else }}} {buildAvatar(../user, "46", true, "not-responsive")} {{{ end }}} </a> <!-- ENDIF !showSelect --> </div> <h2 component="topic/header" class="title"> <i component="topic/scheduled" class="fa fa-clock-o <!-- IF !topics.scheduled -->hide<!-- ENDIF !topics.scheduled -->" title="[[topic:scheduled]]"></i> <i component="topic/pinned" class="fa fa-thumb-tack <!-- IF (topics.scheduled || !topics.pinned) -->hide<!-- ENDIF (topics.scheduled || !topics.pinned) -->" title="{{{ if !../pinExpiry }}}[[topic:pinned]]{{{ else }}}[[topic:pinned-with-expiry, {../pinExpiryISO}]]{{{ end }}}"></i> <i component="topic/locked" class="fa fa-lock <!-- IF !topics.locked -->hide<!-- ENDIF !topics.locked -->" title="[[topic:locked]]"></i> <i component="topic/moved" class="fa fa-arrow-circle-right <!-- IF !topics.oldCid -->hide<!-- ENDIF !topics.oldCid -->" title="[[topic:moved]]"></i> {{{each topics.icons}}}{@value}{{{end}}} <!-- IF !topics.noAnchor --> <a href="{config.relative_path}/topic/{topics.slug}<!-- IF topics.bookmark -->/{topics.bookmark}<!-- ENDIF topics.bookmark -->" itemprop="url">{topics.title}</a><br /> <!-- ELSE --> <span>{topics.title}</span><br /> <!-- ENDIF !topics.noAnchor --> <!-- IF !template.category --> <small> <a href="{config.relative_path}/category/{topics.category.slug}"><span class="fa-stack fa-lg" style="{function.generateCategoryBackground, topics.category}"><i style="color:{topics.category.color};" class="fa {topics.category.icon} fa-stack-1x"></i></span> {topics.category.name}</a> • </small> <!-- ENDIF !template.category --> <!-- IF topics.tags.length --> <span class="tag-list hidden-xs"> {{{each topics.tags}}} <a href="{config.relative_path}/tags/{topics.tags.valueEscaped}"><span class="tag" style="<!-- IF topics.tags.color -->color: {topics.tags.color};<!-- ENDIF topics.tags.color --><!-- IF topics.tags.bgColor -->background-color: {topics.tags.bgColor};<!-- ENDIF topics.tags.bgColor -->">{topics.tags.valueEscaped}</span></a> {{{end}}} <small>•</small> </span> <!-- ENDIF topics.tags.length --> <small class="hidden-xs"><span class="timeago" title="{topics.timestampISO}"></span> • <a href="<!-- IF topics.user.userslug -->{config.relative_path}/user/{topics.user.userslug}<!-- ELSE -->#<!-- ENDIF topics.user.userslug -->">{topics.user.displayname}</a></small> <small class="visible-xs-inline"> <!-- IF topics.teaser.timestamp --> <span class="timeago" title="{topics.teaser.timestampISO}"></span> <!-- ELSE --> <span class="timeago" title="{topics.timestampISO}"></span> <!-- ENDIF topics.teaser.timestamp --> </small> </h2> </div> <div class="mobile-stat col-xs-2 visible-xs text-right"> <span class="human-readable-number">{topics.postcount}</span> <a href="{config.relative_path}/topic/{topics.slug}/{topics.teaser.index}"><i class="fa fa-arrow-circle-right"></i></a> </div> <div class="col-md-1 hidden-sm hidden-xs stats stats-votes"> <!-- IF !reputation:disabled --> <span class="human-readable-number" title="{topics.votes}">{topics.votes}</span><br /> <small>[[global:votes]]</small> <!-- END --> </div> <div class="col-md-1 hidden-sm hidden-xs stats stats-postcount"> <span class="human-readable-number" title="{topics.postcount}">{topics.postcount}</span><br /> <small>[[global:posts]]</small> </div> <div class="col-md-1 hidden-sm hidden-xs stats stats-viewcount"> <span class="human-readable-number" title="{topics.viewcount}">{topics.viewcount}</span><br /> <small>[[global:views]]</small> </div> <div class="col-md-3 col-sm-3 teaser hidden-xs" component="topic/teaser"> <div class="card background-link-container" style="border-color: {topics.category.bgColor}"> <a class="background-link" href="{config.relative_path}/topic/{topics.slug}/{topics.teaser.index}"></a> <!-- IF topics.unreplied --> <p> [[category:no_replies]] </p> <!-- ELSE --> <!-- IF topics.teaser.pid --> <p> <a href="{config.relative_path}/user/{topics.teaser.user.userslug}">{buildAvatar(topics.teaser.user, "24", true, "not-responsive")}</a> <a class="permalink" href="{config.relative_path}/topic/{topics.slug}/{topics.teaser.index}"> <span class="timeago" title="{topics.teaser.timestampISO}"></span> </a> </p> <div class="post-content"> {topics.teaser.content} </div> <!-- ENDIF topics.teaser.pid --> <!-- ENDIF topics.unreplied --> </div> </div> </li> {{{end}}} </ul> <!-- IF config.usePagination --> <div component="pagination" class="text-center pagination-container<!-- IF !pagination.pages.length --> hidden<!-- ENDIF !pagination.pages.length -->"> <ul class="pagination hidden-xs"> <li class="previous pull-left<!-- IF !pagination.prev.active --> disabled<!-- ENDIF !pagination.prev.active -->"> <a href="?{pagination.prev.qs}" data-page="{pagination.prev.page}"><i class="fa fa-chevron-left"></i> </a> </li> {{{each pagination.pages}}} <!-- IF pagination.pages.separator --> <li component="pagination/select-page" class="page select-page"> <a href="#"><i class="fa fa-ellipsis-h"></i></a> </li> <!-- ELSE --> <li class="page<!-- IF pagination.pages.active --> active<!-- ENDIF pagination.pages.active -->" > <a href="?{pagination.pages.qs}" data-page="{pagination.pages.page}">{pagination.pages.page}</a> </li> <!-- ENDIF pagination.pages.separator --> {{{end}}} <li class="next pull-right<!-- IF !pagination.next.active --> disabled<!-- ENDIF !pagination.next.active -->"> <a href="?{pagination.next.qs}" data-page="{pagination.next.page}"> <i class="fa fa-chevron-right"></i></a> </li> </ul> <ul class="pagination hidden-sm hidden-md hidden-lg"> <li class="first<!-- IF !pagination.prev.active --> disabled<!-- ENDIF !pagination.prev.active -->"> <a href="?{pagination.first.qs}" data-page="1"><i class="fa fa-fast-backward"></i> </a> </li> <li class="previous<!-- IF !pagination.prev.active --> disabled<!-- ENDIF !pagination.prev.active -->"> <a href="?{pagination.prev.qs}" data-page="{pagination.prev.page}"><i class="fa fa-chevron-left"></i> </a> </li> <li component="pagination/select-page" class="page select-page"> <a href="#">{pagination.currentPage} / {pagination.pageCount}</a> </li> <li class="next<!-- IF !pagination.next.active --> disabled<!-- ENDIF !pagination.next.active -->"> <a href="?{pagination.next.qs}" data-page="{pagination.next.page}"> <i class="fa fa-chevron-right"></i></a> </li> <li class="last<!-- IF !pagination.next.active --> disabled<!-- ENDIF !pagination.next.active -->"> <a href="?{pagination.last.qs}" data-page="{pagination.pageCount}"><i class="fa fa-fast-forward"></i> </a> </li> </ul> </div> <!-- ENDIF config.usePagination --> </div> </div>This works fine when selected from the top menu, or direct URL, but not when served as the homepage. Not sure why - I can't see any mistakes here.
-
Found the issue. It's caused by this block (breadcrumbs)
<div class="breadcrumb-header"> <!-- IF breadcrumbs.length --> <ol class="breadcrumb" itemscope="itemscope" itemprop="breadcrumb" itemtype="http://schema.org/BreadcrumbList"> {{{each breadcrumbs}}} <li<!-- IF @last --> component="breadcrumb/current"<!-- ENDIF @last --> itemscope="itemscope" itemprop="itemListElement" itemtype="http://schema.org/ListItem" <!-- IF @last -->class="active"<!-- ENDIF @last -->> <meta itemprop="position" content="{@index}" /> <!-- IF [email protected] --><a href="{breadcrumbs.url}" itemprop="item"><!-- ENDIF [email protected] --> <span itemprop="name"> {breadcrumbs.text} <!-- IF @last --> <!-- IF !feeds:disableRSS --> <!-- IF rssFeedUrl --><a target="_blank" href="{rssFeedUrl}" itemprop="item"><i class="fa fa-rss-square"></i></a><!-- ENDIF rssFeedUrl --><!-- ENDIF !feeds:disableRSS --> <!-- ENDIF @last --> </span> <!-- IF [email protected] --></a><!-- ENDIF [email protected] --> </li> {{{end}}} </ol> </div>Removing this seems to resolve the issue but then leaves me with no breadcrumbs
-
That should pull in the partial. You can check the tpl in build/public/templates to check if it's being imported.
-
-
@phenomlab no I mean check the template that the import is in, the partial should replace it in the version in build.
-
Does it work if you switch to the persona theme?
-
Odd, are you trying this as an admin user? What version of persona and nodebb?
-
