Hello,

Per one of our customer’s request, I will show you how to position the comments box you see in the Collections section on the left, instead of the right. You probably may have noticed that the Collections section is the only section where it is at the right. If you have not, go check it and you’ll see what I’m talking about. Works for the whole v2 branch.

1. Open ./styles/cbv2new/layout/view_collection.html

2. Find

{if $myquery->is_commentable($c,'collection')}
             <div style="height:5px;"></div>
                {include file="$style_dir/blocks/comments/add_comment.html" id=$c.collection_id type='cl'}
            {/if}

and the paste it before:

<div id="collectionComments">

so non previously modified view_collection.html file would look like this:

<!-- Defining object type-->
{lang code='collection' assign='object_type'}

<div style="width:990px; margin:0px auto">
{uploadButton details=$c output='link' target="_blank" class='moveR small_button non_button'}
	<div class="video_title" style="padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ccc;">{$c.collection_name} </div>
    
    <div style="font:normal 10px Tahoma; color:#333; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ccc;">{lang code="by"|capitalize} <a href="{$userquery->profile_link($c)}">{$c.username|capitalize}</a> - <a href="{link name='user_videos'}{$c.username}">{lang code="view"|capitalize} {$c.username|capitalize} {lang code="videos"|capitalize}</a> {if $c.userid == $userquery->userid} - <a href="{link name='edit_collection'}{$c.collection_id}">{lang code="edit_collection"}</a> - {link name='manage_items' assign='miLink'} <a href="{$miLink|sprintf:$c.collection_id:$c.type}">{lang code="manage_items"}</a>{/if}</div>
       
    <div style="clear:both;"></div>
   <!-- <div style="height:1px; border-bottom:1px solid #ccc; margin:5px 0;"></div>-->
    <div class="moveL video_title" style="font-size:14px; clear:both; margin-bottom:5px;">{$c.type|capitalize} ({$c.total_objects})</div>
    <div class="clear"></div>
    <div class="clearfix" style="padding:10px; background:#f7f7f7; border:1px solid #ccc;">
    	<div class="collectionTable">
            <div id="collectionItemsList" class="clearfix">
                {section name=list loop=$objects}
                    {include file="$style_dir/blocks/collection.html" object=$objects[list] display_type=view_collection type=$c.type}
                {sectionelse}
                    <div align="center" style="font:bold 11px Tahoma;">{$c.collection_name} has 0 items.</div>    
                {/section}   
            </div>
        </div>
    </div>
    
    <div id="NewPagination" class="moveR">{include file="$style_dir/blocks/new_pagination.html"}</div>
    
   <!--{include file="$style_dir/blocks/pagination.html"}-->
    <div style="padding-bottom:5px; height:1px; margin-bottom:5px; clear:both; border-bottom:1px solid #ccc;"></div>
    <div class="moveL" style="width:170px; font:normal 11px Tahoma;">
        <span style="color:#333; font-weight:bold;">{lang code="date_added"}</span>
        <div style="height:2px; clear:both;"></div>
        {$c.date_added|niceTime}
        <div style="height:8px; clear:both;"></div>
        
        <span style="color:#333; font-weight:bold;">{lang code="views"}</span>
        <div style="height:2px; clear:both;"></div>
        {$c.views|number_format} {lang code="views"}
        <div style="height:8px; clear:both;"></div>
            
    	<span style="color:#333; font-weight:bold;">{lang code="categories"}</span>
        <div style="height:2px; clear:both;"></div>
        {$c.category|categories:collections}
        <div style="height:8px; clear:both;"></div>
        
        <span style="color:#333; font-weight:bold;">{lang code="tags"}</span>
        <div style="height:2px; clear:both;"></div>
        {$c.collection_tags|tags:collections}
        
        

    </div> <!-- moveL end -->
    
    <div class="clearfix" style="width:820px; float:left;">
    	<span style="font:normal 11px Tahoma">{$c.collection_description|description}</span>
        <div class="borderLine"></div>
        <div class="video_actions_cont clearfix">
        	{assign var=rating value=$cbcollection->collection_rating($c.collection_id,'collection')}
            
            {if $Cbucket->configs.collection_rating}
                <div class="rating_container">
                    {show_video_rating  rating=$c.rating ratings=$c.rated_by total='10' id=$c.collection_id type=collection}
                </div>
            {/if}
            <div class="actions clearfix" style="float:left; margin:8px 0 0 15px; padding:0px;">
            <ul>
            <li><a href="javascript:void(0)" onclick="slide_up_watch_video('#video_action_result_cont');add_to_fav('collection','{$c.collection_id}');"><img src="{$imageurl}/dot.gif" class="add_to_fav" />{lang code='add_to_favs'}</a></li>
            <li><a href="javascript:void(0)" onclick="slide_up_watch_video('#share_form');$('#share_form').slideToggle();"><img src="{$imageurl}/dot.gif" class="add_to_play" />{lang code='share_this'}</a></li>
            <li><a href="javascript:void(0)" onclick="slide_up_watch_video('#flag_item');$('#flag_item').slideToggle();"><img src="{$imageurl}/dot.gif" class="report_this" />{lang code='report_this'}</a></li>
            
            </ul>            
            </div>
            
            
        </div> <!-- video_actions_cont -->
        <div style="margin-top:15px">{AD place=ad_728x90}</div>
        <div class="video_action_result_boxes">
            {show_share_form id=$c.collection_id type=Collection}
            {show_flag_form id=$c.collection_id type=Collection}
            <div class="action_box" style="display:none" id="video_action_result_cont"></div>
        </div>
        </div> <!-- IN-LINE DIV END -->
        
       {if $myquery->is_commentable($c,'collection')}
    <div style="height:15px; clear:both;"></div>
    <div class="" style="font-size:12px; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ccc;"><h2 class="commentHead">{lang code="comments"} ({$c.total_comments})</h2></div>  
    <div class="moveL" style="width:650px">
    	{if $myquery->is_commentable($c,'collection')}
             <div style="height:5px;"></div>
                {include file="$style_dir/blocks/comments/add_comment.html" id=$c.collection_id type='cl'}
        {/if}
        <div id="collectionComments">
        	
            <div id="comments"></div>
			<script>
                $(document).ready(function()
                {ldelim}		
                    comments_voting = 'no';	
                    getComments('cl','{$c.collection_id}','{$c.last_commented}',1,'{$c.total_comments}','{$object_type}')
                {rdelim}
                );
            </script>
        </div>
      </div>
      {else}
      <div align="center" class="moveL no_comments" style="width:650px">
    	{lang code='comm_disabled_for_collection'}
   	 </div>
      
      {/if}
      
      <div class="moveR collectionComments" style="width:330px">
         <div align="center" style="margin:5px auto">{AD place=ad_300x250}</div>  
       </div>  
</div>

3. Save & upload.

That’s it! If for some reason it does not work for you, please let me know. Should you have any questions, comments or suggestions, please let me know and I’ll be more than glad to assist you.

Best Regards,

Richi González

Looking for quality Clip-Bucket hosting? Try out Arvixe and you won’t be disappointed.