Hello, I'm trying to set up the list view of my site and I want to list all pages belonging to a certain month under the heading of Month, Year and allow navigation between the different months (please see attached image). I have tried doing this archives but I've had no success. It won't allow navigation between the pages for some reason; furthermore, I want to use the date from a variable I set up not the publish date. Any help to achieve this would be greatly appreciated.
Here is the code for the static html section of the list view that shows the pages:
Here is the code for the static html section of the list view that shows the pages:
- Code: Select all
<div class="cell-lg-9 offset-top-70 offset-lg-top-0">
<div data-child="#child-calendar-carousel" data-arrows="true" data-for="#child-calendar-carousel" data-loop="true" data-dots="false" data-swipe="true" data-items="1" data-slide-to-scroll="1" class="slick-slider carousel-parent calendar-carousel">
<div class="item">
<h2 class="text-bold">June 16, 2016</h2>
</div>
<div class="item">
<h2 class="text-bold">June 17, 2016</h2>
</div>
<div class="item">
<h2 class="text-bold">June 18, 2016</h2>
</div>
</div>
<!-- Slick Carousel-->
<div class="hr divider bg-madison"></div>
<div class="offset-top-60"></div>
<div id="child-calendar-carousel" data-arrows="false" data-loop="true" data-dots="false" data-swipe="false" data-items="1" data-for=".carousel-parent" class="slick-slider">
<!-- June 2016-->
<div class="item">
<div class="range range-xs-center range-xl-left">
<div class="cell-sm-6 cell-md-5 cell-xl-4">
<article class="post-event">
<div class="post-event-img-overlay"><img src="images/blog/events-01-420x420.jpg" width="420" height="420" alt="" class="img-responsive">
<div class="post-event-overlay context-dark"><a href="apply.html" class="btn btn-primary">Book Now</a>
<div class="offset-top-20"><a href="event-page.html" class="btn btn-default">Learn More</a></div>
</div>
</div>
<div class="unit unit-lg unit-lg-horizontal">
<div class="unit-left">
<div class="post-event-meta text-center">
<div class="h3 text-bold reveal-inline-block reveal-lg-block">16</div>
<p class="reveal-inline-block reveal-lg-block">June</p><span class="text-bold reveal-inline-block reveal-lg-block inset-left-10 inset-lg-left-0">5:00pm</span>
</div>
</div>
<div class="unit-body">
<div class="post-event-body text-lg-left">
<h6><a href="event-page.html">Spacewalking Conference</a></h6>
<ul class="list-inline list-inline-xs">
<li><a href="team-member-profile.html"><span class="icon icon-xxs mdi mdi-account-outline text-middle"></span><span class="inset-left-10 text-dark text-middle">Walter Stanley</span></a></li>
</ul>
</div>
</div>
</div>
</article>
</div>
<div class="cell-sm-6 cell-md-5 cell-xl-4 offset-top-50 offset-sm-top-0">
<article class="post-event">
<div class="post-event-img-overlay"><img src="images/blog/events-02-420x420.jpg" width="420" height="420" alt="" class="img-responsive">
<div class="post-event-overlay context-dark"><a href="apply.html" class="btn btn-primary">Book Now</a>
<div class="offset-top-20"><a href="event-page.html" class="btn btn-default">Learn More</a></div>
</div>
</div>
<div class="unit unit-lg unit-lg-horizontal">
<div class="unit-left">
<div class="post-event-meta text-center">
<div class="h3 text-bold reveal-inline-block reveal-lg-block">16</div>
<p class="reveal-inline-block reveal-lg-block">June</p><span class="text-bold reveal-inline-block reveal-lg-block inset-left-10 inset-lg-left-0">5:00pm</span>
</div>
</div>
<div class="unit-body">
<div class="post-event-body text-lg-left">
<h6><a href="event-page.html">International Conference on Biomolecular Engineering</a></h6>
<ul class="list-inline list-inline-xs">
<li><a href="team-member-profile.html"><span class="icon icon-xxs mdi mdi-account-outline text-middle"></span><span class="inset-left-10 text-dark text-middle">Raymond Salazar</span></a></li>
</ul>
</div>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</div>