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 aku maka Anda sudah mengerti perihal apa yang dimaksud dengan media object atau bagaimana perihal membuat layout media object memakai module views bootstrap, hal tersebut sudah aku jelaskan juga pada halaman Membuat Wesbite Cantik Dengan Drupal dan Bootstrap.
Waktu itu Saya melaksanakan update untuk module Views Bootstrap, dan aku merasa kebingungan saat ada salah satu tampilan yang aku 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 |
Setelah ditelusuri ternyata memang ada kesalahan penulisan oleh sang programmer yang menciptakan modulenya dimana salah satu class media object yaitu pull-left tidak terpanggil alias tidak dituliskan kedalam module gres tersebut.
Untuk mengatasi duduk kasus gambar pada media object module views bootstrap drupal 7 yang tidak muncul, Anda dapat mengikuti langkah langkah berikut :
- Jika Anda sudah menciptakan views media object, views tersebut jangan dihapus
- Kalau berdasarkan aku praktik terbaik untuk memperbaiki, modifikasi atau mengedit module ialah dengan memakai teknik theming pada module views, menyerupai dibawah ini
- Pada Style output, nanti cari output untuk views yang Anda buat, pada pola diatas, contohnya milik aku 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, lalu 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>
- Terakhir klik Resacan Template, lalu hapus semua cache (Flush all caches)
- Bila berhasil, nanti gambar pada media object akan kembali normal menyerupai 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
*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