Hallo! Selamat Datang di Marketplace produk digital, Freelancer terbaik di indonesia (67496 Members, 783 Products, 5291 Topic, 12956 Comments)

membuat menu kategori produk sejajar/responsive pada marketplace codigniter

Dibuat
Login Terakhir 6 Bulan lalu,
Telah Dilihat 1256 Kali
azray kisaran Mengatakan : Sultan Account
  1. Assalamualaikum Warahmatullahi Wabarakatuh...
  2. mas robby mau tanya ni, kemarin saya modifikasi scripst content.php pada baris 1-5 untuk menampilkan menu kategori dibawah gambar iklan. sudah berhasil namun tidak sejajar kotak menunya mungkin faktro teks masing-masing nama produknya. berikut saya lampirkan script dan screnshot tampilan menu kategori di mobile.
  3.  
  4. <?php
  5. $kategori = $this->model_app->view('rb_kategori_produk');
  6. foreach ($kategori->result_array() as $rows) {
  7. echo "<a class='btn btn-sm btn-primary' href='".base_url()."produk/kategori/$rows[kategori_seo]'> $rows[nama_kategori]</a>";
  8. }
  9.  
  10.  
  11. $no = 1;
  12. foreach ($kategori->result_array() as $kat) {
  13. $produk = $this->model_reseller->produk_perkategori(0,0,$kat['id_kategori_produk'],20);
  14. echo "<p class='sidebar-title text-danger produk-title'>$kat[nama_kategori]</p>
  15. <div class='container'>";
  16. foreach ($produk->result_array() as $row){
  17. $ex = explode(';', $row['gambar']);
  18. if (trim($ex[0])==''){ $foto_produk = 'no-image.png'; }else{ $foto_produk = $ex[0]; }
  19. if (strlen($row['nama_produk']) > 38){ $judul = substr($row['nama_produk'],0,38).',..'; }else{ $judul = $row['nama_produk']; }
  20. $jual = $this->model_reseller->jual_reseller($row['id_reseller'],$row['id_produk'])->row_array();
  21. $beli = $this->model_reseller->beli_reseller($row['id_reseller'],$row['id_produk'])->row_array();
  22. if ($beli['beli']-$jual['jual']<=0){ $stok = '<b style="color:#000">Stok Habis</b>'; }else{ $stok = "<span style='color:green'>Stok ".($beli['beli']-$jual['jual'])." $row[satuan]</span>"; }
  23.  
  24. $disk = $this->model_app->view_where("rb_produk_diskon",array('id_produk'=>$row['id_produk']))->row_array();
  25. $diskon = rupiah(($disk['diskon']/$row['harga_konsumen'])*100,0)."%";
  26. if ($diskon>0){ $diskon_persen = "<div class='top-right'>$diskon</div>"; }else{ $diskon_persen = ''; }
  27. if ($diskon>=1){
  28. $harga = "<del style='color:#8a8a8a'><small>Rp ".rupiah($row['harga_konsumen'])."</small></del> Rp ".rupiah($row['harga_konsumen']-$disk['diskon']);
  29. }else{
  30. $harga = "Rp ".rupiah($row['harga_konsumen']);
  31. }
  32. echo "<div class='produk col-md-2 col-xs-6'>
  33. <center>
  34.  
  35. <div style='height:140px; overflow:hidden'>
  36. <a title='$row[nama_produk]' href='".base_url()."produk/detail/$row[produk_seo]'><img style=' min-height:140px; width:100%' src='".base_url()."asset/foto_produk/$foto_produk'></a>
  37. $diskon_persen
  38. </div>
  39. <h4 class='produk-title'><a title='$row[nama_produk]' href='".base_url()."produk/detail/$row[produk_seo]'>$judul</a></h4>
  40. <span class='harga'>$harga</span><br>
  41. <i>$stok</i>
  42. <br><small>$row[nama_kota]</small>";
  43.  
  44. echo "</center>
  45. </div>";
  46.  
  47.  
  48. }
  49. echo "</div>";
  50.  
  51. echo "<div style='clear:both'><br></div>";
  52.  
  53. $no++;
  54.  
  55. }
  56. ?>
  57. <br><br>
  58. <div class="block">
  59. <div class="block-content">
  60. <ul class="article-block-big">
  61. <?php
  62. $no = 1;
  63. $hot = $this->model_utama->view_join_two('berita','users','kategori','username','id_kategori',array('utama' => 'Y','status' => 'Y'),'id_berita','DESC',0,6);
  64. foreach ($hot->result_array() as $row) {
  65. $total_komentar = $this->model_utama->view_where('komentar',array('id_berita' => $row['id_berita']))->num_rows();
  66. $tgl = tgl_indo($row['tanggal']);
  67. echo "<li style='width:180px'>
  68. <div class='article-photo'>
  69. <a href='".base_url()."$row[judul_seo]' class='hover-effect'>";
  70. if ($row['gambar'] ==''){
  71. echo "<a class='hover-effect' href='".base_url()."$row[judul_seo]'><img style='height:110px; width:200px' src='".base_url()."asset/foto_berita/no-image.jpg' alt='' /></a>";
  72. }else{
  73. echo "<a class='hover-effect' href='".base_url()."$row[judul_seo]'><img style='height:110px; width:200px' src='".base_url()."/asset/foto_berita/$row[gambar]' alt='' /></a>";
  74. }
  75. echo "</a>
  76. </div>
  77. <div class='article-content'>
  78. <h4><a href='".base_url()."$row[judul_seo]'>$row[judul]</a><a href='".base_url()."$row[judul_seo].html' class='h-comment'>$total_komentar</a></h4>
  79. <span class='meta'>
  80. <a href='".base_url()."$row[judul_seo]'><span class='icon-text'>🕔</span>$row[jam], $tgl</a>
  81. </span>
  82. </div>
  83. </li>";
  84. }
  85.  
  86.  
  87.  
  88.  
  89. ?>
  90. </ul>
  91. </div>
  92. </div>
  93.  
  94.  
  95.  
  96.  
Ada 1 File Kiriman :
1. menu_kategori.jpg (75 KB)

Ada 6 Jawaban

PHPMU.COM Support
commented on 17 Jun 2020 08:58:37
  1. Assalamualaikum,.. Coba ubah menjadi begini :
  2. <div class='row'>";
  3. $kategori_button = $this->db->query("SELECT * FROM rb_kategori_produk ORDER BY RAND() DESC LIMIT 4");
  4. foreach ($kategori_button->result_array() as $rows) {
  5. echo "<div class='col-md-3 col-xs-6' style='margin-bottom:5px'><a style='border-radius:0px; text-align:left' class='btn btn-block btn-danger' href='".base_url()."produk/kategori/$rows[kategori_seo]'> $rows[nama_kategori]</a></div>";
  6. }
  7. echo "</div><hr>";
Terdapat 1 File dilampirkan :
1. Hasil_sejajar.png (87 KB)
azray kisaran
commented on 17 Jun 2020 10:45:52
  1. Assalamualaikum,..
  2. sudah saya coba erro mas pada baris 2 bagian <div class='row'>";
  3. ni strukturnya pada content.php
  4.  
  5. <?php
  6. <div class='row'>";
  7. $kategori_button = $this->db->query("SELECT * FROM rb_kategori_produk ORDER BY RAND() DESC LIMIT 4");
  8. foreach ($kategori_button->result_array() as $rows) {
  9. echo "<div class='col-md-3 col-xs-6' style='margin-bottom:5px'><a style='border-radius:0px; text-align:left' class='btn btn-block btn-danger' href='".base_url()."produk/kategori/$rows[kategori_seo]'> $rows[nama_kategori]</a></div>";
  10. }
  11. echo "</div><hr>";
  12.  
  13.  
  14. $no = 1;
  15. foreach ($kategori->result_array() as $kat) {
  16. $produk = $this->model_reseller->produk_perkategori(0,0,$kat['id_kategori_produk'],20);
  17. echo "<p class='sidebar-title text-danger produk-title'>$kat[nama_kategori]</p>
  18. <div class='container'>";
  19. foreach ($produk->result_array() as $row){
  20. $ex = explode(';', $row['gambar']);
  21. if (trim($ex[0])==''){ $foto_produk = 'no-image.png'; }else{ $foto_produk = $ex[0]; }
  22. if (strlen($row['nama_produk']) > 38){ $judul = substr($row['nama_produk'],0,38).',..'; }else{ $judul = $row['nama_produk']; }
  23. $jual = $this->model_reseller->jual_reseller($row['id_reseller'],$row['id_produk'])->row_array();
  24. $beli = $this->model_reseller->beli_reseller($row['id_reseller'],$row['id_produk'])->row_array();
  25. if ($beli['beli']-$jual['jual']<=0){ $stok = '<b style="color:#000">Stok Habis</b>'; }else{ $stok = "<span style='color:green'>Stok ".($beli['beli']-$jual['jual'])." $row[satuan]</span>"; }
  26.  
  27. $disk = $this->model_app->view_where("rb_produk_diskon",array('id_produk'=>$row['id_produk']))->row_array();
  28. $diskon = rupiah(($disk['diskon']/$row['harga_konsumen'])*100,0)."%";
  29. if ($diskon>0){ $diskon_persen = "<div class='top-right'>$diskon</div>"; }else{ $diskon_persen = ''; }
  30. if ($diskon>=1){
  31. $harga = "<del style='color:#8a8a8a'><small>Rp ".rupiah($row['harga_konsumen'])."</small></del> Rp ".rupiah($row['harga_konsumen']-$disk['diskon']);
  32. }else{
  33. $harga = "Rp ".rupiah($row['harga_konsumen']);
  34. }
  35. echo "<div class='produk col-md-2 col-xs-6'>
  36. <center>
  37.  
  38. <div style='height:140px; overflow:hidden'>
  39. <a title='$row[nama_produk]' href='".base_url()."produk/detail/$row[produk_seo]'><img style=' min-height:140px; width:100%' src='".base_url()."asset/foto_produk/$foto_produk'></a>
  40. $diskon_persen
  41. </div>
  42. <h4 class='produk-title'><a title='$row[nama_produk]' href='".base_url()."produk/detail/$row[produk_seo]'>$judul</a></h4>
  43. <span class='harga'>$harga</span><br>
  44. <i>$stok</i>
  45. <br><small>$row[nama_kota]</small>";
  46.  
  47. echo "</center>
  48. </div>";
  49.  
  50.  
  51. }
  52. echo "</div>";
  53.  
  54. echo "<div style='clear:both'><br></div>";
  55.  
  56. $no++;
  57.  
  58. }
  59. ?>
  60. <br><br>
  61. <div class="block">
  62. <div class="block-content">
  63. <ul class="article-block-big">
  64. <?php
  65. $no = 1;
  66. $hot = $this->model_utama->view_join_two('berita','users','kategori','username','id_kategori',array('utama' => 'Y','status' => 'Y'),'id_berita','DESC',0,6);
  67. foreach ($hot->result_array() as $row) {
  68. $total_komentar = $this->model_utama->view_where('komentar',array('id_berita' => $row['id_berita']))->num_rows();
  69. $tgl = tgl_indo($row['tanggal']);
  70. echo "<li style='width:180px'>
  71. <div class='article-photo'>
  72. <a href='".base_url()."$row[judul_seo]' class='hover-effect'>";
  73. if ($row['gambar'] ==''){
  74. echo "<a class='hover-effect' href='".base_url()."$row[judul_seo]'><img style='height:110px; width:200px' src='".base_url()."asset/foto_berita/no-image.jpg' alt='' /></a>";
  75. }else{
  76. echo "<a class='hover-effect' href='".base_url()."$row[judul_seo]'><img style='height:110px; width:200px' src='".base_url()."/asset/foto_berita/$row[gambar]' alt='' /></a>";
  77. }
  78. echo "</a>
  79. </div>
  80. <div class='article-content'>
  81. <h4><a href='".base_url()."$row[judul_seo]'>$row[judul]</a><a href='".base_url()."$row[judul_seo].html' class='h-comment'>$total_komentar</a></h4>
  82. <span class='meta'>
  83. <a href='".base_url()."$row[judul_seo]'><span class='icon-text'>🕔</span>$row[jam], $tgl</a>
  84. </span>
  85. </div>
  86. </li>";
  87. }
  88.  
  89.  
  90.  
  91. echo "<div class='paragraph-row'>
  92. <div class='row'>
  93. <div class='col-xs-6'>
  94. <a target='_BLANK' href='$ik1[url]'><img src='".base_url()."asset/foto_iklanatas/$ik1[gambar]' style='width:110%; height: 180px;'></a>
  95. </div>
  96. <div class='col-xs-6'>
  97. <a target='_BLANK' href='$ik2[url]'><img src='".base_url()."asset/foto_iklanatas/$ik2[gambar]' style='width:110%; height: 180px;'></a>
  98. </div>
  99. <div class='col-xs-6'>
  100. <a target='_BLANK' href='$ik3[url]'><img src='".base_url()."asset/foto_iklanatas/$ik3[gambar]' style='width:110%; height: 180px;'></a>
  101. </div>
  102. <div class='col-xs-6'>
  103. <a target='_BLANK' href='$ik4[url]'><img src='".base_url()."asset/foto_iklanatas/$ik4[gambar]' style='width:110%; height: 180px;'></a>
  104. </div>
  105.  
  106. <!--div class='col-xs-6'>
  107. <a target='_BLANK' href='$ik5[url]'><img src='".base_url()."asset/foto_iklanatas/$ik5[gambar]' style='width:110%; min-height: 180px;'></a>
  108. </div-->
  109.  
  110. <div style='clear:both'></div>
  111. </div>
  112. </div>
  113.  
  114. <br>";
  115.  
  116.  
  117. ?>
  118. </ul>
  119. </div>
  120. </div>
  121.  
  122.  
PHPMU.COM Support
commented on 17 Jun 2020 10:52:31
  1. Assalamualaikum,.. ini : <div class='row'>";
  2. ubah jadi : echo "<div class='row'>";
azray kisaran
commented on 17 Jun 2020 11:15:48
  1. Assalamualaikum,.. Sudah saya ubah mas, sudah sejajar tapi masih ada button yang teksnya tidak lengkap mas. Berikut screnshotnya
Terdapat 1 File dilampirkan :
1. Screenshot_20200617_111215.jpg (470 KB)
PHPMU.COM Support
commented on 17 Jun 2020 12:24:44
  1. Assalamualaikum,.. Iya itu karena textnya terlalu panjang.
  2. tinggal pendekin atau, jadikan 1 button saja perbaris, jangan 2 button.
  3. ubah class='col-md-3 col-xs-6' menjadi class='col-md-3 col-xs-12'
wahid suharmawan
commented on 12 Des 2020 09:47:40
  1. Assalamualaikum,.
  2. saya coba script ini tapi kok di kasih bonus dg munculnya gambar iklan di bawah.....mohon pencerahanya Pak. Azray Kisaran....trimakasih
Terdapat 1 File dilampirkan :
1. footer1.png (537 KB)
Maaf, Untuk Memberikan Komentar Anda Harus Login !!!