Getting Low Alphabet Off The Ground: Need Some General Pointers
So I'm working on a site and they required alphabetical lists of their entries and I was pointed to Low Alphabet.. Very simple to install and found some basic examples to get it floating. I can sort and create a nav that dynamically generates based on the last name channel field..
But how do I set up linking? As in, clicking on the "J" category and having it spit out all of the people with the last name of J. How does that work? What would the 'list' page need to look like?
How can I implement pagination?
There's almost zero proper documentation or examples given by Low that I can find on this, outside of a handful of code snippets and a limited screenshot of some code.
Replies
MadMonk 8 Aug 2013 17:30
Ok.. So alot of Low Alphabet I've gotten working, but now my issue is that the 'list' page I've created won't actually sort the entries or even really do anything at all!
It must be something simple I'm missing here...
<div class="videolist-wrap">
{exp:low_alphabet:entries channel="pcp_clergy" limit="12" paginate="bottom" alpha-filter="{segment_3}" orderby="clergy_last_name"}
{if count == "1"}<ul class="video-list">{/if}
<li class="utility">
<div class="video-holder">
<a href="#" class="video">
<img src="{clergy_preview_image}" alt="{title}" width="188" height="110"/>
</a>
<!--<a href="#" class="video">
<img src="{images}img15.jpg" alt="Image Description" width="188" height="110"/>
</a> -->
<strong class="title"><a href="#">{clergy_first_name} {clergy_last_name}</a></strong>
<p>{clergy_congregation}</p>
</div>
<ul>
{if '{clergy_endorsed}' != ""}
<li class="orange">Endorsed</li>
{if:else}
<li class="grey">Endorsed</li>
{/if}
{if '{clergy_recognized}' != ""}
<li class="orange">Recognized</li>
{if:else}
<li class="grey">Recognized</li>
{/if}
</ul>
</li>
{if count == total_results}</ul>{/if}
{paginate}
{pagination_links}
<ul class="pagination">
{first_page}
<li><a href="{pagination_url}">First Page</a></li>
{/first_page}
{previous_page}
<li class="prev"><a href="{pagination_url}">Previous Page</a></li>
{/previous_page}
{page}
{if current_page}
<li class="active"><a href="{pagination_url}">{pagination_page_number}</a></li>
{/if}
{if !current_page}
<li><a href="{pagination_url}">{pagination_page_number}</a></li>
{/if}
{/page}
{next_page}
<li class="next"><a href="{pagination_url}">Next Page</a></li>
{/next_page}
{last_page}
<li class="last"><a href="{pagination_url}">Last Page</a></li>
{/last_page}
</ul>
{/pagination_links}
{/paginate}
{/exp:low_alphabet:entries}
Low 8 Aug 2013 21:15
The AZ List tag will give you the links to pages which allow you to filter entries by given letter. The given example should give you just that, if you simply change the parameters/paths given in that example.
The Entries tag works just like the native channel entries tag, but can filter by letter, as given in the example.
You're using a dash instead of an underscore in the alpha_filter="{segment_3}" parameter.
MadMonk 9 Aug 2013 14:56
Thank you so much! I knew I was doing something wrong.. So simple. By the way Mr. Low, let me just say that this product is a real godsend. 10/10 in my book!