Gambar Media Object Views Bootstrap Tidak Muncul

Bulan ini ada beberapa modul drupal 7 yang meminta update, salah satunya adalah modul Views Bootstrap dari versi 7.x-3.1. menjadi 7.x-3.2. Jika Anda sering mengikuti tutorial saya maka Anda sudah mengerti tentang apa yang dimaksud dengan media object atau bagaimana tentang membuat layout media object menggunakan module views bootstrap, hal tersebut sudah saya jelaskan juga pada halaman Membuat Wesbite Cantik Dengan Drupal dan Bootstrap.

Waktu itu Saya melakukan update untuk module Views Bootstrap, dan saya merasa kebingungan ketika ada salah satu tampilan yang saya buat menggunakan views bootstrap khususnya untuk gambar pada bagian media object menghilang begitu saja, padahal  sebelumnya ada

Gambar pada media object di Sidebar tidak muncul

Setelah ditelusuri ternyata memang ada kesalahan penulisan oleh sang programmer yang membuat modulenya dimana salah satu class media object yaitu pull-left tidak terpanggil alias tidak dituliskan kedalam module baru tersebut.

Untuk mengatasi masalah gambar pada media object module views bootstrap drupal 7 yang tidak muncul, Anda bisa mengikuti langkah – langkah berikut :

1. Jika Anda sudah membuat views media object, views tersebut jangan dihapus
2. Kalau menurut saya praktik terbaik untuk memperbaiki, modifikasi atau mengedit module adalah dengan menggunakan teknik theming pada module views, seperti dibawah ini
   
3. Pada Style output, nanti cari output untuk views yang Anda buat, pada contoh diatas, misalnya milik saya outputnya adalah views-bootstrap-media-plugin-style--artikel--block-1.tpl.php maka nanti tinggal buat file baru dengan nama views-bootstrap-media-plugin-style--artikel--block-1.tpl.php dan simpan kedalam file/folder template, kemudian nanti isi dengan script berikut :
   

   <?php if (!empty($title)): ?>
     <h3><?php print $title ?></h3>
   <?php endif ?>
   
   <div id="views-bootstrap-media-<?php print $id ?>" class="<?php print $classes ?>">
     <ul class="media-list">
       <?php foreach ($items as $key => $item): ?>
         <li class="media">
           <?php if ($item['image_field']): ?>
             <div class="media-left pull-left">
               <?php print $item['image_field'] ?>
             </div>
           <?php endif ?>
   
           <div class="media-body">
             <?php if ($item['heading_field']): ?>
               <h4 class="media-heading">
                 <?php print $item['heading_field'] ?>
               </h4>
             <?php endif ?>
   
             <?php print $item['body_field'] ?>
           </div>
         </li>
       <?php endforeach ?>
     </ul>
   </div>

4. Terakhir klik Resacan Template, kemudian hapus semua cache (Flush all caches)
5. Bila berhasil, nanti gambar pada media object akan kembali normal seperti berikut ini
   

Sampai disini Saya telah berhasil memperbaiki gambar pada media object views bootstrap yang tidak muncul

*Catatan
Anda hanya perlu memanggil class pull-left pada view media object <?php if ($item['image_field']): ?> <div class="media-left pull-left">

Link – link :
https://www.drupal.org/project/views_bootstrap/issues/2601748
https://www.drupal.org/files/issues/2601748-media-object-image-not-showing.patch

Video Pembahasan Masalah Gambar Media Object Views Bootstrap Tidak Muncul

PLEASE SHARE

Share it Share it Tweet Share it Pin it

Ahmad Zaelani

Seorang laki - laki biasa yang senang duduk sendirian di pinggir pantai, pengagum embun pagi dan lembayung senja, suka blogging, coding dan jogging. Moto hidupnya adalah hidup santai dan simple