How to Move Collections’ Comments Section to the Left in Clip-Bucket v2

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.

Tags: , , , , , , , , , , , , , , , , | Posted under ClipBucket | RSS 2.0

Author Spotlight

Richi González

I started programming when I was 12. I'm a Developer and have been working with the Clip-Bucket script since it came out. I'm the Liaison between Arvixe and Clip-Bucket, so anything you need regarding Clip-Bucket or any particular computer-related subject you need, let me know so I can assist you.

2 Comments on How to Move Collections’ Comments Section to the Left in Clip-Bucket v2

  1. Jeffrey Sisk says:

    Richi.. do you have an email address or something where I can send you a couple of clipbucket questions? I have an account at Arvixe.
    Thanks.. Jeff

Leave a Reply

Your email address will not be published. Required fields are marked *