Move Board Description Images

[Elli]

Move Board Description Images

Moves Board Description Images to a new location.


Bottom of Home Template

<script>
$(function() {
   // Move Board Description Images to new position
   (function moveBoardImages() {
       var $boardImgLink = $('.rfbdi-board_img_link');

       $boardImgLink.each(function() {
           var $this = $(this);

           var $boardImg  = $this.children('.rfbdi-board_img');
           var $boardItem = $this.closest('.board.item');

           // Append the board image to the new container
           $boardItem.find('.image').append($boardImg);

           // Remove content generated by the plugin
           $this.siblings('.rfbdi-next_desc').remove();
           $this.closest('.main').removeClass('rfbdi-main');
           $this.remove();
       });
   })();

});
</script>

Example Board List Template

{foreach $[board]}
   {if !$[board.is_redirect]}
       <div id="$[board.content_id]" class="$[board.content_class]">
           <div class="image"></div>
           <div class="main">
               <p class="link">$[board]</p>
               <div class="description"><!-- This is a placeholder for the Board Description Images plugin --></div>
           </div>
       </div>
   {/if}
{/foreach}