diff --git a/main/template/default/layout/hot_course_item.tpl b/main/template/default/layout/hot_course_item.tpl
index 806e18d44f..2e3955f422 100755
--- a/main/template/default/layout/hot_course_item.tpl
+++ b/main/template/default/layout/hot_course_item.tpl
@@ -33,26 +33,52 @@
                         {{ item.rating_html }}
                     </div>
                     <div class="block-author">
-                        {% for teacher in item.teachers %}
-                        
-                            {% if item.teachers | length > 2 %}
-                                <a href="{{ teacher.url }}" class="ajax" data-title="{{ teacher.firstname }} {{ teacher.lastname }}">
-                                    <img src="{{ teacher.avatar }}" alt="{{ 'TeacherPicture' | get_lang }}" />
-                                </a>
-                            {% else %}
-                                <a href="{{ teacher.url }}" class="ajax" data-title="{{ teacher.firstname }} {{ teacher.lastname }}">
-                                    <img src="{{ teacher.avatar }}" alt="{{ 'TeacherPicture' | get_lang }}" />
-                                </a>
-                                <div class="teachers-details">
-                                    <h5>
-                                        <a href="{{ teacher.url }}" class="ajax" data-title="{{ teacher.firstname }} {{ teacher.lastname }}">
-                                            {{ teacher.firstname }} {{ teacher.lastname }}
+                        {% if item.teachers | length > 6 %}
+                            <a id="plist" data-trigger="focus" tabindex="0" role="button" class="btn btn-default panel_popover" data-toggle="popover" title="{{ 'CourseTeachers' | get_lang }}" data-html="true">
+                                <i class="fa fa-graduation-cap" aria-hidden="true"></i>
+                            </a>
+                            <div id="popover-content-plist" class="hide">
+                                {% for teacher in item.teachers %}
+                                    <div class="popover-teacher">
+                                        <a href="{{ teacher.url }}" class="ajax"
+                                           data-title="{{ teacher.firstname }} {{ teacher.lastname }}">
+                                            <img src="{{ teacher.avatar }}"/>
                                         </a>
-                                    </h5>
-                                    <p>{{ 'Teacher' | get_lang }}</p>
-                                </div>
-                            {% endif %}
-                        {% endfor %}
+                                        <div class="teachers-details">
+                                            <h5>
+                                                <a href="{{ teacher.url }}" class="ajax"
+                                                   data-title="{{ teacher.firstname }} {{ teacher.lastname }}">
+                                                    {{ teacher.firstname }} {{ teacher.lastname }}
+                                                </a>
+                                            </h5>
+                                        </div>
+                                    </div>
+                                {% endfor %}
+                            </div>
+                        {% else %}
+                            {% for teacher in item.teachers %}
+                                {% if item.teachers | length <= 2 %}
+                                    <a href="{{ teacher.url }}" class="ajax"
+                                       data-title="{{ teacher.firstname }} {{ teacher.lastname }}">
+                                        <img src="{{ teacher.avatar }}"/>
+                                    </a>
+                                    <div class="teachers-details">
+                                        <h5>
+                                            <a href="{{ teacher.url }}" class="ajax"
+                                               data-title="{{ teacher.firstname }} {{ teacher.lastname }}">
+                                                {{ teacher.firstname }} {{ teacher.lastname }}
+                                            </a>
+                                        </h5>
+                                        <p>{{ 'Teacher' | get_lang }}</p>
+                                    </div>                                       
+                                {% elseif item.teachers | length <= 6 %}
+                                    <a href="{{ teacher.url }}" class="ajax"
+                                       data-title="{{ teacher.firstname }} {{ teacher.lastname }}">
+                                        <img src="{{ teacher.avatar }}"/>
+                                    </a>
+                                {% endif %} 
+                            {% endfor %}
+                        {% endif %}
                     </div>
                     <div class="toolbar row">
                         <div class="col-sm-4">