Hallo! Selamat Datang di Marketplace produk digital, Freelancer terbaik di indonesia (68414 Members, 793 Products, 5353 Topic, 13045 Comments)

Menampilkan icon diskon (presentese) Toko Online Codeigniter (PHP 7) MySQL + Raja ongkir

Dibuat
Login Terakhir 3 Tahun lalu,
Telah Dilihat 1044 Kali
Agus Setiawan Mengatakan : Sultan Account
  1. Assalamualaikum Warahmatullahi Wabarakatuh...Izin tanya mas Roby atau admin, untuk bisa menampilkan icon diskon (dalam presentase) Toko Online Codeigniter (PHP 7) MySQL + Raja gimana caranya ya. Untuk mengatur diskonnya sudah done, hanyaa saja menampilkan icon disconnya yang belum. Trims sebelumnya. Berikut saya lampirkan gambarnya.
Ada 1 File Kiriman :
1. diskoin.jpg (41 KB)

Ada 2 Jawaban

Hardiansyah
commented on 19 Apr 2020 20:11:25
  1. Assalamualaikum,.. tambahkan css style pada halaman yg menampilkan produk2 atau bisa juga pada file di asset/css/style.css sebagai berikut:
  2.  
  3. <style>
  4. .gambar_dengan_badge_diskon {
  5. display: inline-block;
  6. position: relative;
  7. }
  8. .badge-pada-gambar {
  9. position: absolute;
  10. right: 15px; /* jarak badge dari pinggir kanan gambar */
  11. top: 2px; /* jarak badge dari atas gambar */
  12. padding: 3px 6px;
  13. background:green; /* warna background */
  14. font-size:13px; /* ukuran font diskon */
  15. }
  16. </style>
  17.  
  18. kemudian untuk menghitung persentase diskon
  19. $persendiskon = round($row['diskon']/$row['harga_konsumen'] * 100,2)." %";
  20.  
  21. kemudian pada gambar yg menampilkan produk diedit dari
  22. <img class='$blur' src='".base_url()."asset/foto_produk/$foto_produk'>
  23. menjadi :
  24. <div class='gambar_dengan_badge_diskon'>
  25. <img class='$blur' src='".base_url()."asset/foto_produk/$foto_produk'>
  26. ".$labeldiskon."
  27. </div>
Hardiansyah
commented on 19 Apr 2020 20:12:11
  1. Assalamualaikum,.. berikut contoh hasil edit pada halaman depan (view_home.php)
  2.  
  3. <style>
  4. .gambar_dengan_badge_diskon {
  5. display: inline-block;
  6. position: relative;
  7. }
  8. .badge-pada-gambar {
  9. position: absolute;
  10. right: 15px; /* jarak badge dari pinggir kanan gambar */
  11. top: 2px; /* jarak badge dari atas gambar */
  12. padding: 3px 6px;
  13. background:green; /* warna background */
  14. font-size:13px; /* ukuran font diskon */
  15. }
  16. </style>
  17. <p class='sidebar-title'>   <?php echo $judul; ?></p><hr>
  18.  
  19. <?php
  20. foreach ($iklantengah->result_array() as $row){
  21. $hitung = $this->model_iklan->iklan_tengah()->num_rows();
  22. if ($hitung >= 1){
  23. if(preg_match("/swf\z/i", $row['gambar'])) {
  24. echo "<div><a target='_BLANK' title='".$row['judul']."' href='".$row['url']."'><embed class='img-thumbnail' src='".base_url()."asset/foto_iklan/".$row['gambar']."' width='100%' quality='high' type='application/x-shockwave-flash'></a></div>";
  25. }else {
  26. echo "<div><a target='_BLANK' title='".$row['judul']."' href='".$row['url']."'><img class='img-thumbnail' width='100%' src='".base_url()."asset/foto_iklan/".$row['gambar']."'></a></div>";
  27. }
  28. }
  29. }
  30. ?>
  31.  
  32. <?php
  33. if ($this->uri->segment(2)=='kategori'){
  34. $cek = $this->model_app->edit('rb_kategori_produk',array('kategori_seo'=>$this->uri->segment(3)))->row_array();
  35. $jumlah= $this->model_app->view_where('rb_produk',array('id_kategori_produk'=>$cek['id_kategori_produk']))->num_rows();
  36. if ($jumlah <= 0){
  37. echo "<div style='margin:10%' class='alert alert-info'><center>Maaf, Produk pada Kategori ini belum tersedia..!</center></div>";
  38. }
  39. }
  40.  
  41. $no = 1;
  42. foreach ($record->result_array() as $row){
  43. if (trim($row['gambar'])==''){ $foto_produk = 'no-image.png'; }else{ $foto_produk = $row['gambar']; }
  44. $j = $this->model_app->jual_umum($row['id_produk'])->row_array();
  45. $b = $this->model_app->beli_umum($row['id_produk'])->row_array();
  46. $persendiskon = round($row['diskon']/$row['harga_konsumen'] * 100,2)." %";
  47. $stok = $b['beli']-$j['jual'];
  48. $labeldiskon = ($row['diskon']!='0') ? "<span class='badge badge-pada-gambar'>".$persendiskon."</span>" : "";
  49. echo "<div class='col-sm-2 col-xs-6 produk'>
  50. <center>";
  51. if ($stok=='0'){ $blur = 'blur'; $status = '<div class="stok">SOLD OUT</div>'; }else{ $blur = 'normal'; $status = ''; }
  52. echo "<a href='".base_url()."produk/detail/$row[produk_seo]'><p style='line-height:20px'>$row[nama_produk]</p>
  53. <div class='gambar_dengan_badge_diskon'>
  54. <img class='$blur' src='".base_url()."asset/foto_produk/$foto_produk'>
  55. ".$labeldiskon."
  56. </div>
  57. $status";
  58. if ($row['diskon']=='0'){
  59. echo "<span style='color:green;'>Rp ".rupiah($row['harga_konsumen'])."</span><br>";
  60. }else{
  61. echo "<span style='color:green;'>Rp ".rupiah($row['harga_konsumen']-$row['diskon'])."</span>
  62. <span style='color:#8a8a8a;'><del>".rupiah($row['harga_konsumen'])."</del></span><br>";
  63. }
  64.  
  65. echo "<b>Stok $stok</b><br>
  66. </a><br>
  67. </center>
  68. </div>";
  69. if ($no % 6 == 0){
  70. echo "<hr>";
  71. }
  72. $no++;
  73. }
  74.  
  75. echo "<div style='clear:both'></div>";
  76. echo $this->pagination->create_links(); ?>
  77.  
  78.  
Maaf, Untuk Memberikan Komentar Anda Harus Login !!!

Online