Gambar Media Object Views Bootstrap Tidak Muncul

Bulan ini ada beberapa modul drupal 7 yang meminta update, salah satunya ialah 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 menciptakan layout media object memakai module views bootstrap, hal tersebut sudah saya jelaskan juga pada halaman Membuat Wesbite Cantik melaluiataubersamaini Drupal dan Bootstrap.

Waktu itu Saya melaksanakan update untuk module Views Bootstrap, dan saya merasa kebingungan saat ada salah satu tampilan yang saya buat memakai views bootstrap khususnya untuk gambar pada bab media object menghilang begitu saja, padahal sebelumnya ada

Gambar pada media object di Sidebar tidak muncul

Sesudah 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 gres tersebut.

Untuk mengatasi problem gambar pada media object module views bootstrap drupal 7 yang tidak muncul, Anda dapat mengikuti langkah – langkah diberikut :

Jika Anda sudah membuat views media object, views tersebut tidakboleh dihapus
Kalau berdasarkan saya praktik terbaik untuk memperbaiki, modifikasi atau mengedit module ialah dengan memakai metode theming pada module views, ibarat dibawah ini

Pada Style output, nanti cari output untuk views yang Anda buat, pada tumpuan diatas, contohnya milik saya outputnya ialah views-bootstrap-media-plugin-style--artikel--block-1.tpl.php maka nanti tinggal buat file gres dengan nama views-bootstrap-media-plugin-style--artikel--block-1.tpl.php dan simpan kedalam file/folder template, kemudian nanti isi dengan script diberikut :

<?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>

Terakhir klik Resacan Template, kemudian hapus tiruana cache (Flush all caches)
Bila berhasil, nanti gambar pada media object akan kembali normal ibarat diberikut ini

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

*Catatan
Anda spesialuntuk 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