Rate this article
4.50
Browsing: Home » Articles » Case Studies

Vivvo Blog

Vivvo is very adaptable for different business or individual purposes and contexts. In this case it is customized for blog with multi-user function. It responds to a specific demands such as simplicity and author based navigation.

You can see the blog case study live here:
http://showroom.myvivvo.com/blog

This is a simple and clean two-column 800x600px layout. Comparing to the standard Vivvo it is very light, excess modules such as 'Most Popular'/'Most E-mailed' boxes in the right column are turned-off and the main page shows only the abstracts of the last added articles with Search option, Author box as a primary and Categories/Sections as a secondary navigation in the right column.

The following code demonstrates how we made the box with the list of the authors.

<div class="box_body">
        <vte:box module="box_users">
            <vte:params>
                <vte:param name="search_sort_by" value="name" />
                <vte:param name="search_limit" value="200" />
                <vte:param name="search_user_type" value="0,1,2,3" />
            </vte:params>
            <vte:template>
            <ul>
                <vte:foreach from="{user_list}" item="user">
                        <li><a href="{user.get_href}"><vte:value select="{user.get_name}" /></a></li>
                </vte:foreach>
                </ul>
            </vte:template>
        </vte:box>
</div>

The main navigation consists of authors and by clicking on the authors name you are provided to a web page with full articles written by that author. Articles can be ordered by different clauses.

There is a search option on every authors page, which searches only through articles of this particular author. This customization can be easily done, modified and added.

<vte:template>
    <vte:if test="{VIVVO_MODULES_SEARCH}">
        <div id="box_search" class="search">
            <div class="box_title">Search the author:</div>
            <form action="{VIVVO_URL}search.php" method="post" name="search">
                <input type="hidden" name="search_do_advanced" />
                <input value="" class="text" type="text" name="search_query" id="search_query" style="width: 176px;" />
                <input type="hidden" name="search_user_id" value="{CURRENT_AUTHOR.get_id}" />
                <button type="submit" name="search" value="0"><vte:value select="{LNG_SEARCH_BUTTON}" /></button>
            </form>
        </div>
    </vte:if>
</vte:template>

On the authors page is also shown the authors archive. This is a standard blog option and allows the users to browse through the articles written by this author on some particular month.

You will also notice that there is no standard rating function with the stars/marks, but the recommendation function which allows users to click on 'Recommend this' so the votes are collected and that makes some article more or less popular and it is shown within an abstract. This option is based on the Vivvo voting system.

We also added a Date widget which adds a nice-looking and showy date to the articles.

<div class="date">
            <div class="day"><vte:value select="{article.get_created|'d'}" /></div>
            <div class="month"><vte:value select="{article.get_created|'M'}" /></div>
</div>

                      

 

Share on: Add to your del.icio.us del.icio.us | Digg this story Digg | Add to Facebook Facebook