<!doctype html>
<html class="no-js" lang="en">
<head>
<!-- CSRF Token -->
<meta name="csrf-token" content="NikV7hOzT1qisKBHHb6Q3XM4FpRLIBNUNitAPxRK">
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>E-COMMERCE GEMILANG JAYA</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicon -->
<link rel
="shortcut icon" type
="image/x-icon" href
="http://localhost/electroshop/public/storage/uploads/QwJw4cm9JxCe6YKL8lvL7Vrnk1Bf2dXI.png">
<!-- all css here -->
<!-- bootstrap v3.3.6 css -->
<link rel
="stylesheet" href
="http://localhost/electroshop/public//css/bootstrap.min.css">
<!-- animate css -->
<link rel
="stylesheet" href
="http://localhost/electroshop/public//css/animate.css">
<!-- meanmenu css -->
<link rel
="stylesheet" href
="http://localhost/electroshop/public//css/meanmenu.min.css">
<!-- owl.carousel css -->
<link rel
="stylesheet" href
="http://localhost/electroshop/public//css/owl.carousel.css">
<!-- font-awesome css -->
<link rel
="stylesheet" href
="http://localhost/electroshop/public//css/font-awesome.min.css">
<!-- flexslider.css-->
<link rel
="stylesheet" href
="http://localhost/electroshop/public//css/flexslider.css">
<link rel
="stylesheet" href
="http://localhost/electroshop/public//css/chosen.min.css">
<!-- Notification css (Toastr) -->
<link href
="http://localhost/electroshop/public/admin/libs/toastr/toastr.min.css" rel
="stylesheet" type
="text/css" />
<!-- style css -->
<style>
:root {
--appcolor: #94DCF9;
}
</style>
<link rel
="stylesheet" href
="http://localhost/electroshop/public//css/laravelstyle.css">
<!-- responsive css -->
<link rel
="stylesheet" href
="http://localhost/electroshop/public//css/responsive.css">
<!-- modernizr css -->
<script src="http://localhost/electroshop/public//js/vendor/modernizr-2.8.3.min.js"></script>
<style>
.onloading {
background-color: #a9baef !important;
cursor: no-drop !important;
}
.myaccount-tab-menu form,
.myaccount-tab-menu form button {
border: 1px solid #efefef !important;
border-bottom: none !important;
color: #222222 !important;
font-weight: 400 !important;
font-size: 15px !important;
display: block !important;
padding: 10px 15px !important;
text-transform: capitalize !important;
}
.product-add-form form button, .product-add-to-cart form button, #add_to_cart {
background: #333 none repeat scroll 0 0;
border: 0 none;
border-radius: 0;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 700;
height: 50px;
line-height: 50px;
padding: 0 28px;
text-transform: uppercase;
width: auto;
transition: .3s;
}
.product-social-links form button {
background: #000 none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size: 19px;
font-weight: 700;
height: 45px;
line-height: 45px;
margin-right: 5px;
padding: 0;
text-align: center;
text-decoration: none;
width: 50px;
transition: .3s;
}
</style>
</head>
<body>
<!-- header-area-start -->
<header>
<!-- header-top-area-start -->
<div class="header-top-area">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-12">
<div class="language-area">
<ul>
<li><img src="http://localhost/electroshop/public//img/flag/id.jpg" alt="flag" width="18" /><a href="#">Indonesia<i class="fa fa-angle-down"></i></a>
<div class="header-sub">
<ul>
<li><a href="http://localhost/electroshop/public/lang/en"><img src="http://localhost/electroshop/public//img/flag/en.jpg" alt="flag" width="25" />English</a></li>
</ul>
</div>
</li>
</ul>
</div>
</div>
<div class="col-lg-6 col-md-6 col-12">
<div class="account-area text-right">
<ul>
<li><a class="font-weight-bold" href="http://localhost/electroshop/public/register">Akun Saya
<b>(haris)</b></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- header
-top
-area
-end -->
<!-- header-mid-area-start -->
<div class="header-mid-area ptb-40">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-5 col-12">
<div class="header-search d-lg-none d-block">
<form action="http://localhost/electroshop/public/shopping/search" method="POST" class="d-flex justify-content-between">
<input type="hidden" name="_token" value="NikV7hOzT1qisKBHHb6Q3XM4FpRLIBNUNitAPxRK"> <input type="text" name="keyword" value="" placeholder="Cari sesuatu disini..." />
<button type="submit" class="btn btn-sqr"><i class="fa fa-search"></i></button>
</form>
</div>
</div>
<div class="col-lg-6 col-md-4 col-12">
<div class="logo-area text-center logo-xs-mrg">
<a href="http://localhost/electroshop/public"><img src="http://localhost/electroshop/public/storage/uploads/3sjb0ATjfKXVQpm7VXd6iNRrSiswzwhY.png" alt="logo"
width="150" /></a>
</div>
</div>
<div class="col-lg-3 col-md-3 col-12">
<div class="my-cart">
<ul class="d-flex justify-content-between">
<li>
<a href="http://localhost/electroshop/public/my_wishlist"><i class="fa fa-heart"></i></a>
<span
id="cart_items_count">2</span>
<div class="mini-cart-sub">
<div class="cart-product" id="cart-product-content">
<div class="single-cart floating-cart-item" id="3">
<div class="cart-img">
<a href="http://localhost/electroshop/public/product/hardisk-seagte-1-tb_b5Uo"><img src="http://localhost/electroshop/public/storage/uploads/4B3xRMznXt4RTI2MuTBwUaS2ED2DWRuG.png" alt="book" /></a>
</div>
<div class="cart-info">
<h5><a href="http://localhost/electroshop/public/product/hardisk-seagte-1-tb_b5Uo">Hardisk Seagte 1...</a></h5>
</div>
<div class="cart-icon">
<a href="javascript:void(0)" class="floating_delete_wishlist" id="3"><i class="fa fa-remove"></i></a>
</div>
</div>
<div class="single-cart floating-cart-item" id="4">
<div class="cart-img">
<a href="http://localhost/electroshop/public/product/flashdiskkingston-8gb_Wcj3"><img src="http://localhost/electroshop/public/storage/uploads/zF9cr9uAQxIs25J5YVOVAkzHnIPGwOCq.jpg" alt="book" /></a>
</div>
<div class="cart-info">
<h5><a href="http://localhost/electroshop/public/product/flashdiskkingston-8gb_Wcj3">flashdiskkingsto...</a></h5>
</div>
<div class="cart-icon">
<a href="javascript:void(0)" class="floating_delete_wishlist" id="4"><i class="fa fa-remove"></i></a>
</div>
</div>
</div>
<div class="cart-bottom">
<a class="view-cart" href="http://localhost/electroshop/public/my_wishlist">View Wishlist</a>
</div>
</div></li>
<li><a href="http://localhost/electroshop/public/my_cart"><i class="fa fa-shopping-cart"></i>My
Cart</a>
<span
id="cart_items_count">0</span>
<div class="mini-cart-sub">
<div class="cart-product" id="cart-product-content">
</div>
<div class="cart-totals">
<h5>Total <span
id="cart_items_total">0</span>
</h5>
</div>
<div class="cart-bottom">
<a class="view-cart" href="http://localhost/electroshop/public/my_cart">view cart</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- header
-mid
-area
-end -->
<!-- main-menu-area-start -->
<div class="main-menu-area d-md-none d-none d-lg-block sticky-header-1" id="header-sticky">
<div class="container">
<div class="row pb-1">
<div class="col-lg-8">
<div class="menu-area">
<nav>
<ul>
<li><a href="http://localhost/electroshop/public/dashboard/">Beranda</a></li>
<li><a href="#">Kategori<i class="fa fa-angle-down"></i></a>
<div class="sub-menu sub-menu-2">
<ul>
<li><a
href="">Vga</a>
</li>
</ul>
</div>
</li>
</ul>
</nav>
</div>
</div>
<div class="col-lg-4">
<div class="header-search">
<form action="http://localhost/electroshop/public/shopping/search" method="POST" class="d-flex justify-content-between">
<input type="hidden" name="_token" value="NikV7hOzT1qisKBHHb6Q3XM4FpRLIBNUNitAPxRK"> <input type="text" name="keyword" value="" placeholder="Cari sesuatu disini..." />
<button type="submit" class="btn btn-sqr"><i class="fa fa-search"></i></button>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- main
-menu
-area
-end -->
<!-- mobile-menu-area-start -->
<div class="mobile-menu-area d-lg-none d-block fix">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="mobile-menu">
<nav id="mobile-menu-active">
<ul id="nav">
<li><a href="http://localhost/electroshop/public/dashboard/">Beranda</a></li>
<li>
<a href="javascript:void(0)">Kategori</a>
<ul>
<li>
<a href="">Vga</a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<!-- mobile
-menu
-area
-end -->
</header>
<!-- banner-area-start -->
<div class="banner-area banner-res-large pt-30 pb-5">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-6 col-12">
<div class="single-banner mb-30">
<div class="banner-img">
<a href="#"><img src="img/banner/1.png" alt="banner" /></a>
</div>
<div class="banner-text">
<h4>Ongkir Otomatis</h4>
<p>ongkir otomatis antar kota</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-12">
<div class="single-banner mb-30">
<div class="banner-img">
<a href="#"><img src="img/banner/2.png" alt="banner" /></a>
</div>
<div class="banner-text">
<h4>Mudah dan Simpel</h4>
<p>pembayaran sangat mudah dan cepat</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-12">
<div class="single-banner mb-30">
<div class="banner-img">
<a href="#"><img src="img/banner/3.png" alt="banner" /></a>
</div>
<div class="banner-text">
<h4>Akses Selamanya</h4>
<p>Nikmati akses produk selamanya</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-12">
<div class="single-banner mb-30">
<div class="banner-img">
<a href="#"><img src="img/banner/4.png" alt="banner" /></a>
</div>
<div class="banner-text">
<h4>Bantuan & Dukungan</h4>
<p>hubungi kami di : +6289661030388</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- slider-area-start -->
<div class="slider-area">
<div class="slider-active owl-carousel owl-theme">
<div class="single-slider pt-125 pb-130 bg-img"
style="background-image:url(http://localhost/electroshop/public/storage/uploads/KZ5UHqjy2Q7jSwRGFrF55dOaWhm1yWfx.jpg);">
<div class="container">
<div class="row">
<div class="col-lg-5">
<div class="slider-content slider-animated-1 text-center">
<h2 style="font-weight: 700;">Penwaran Paket Murah</h2>
<h3>Peralatan Komputer Murah</h3>
<a href="https://www.instagram.com/gemilang_jaya_komputer/" target="_blank" style="font-weight: 700">Lihat</a>
</div>
</div>
</div>
</div>
</div>
<div class="single-slider pt-125 pb-130 bg-img"
style="background-image:url(http://localhost/electroshop/public/storage/uploads/i332DNnh1569paadZwbX8mjfsudbeCjQ.png);">
<div class="container">
<div class="row">
<div class="col-lg-5">
<div class="slider-content slider-animated-1 text-center">
<h2 style="font-weight: 700;">Acer Aspire</h2>
<h3>Acer</h3>
<a href="https://electroshop.diginese.my.id/product/printer-canon" target="_blank" style="font-weight: 700">Lihat Produk</a>
</div>
</div>
</div>
</div>
</div>
<div class="single-slider pt-125 pb-130 bg-img"
style="background-image:url(http://localhost/electroshop/public/storage/uploads/3Vr6gYLZK7wpBvVYKgb421HsfGIUmWmO.jpg);">
<div class="container">
<div class="row">
<div class="col-lg-5">
<div class="slider-content slider-animated-1 text-center">
<h2 style="font-weight: 700;">Acer Music</h2>
<h3>Acer</h3>
<a href="https://electroshop.diginese.my.id/product/printer-canon" target="_blank" style="font-weight: 700">Beli</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- banner-static-area-start -->
<h2 style="text-align:center">KATEGORI</h2>
<div class="banner-static-area bg mt-5">
<div class="container">
<div class="row tab-active-2 owl-carousel">
<div class="mr-2">
<div class="banner-shadow-hover xs-mb" style="height: 200px;">
<a href="http://localhost/electroshop/public/shopping/category/vga" style="height: 100%;">
<img src="http://localhost/electroshop/public/storage/uploads/WpS3Xll2nggn2MM3NQ3UKoVsJ7x2TPjG.jpg" alt="banner"
style="border: 1px solid gray;border-radius:4px; height: 100%; object-fit:cover;width:100%;" />
</a>
</div>
</div>
<div class="mr-2">
<div class="banner-shadow-hover xs-mb" style="height: 200px;">
<a href="http://localhost/electroshop/public/shopping/category/flashdisk" style="height: 100%;">
<img src="http://localhost/electroshop/public/storage/uploads/z2G0RVTtnP2of7tJoU05Aykg1iDCqPLD.jpg" alt="banner"
style="border: 1px solid gray;border-radius:4px; height: 100%; object-fit:cover;width:100%;" />
</a>
</div>
</div>
<div class="mr-2">
<div class="banner-shadow-hover xs-mb" style="height: 200px;">
<a href="http://localhost/electroshop/public/shopping/category/hardisk" style="height: 100%;">
<img src="http://localhost/electroshop/public/storage/uploads/xrC9QO0Kl1VIMspglzFlCYCIdgYF2eH8.jpg" alt="banner"
style="border: 1px solid gray;border-radius:4px; height: 100%; object-fit:cover;width:100%;" />
</a>
</div>
</div>
<div class="mr-2">
<div class="banner-shadow-hover xs-mb" style="height: 200px;">
<a href="http://localhost/electroshop/public/shopping/category/mouse" style="height: 100%;">
<img src="http://localhost/electroshop/public/storage/uploads/PAR9Lzbo1d9RBVs09dBhuGN6rWZZ05kN.png" alt="banner"
style="border: 1px solid gray;border-radius:4px; height: 100%; object-fit:cover;width:100%;" />
</a>
</div>
</div>
<div class="mr-2">
<div class="banner-shadow-hover xs-mb" style="height: 200px;">
<a href="http://localhost/electroshop/public/shopping/category/laptop" style="height: 100%;">
<img src="http://localhost/electroshop/public/storage/uploads/tduYB7IjBluVWHOxdf1UdWBSVB3tw0Os.jpeg" alt="banner"
style="border: 1px solid gray;border-radius:4px; height: 100%; object-fit:cover;width:100%;" />
</a>
</div>
</div>
<div class="mr-2">
<div class="banner-shadow-hover xs-mb" style="height: 200px;">
<a href="http://localhost/electroshop/public/shopping/category/cpu" style="height: 100%;">
<img src="http://localhost/electroshop/public/storage/uploads/CvkHmlTUVPDSvFExrMbVSJN01Tj9WjZO.jpg" alt="banner"
style="border: 1px solid gray;border-radius:4px; height: 100%; object-fit:cover;width:100%;" />
</a>
</div>
</div>
<div class="mr-2">
<div class="banner-shadow-hover xs-mb" style="height: 200px;">
<a href="http://localhost/electroshop/public/shopping/category/monitor" style="height: 100%;">
<img src="http://localhost/electroshop/public/storage/uploads/bvlVhHoi8pwfumFFSxvVUFRnx9dAIy4D.jpg" alt="banner"
style="border: 1px solid gray;border-radius:4px; height: 100%; object-fit:cover;width:100%;" />
</a>
</div>
</div>
<div class="mr-2">
<div class="banner-shadow-hover xs-mb" style="height: 200px;">
<a href="http://localhost/electroshop/public/shopping/category/scanner" style="height: 100%;">
<img src="http://localhost/electroshop/public/storage/uploads/UMW2nXUHzqhevQn1M9uZn2DzHgnCzxNY.jpg" alt="banner"
style="border: 1px solid gray;border-radius:4px; height: 100%; object-fit:cover;width:100%;" />
</a>
</div>
</div>
<div class="mr-2">
<div class="banner-shadow-hover xs-mb" style="height: 200px;">
<a href="http://localhost/electroshop/public/shopping/category/proyektor" style="height: 100%;">
<img src="http://localhost/electroshop/public/storage/uploads/p7fg4opx1HbgpbGeV4ksUXzbboRKIMqe.jpg" alt="banner"
style="border: 1px solid gray;border-radius:4px; height: 100%; object-fit:cover;width:100%;" />
</a>
</div>
</div>
<div class="mr-2">
<div class="banner-shadow-hover xs-mb" style="height: 200px;">
<a href="http://localhost/electroshop/public/shopping/category/printer" style="height: 100%;">
<img src="http://localhost/electroshop/public/storage/uploads/tSuLLvvz2qyOCIyLGvsCubLEiUwE5scy.jpeg" alt="banner"
style="border: 1px solid gray;border-radius:4px; height: 100%; object-fit:cover;width:100%;" />
</a>
</div>
</div>
<div class="mr-2">
<div class="banner-shadow-hover xs-mb" style="height: 200px;">
<a href="http://localhost/electroshop/public/shopping/category/ram" style="height: 100%;">
<img src="http://localhost/electroshop/public/storage/uploads/ZTXlxeByamV8Lw2IxiggrdyoxnwEchN2.jpg" alt="banner"
style="border: 1px solid gray;border-radius:4px; height: 100%; object-fit:cover;width:100%;" />
</a>
</div>
</div>
<div class="mr-2">
<div class="banner-shadow-hover xs-mb" style="height: 200px;">
<a href="http://localhost/electroshop/public/shopping/category/optical-disk" style="height: 100%;">
<img src="http://localhost/electroshop/public/storage/uploads/sB4VTt1msyjE7JnuoRlv9ejSU7qM8wSp.jpg" alt="banner"
style="border: 1px solid gray;border-radius:4px; height: 100%; object-fit:cover;width:100%;" />
</a>
</div>
</div>
<div class="mr-2">
<div class="banner-shadow-hover xs-mb" style="height: 200px;">
<a href="http://localhost/electroshop/public/shopping/category/keyboard" style="height: 100%;">
<img src="http://localhost/electroshop/public/storage/uploads/cp4ILEwIgi0R0EYUCrsehFEvdJKmAbK4.png" alt="banner"
style="border: 1px solid gray;border-radius:4px; height: 100%; object-fit:cover;width:100%;" />
</a>
</div>
</div>
</div>
</div>
<!-- banner
-static
-area
-end -->
<!-- product-area-start -->
<div class="product-area pt-95 xs-mb">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title text-center mb-50">
<h2>Paling Menarik</h2>
<p>Lihatlah koleksi produk terbaik kami yang paling menarik dan paling laris.
pasti kamu akan suka..</p>
</div>
</div>
<div class="col-lg-12">
<!-- tab-menu-start -->
<div class="tab-menu mb-40 text-center">
<ul class="nav justify-content-center">
<li><a class="active" href="#newProducts"
data-toggle="tab">Produk Baru </a></li>
<li><a href="#discountProducts"
data-toggle="tab">Sedang Diskon</a></li>
</ul>
</div>
</div>
</div>
<!-- tab-area-start -->
<div class="tab-content">
<div class="tab-pane fade show active" id="newProducts">
<div class="row">
<!-- single-product-start -->
<div class="col-xl-3 col-lg-3 col-md-3 col-sm-6 mb-4">
<div class="product-wrapper">
<div class="product-img" style="height: 200px;">
<a href="http://localhost/electroshop/public/product/hardisk-seagte-1-tb_b5Uo">
<img src="http://localhost/electroshop/public/storage/uploads/4B3xRMznXt4RTI2MuTBwUaS2ED2DWRuG.png"
alt="book" class="primary" />
</a>
<div class="quick-view">
<a class="action-view" href="javascript:void(0)"
id="11">
<i class="fa fa-search-plus"></i>
</a>
</div>
<div class="product-flag">
<ul>
<li><span
class="sale">Baru</span>
</li>
<li><span
class="discount-percentage">-80%</span>
</li>
</ul>
</div>
</div>
<div class="product-details text-center">
<h4><a
href="http://localhost/electroshop/public/product/hardisk-seagte-1-tb_b5Uo">Hardisk Seagte 1 TB</a>
</h4>
<div class="product-price">
<ul>
<li>50.000</li>
<li class="old-price">249.000
</li>
</ul>
</div>
</div>
<div class="product-link">
<div class="add-to-link">
<ul>
<li><a href="http://localhost/electroshop/public/product/hardisk-seagte-1-tb_b5Uo"
title="Details"><i class="fa fa-external-link"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- single-product-start -->
<div class="col-xl-3 col-lg-3 col-md-3 col-sm-6 mb-4">
<div class="product-wrapper">
<div class="product-img" style="height: 200px;">
<a href="http://localhost/electroshop/public/product/flashdiskkingston-8gb_Wcj3">
<img src="http://localhost/electroshop/public/storage/uploads/zF9cr9uAQxIs25J5YVOVAkzHnIPGwOCq.jpg"
alt="book" class="primary" />
</a>
<div class="quick-view">
<a class="action-view" href="javascript:void(0)"
id="6">
<i class="fa fa-search-plus"></i>
</a>
</div>
<div class="product-flag">
<ul>
</ul>
</div>
</div>
<div class="product-details text-center">
<h4><a
href="http://localhost/electroshop/public/product/flashdiskkingston-8gb_Wcj3">flashdiskkingston 8gb</a>
</h4>
<div class="product-price">
<ul>
<li>70.000</li>
</ul>
</div>
</div>
<div class="product-link">
<div class="add-to-link">
<ul>
<li><a href="http://localhost/electroshop/public/product/flashdiskkingston-8gb_Wcj3"
title="Details"><i class="fa fa-external-link"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- single-product-start -->
<div class="col-xl-3 col-lg-3 col-md-3 col-sm-6 mb-4">
<div class="product-wrapper">
<div class="product-img" style="height: 200px;">
<a href="http://localhost/electroshop/public/product/asus-x7539">
<img src="http://localhost/electroshop/public/storage/uploads/ePqkX8PzlTmaDCZapU54HWrs6qWJuwf5.jpg"
alt="book" class="primary" />
</a>
<div class="quick-view">
<a class="action-view" href="javascript:void(0)"
id="5">
<i class="fa fa-search-plus"></i>
</a>
</div>
<div class="product-flag">
<ul>
</ul>
</div>
</div>
<div class="product-details text-center">
<h4><a
href="http://localhost/electroshop/public/product/asus-x7539">asus x7539</a>
</h4>
<div class="product-price">
<ul>
<li>5.000.000</li>
</ul>
</div>
</div>
<div class="product-link">
<div class="add-to-link">
<ul>
<li><a href="http://localhost/electroshop/public/product/asus-x7539"
title="Details"><i class="fa fa-external-link"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- single-product-start -->
<div class="col-xl-3 col-lg-3 col-md-3 col-sm-6 mb-4">
<div class="product-wrapper">
<div class="product-img" style="height: 200px;">
<a href="http://localhost/electroshop/public/product/vga-rtx">
<img src="http://localhost/electroshop/public/storage/uploads/85AGuT2Uy4AuUv6klK3WvzsdLXTYA7LS.jpg"
alt="book" class="primary" />
</a>
<div class="quick-view">
<a class="action-view" href="javascript:void(0)"
id="4">
<i class="fa fa-search-plus"></i>
</a>
</div>
<div class="product-flag">
<ul>
<li><span
class="discount-percentage">-100%</span>
</li>
</ul>
</div>
</div>
<div class="product-details text-center">
<h4><a
href="http://localhost/electroshop/public/product/vga-rtx">VGA RTX</a>
</h4>
<div class="product-price">
<ul>
<li>1.000</li>
<li class="old-price">500.000
</li>
</ul>
</div>
</div>
<div class="product-link">
<div class="add-to-link">
<ul>
<li><a href="http://localhost/electroshop/public/product/vga-rtx"
title="Details"><i class="fa fa-external-link"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- single-product-start -->
<div class="col-xl-3 col-lg-3 col-md-3 col-sm-6 mb-4">
<div class="product-wrapper">
<div class="product-img" style="height: 200px;">
<a href="http://localhost/electroshop/public/product/printer-canon">
<img src="http://localhost/electroshop/public/storage/uploads/gFRs7GYMJF8VlElPHQRDS9noJLnmP4lA.jpeg"
alt="book" class="primary" />
</a>
<div class="quick-view">
<a class="action-view" href="javascript:void(0)"
id="3">
<i class="fa fa-search-plus"></i>
</a>
</div>
<div class="product-flag">
<ul>
<li><span
class="discount-percentage">-98%</span>
</li>
</ul>
</div>
</div>
<div class="product-details text-center">
<h4><a
href="http://localhost/electroshop/public/product/printer-canon">printer canon</a>
</h4>
<div class="product-price">
<ul>
<li>1.000</li>
<li class="old-price">59.000
</li>
</ul>
</div>
</div>
<div class="product-link">
<div class="add-to-link">
<ul>
<li><a href="http://localhost/electroshop/public/product/printer-canon"
title="Details"><i class="fa fa-external-link"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- single-product-start -->
<div class="col-xl-3 col-lg-3 col-md-3 col-sm-6 mb-4">
<div class="product-wrapper">
<div class="product-img" style="height: 200px;">
<a href="http://localhost/electroshop/public/product/flashdisk-adata-8gb_GYyZ">
<img src="http://localhost/electroshop/public/storage/uploads/7VUiBpjzaED9zEQ0GYLtCKIP4xfikWSs.jpg"
alt="book" class="primary" />
</a>
<div class="quick-view">
<a class="action-view" href="javascript:void(0)"
id="2">
<i class="fa fa-search-plus"></i>
</a>
</div>
<div class="product-flag">
<ul>
<li><span
class="discount-percentage">-1%</span>
</li>
</ul>
</div>
</div>
<div class="product-details text-center">
<h4><a
href="http://localhost/electroshop/public/product/flashdisk-adata-8gb_GYyZ">Flashdisk Adata 8Gb</a>
</h4>
<div class="product-price">
<ul>
<li>246.000</li>
<li class="old-price">249.000
</li>
</ul>
</div>
</div>
<div class="product-link">
<div class="add-to-link">
<ul>
<li><a href="http://localhost/electroshop/public/product/flashdisk-adata-8gb_GYyZ"
title="Details"><i class="fa fa-external-link"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="discountProducts">
<div class="row">
<!-- single-product-start -->
<div class="col-xl-3 col-lg-3 col-md-3 col-sm-6 mb-4">
<div class="product-wrapper">
<div class="product-img" style="height: 200px;">
<a href="http://localhost/electroshop/public/product/flashdisk-adata-8gb_GYyZ">
<img src="http://localhost/electroshop/public/storage/uploads/7VUiBpjzaED9zEQ0GYLtCKIP4xfikWSs.jpg"
alt="book" class="primary" />
</a>
<div class="quick-view">
<a class="action-view" href="javascript:void(0)"
id="2">
<i class="fa fa-search-plus"></i>
</a>
</div>
<div class="product-flag">
<ul>
<li><span
class="discount-percentage">-1%</span>
</li>
</ul>
</div>
</div>
<div class="product-details text-center">
<h4><a
href="http://localhost/electroshop/public/product/flashdisk-adata-8gb_GYyZ">Flashdisk Adata 8Gb</a>
</h4>
<div class="product-price">
<ul>
<li>246.000</li>
<li class="old-price">249.000
</li>
</ul>
</div>
</div>
<div class="product-link">
<div class="add-to-link">
<ul>
<li><a href="http://localhost/electroshop/public/product/flashdisk-adata-8gb_GYyZ"
title="Details"><i class="fa fa-external-link"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- single-product-start -->
<div class="col-xl-3 col-lg-3 col-md-3 col-sm-6 mb-4">
<div class="product-wrapper">
<div class="product-img" style="height: 200px;">
<a href="http://localhost/electroshop/public/product/printer-canon">
<img src="http://localhost/electroshop/public/storage/uploads/gFRs7GYMJF8VlElPHQRDS9noJLnmP4lA.jpeg"
alt="book" class="primary" />
</a>
<div class="quick-view">
<a class="action-view" href="javascript:void(0)"
id="3">
<i class="fa fa-search-plus"></i>
</a>
</div>
<div class="product-flag">
<ul>
<li><span
class="discount-percentage">-98%</span>
</li>
</ul>
</div>
</div>
<div class="product-details text-center">
<h4><a
href="http://localhost/electroshop/public/product/printer-canon">printer canon</a>
</h4>
<div class="product-price">
<ul>
<li>1.000</li>
<li class="old-price">59.000
</li>
</ul>
</div>
</div>
<div class="product-link">
<div class="add-to-link">
<ul>
<li><a href="http://localhost/electroshop/public/product/printer-canon"
title="Details"><i class="fa fa-external-link"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- single-product-start -->
<div class="col-xl-3 col-lg-3 col-md-3 col-sm-6 mb-4">
<div class="product-wrapper">
<div class="product-img" style="height: 200px;">
<a href="http://localhost/electroshop/public/product/vga-rtx">
<img src="http://localhost/electroshop/public/storage/uploads/85AGuT2Uy4AuUv6klK3WvzsdLXTYA7LS.jpg"
alt="book" class="primary" />
</a>
<div class="quick-view">
<a class="action-view" href="javascript:void(0)"
id="4">
<i class="fa fa-search-plus"></i>
</a>
</div>
<div class="product-flag">
<ul>
<li><span
class="discount-percentage">-100%</span>
</li>
</ul>
</div>
</div>
<div class="product-details text-center">
<h4><a
href="http://localhost/electroshop/public/product/vga-rtx">VGA RTX</a>
</h4>
<div class="product-price">
<ul>
<li>1.000</li>
<li class="old-price">500.000
</li>
</ul>
</div>
</div>
<div class="product-link">
<div class="add-to-link">
<ul>
<li><a href="http://localhost/electroshop/public/product/vga-rtx"
title="Details"><i class="fa fa-external-link"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- single-product-start -->
<div class="col-xl-3 col-lg-3 col-md-3 col-sm-6 mb-4">
<div class="product-wrapper">
<div class="product-img" style="height: 200px;">
<a href="http://localhost/electroshop/public/product/hardisk-seagte-1-tb_b5Uo">
<img src="http://localhost/electroshop/public/storage/uploads/4B3xRMznXt4RTI2MuTBwUaS2ED2DWRuG.png"
alt="book" class="primary" />
</a>
<div class="quick-view">
<a class="action-view" href="javascript:void(0)"
id="11">
<i class="fa fa-search-plus"></i>
</a>
</div>
<div class="product-flag">
<ul>
<li><span class="sale">new</span></li>
<li><span
class="discount-percentage">-80%</span>
</li>
</ul>
</div>
</div>
<div class="product-details text-center">
<h4><a
href="http://localhost/electroshop/public/product/hardisk-seagte-1-tb_b5Uo">Hardisk Seagte 1 TB</a>
</h4>
<div class="product-price">
<ul>
<li>50.000</li>
<li class="old-price">249.000
</li>
</ul>
</div>
</div>
<div class="product-link">
<div class="add-to-link">
<ul>
<li><a href="http://localhost/electroshop/public/product/hardisk-seagte-1-tb_b5Uo"
title="Details"><i class="fa fa-external-link"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- product
-area
-end -->
<!-- Modal -->
<div class="modal fade" id="productModal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">x</span></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-5 col-sm-5 col-xs-12">
<div class="modal-tab">
<div class="product-details-large tab-content" id="productDetailImages">
</div>
<div class="product-details-small quickview-active owl-carousel" id="productDetailCarouselImages">
</div>
</div>
</div>
<div class="col-md-7 col-sm-7 col-xs-12">
<div class="modal-pro-content">
<h3 id="productName">productName</h3>
<div class="price" id="productPrice">
<span>productPrice</span>
<span class="old-price">productPrice</span>
</div>
<p id="productDescription">productDescription</p>
<form action="" id="product_form" method="POST" class="mt-2">
<input type="hidden" name="_token" value="NikV7hOzT1qisKBHHb6Q3XM4FpRLIBNUNitAPxRK"> <input type="hidden" name="formProductId" id="formProductId" value="">
<input type
="number" name
="quantity" id
="quantity" value
="1" min="1" max="99" />
<button id="add_to_cart">Tambahkan ke Cart</button>
</form>
<p class="pt-2">Berat: <span id="productWeight"></span> Gram</p>
<span id="stock_status"><i class="fa fa-check"></i> Stok: 10</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- footer-area-start -->
<footer>
<!-- footer-mid-start -->
<div class="footer-mid ptb-50">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-12">
<div class="row">
</div>
</div>
</div>
</div>
</div>
<!-- footer-bottom-start -->
<div class="footer-bottom bg-white">
<div class="container">
<div class="row bt-2">
<div class="col-lg-6 col-md-6 col-12">
<div class="copy-right-area">
<p style="color: black;">@ 2021coboaa </strong></p>
</div>
</div>
<div class="col-lg-6 col-md-6 col-12">
<div class="payment-img text-right">
<a href="#"><img src="https://my.ipaymu.com/asset/images/qris-app.png" alt="payment" /></a>
</div>
</div>
</div>
</div>
</div>
<!-- footer
-bottom
-end -->
</footer>
<!-- all js here -->
<!-- jquery latest version -->
<script src="http://localhost/electroshop/public//js/vendor/jquery-1.12.4.min.js"></script>
<!-- popper js -->
<script src="http://localhost/electroshop/public//js/popper.min.js"></script>
<!-- bootstrap js -->
<script src="http://localhost/electroshop/public//js/bootstrap.min.js"></script>
<!-- owl.carousel js -->
<script src="http://localhost/electroshop/public//js/owl.carousel.min.js"></script>
<!-- meanmenu js -->
<script src="http://localhost/electroshop/public//js/jquery.meanmenu.js"></script>
<!-- wow js -->
<script src="http://localhost/electroshop/public//js/wow.min.js"></script>
<!-- jquery.parallax-1.1.3.js -->
<script src="http://localhost/electroshop/public//js/jquery.parallax-1.1.3.js"></script>
<!-- jquery
.countdown
.min.js
-->
<script src="http://localhost/electroshop/public//js/jquery.countdown.min.js"></script>
<!-- jquery.flexslider.js -->
<script src="http://localhost/electroshop/public//js/jquery.flexslider.js"></script>
<!-- chosen
.jquery
.min.js
-->
<script src="http://localhost/electroshop/public//js/chosen.jquery.min.js"></script>
<!-- jquery
.counterup
.min.js
-->
<script src="http://localhost/electroshop/public//js/jquery.counterup.min.js"></script>
<!-- waypoints
.min.js
-->
<script src="http://localhost/electroshop/public//js/waypoints.min.js"></script>
<!-- Sweet Alert -->
<script src="http://localhost/electroshop/public/admin/js/sweetalert/sweetalert.min.js"></script>
<!-- Toastr js -->
<script src="http://localhost/electroshop/public/admin/libs/toastr/toastr.min.js"></script>
<script src="http://localhost/electroshop/public/admin/js/pages/toastr.init.js"></script>
<script src="http://localhost/electroshop/public/admin/libs/bootstrap-tagsinput/bootstrap-tagsinput.min.js"></script>
<!-- plugins js -->
<script src="http://localhost/electroshop/public//js/plugins.js"></script>
<!-- main js -->
<script src="http://localhost/electroshop/public//js/main.js"></script>
<script>
var user_id = '9'
</script>
<script>
return str.toString().replace(/^\s+|\s+$/g, '');
}
function formatRupiah(angka, prefix) {
var number_string = angka.replace(/[^,\d]/g, '').toString(),
sisa
= split[0].length
% 3,
// tambahkan titik jika yang di input sudah menjadi angka ribuan
if (ribuan) {
separator = sisa ? '.' : '';
rupiah
+= separator
+ ribuan
.join('.');
}
rupiah
= split[1] != undefined ? rupiah
+ ',' + split[1] : rupiah
;
return prefix == undefined ? rupiah : (rupiah ? 'Rp. ' + rupiah : '');
}
function reCalculateTotal(user_id) {
$.ajax({
url: "http://localhost/electroshop/public/api/v1/front/recalculate_total",
method: "POST",
type: "json",
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
data: {
user_id: user_id
},
success: function(res) {
$('#total_amount').text('Rp ' + res.data.total);
$('#cart_items_total').text('Rp ' + res.data.total);
},
error: function(res) {
return 'something goes wrong';
}
});
}
function reloadCartItems(user_id) {
$.ajax({
url: "http://localhost/electroshop/public/api/v1/front/reload_cart_items",
method: "POST",
type: "json",
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
data: {
user_id: user_id
},
success: function(res) {
$('#cart_items_count').text(res.data.items.length);
var reloadedItems = ``;
res.data.items.forEach(item => {
var productPrice
= formatRupiah
(trim(item
.price
));
reloadedItems += `
<div class="single-cart floating-cart-item" id="${item.id}">
<div class="cart-img">
<a href="${item.product.detail_url}"><img src="${item.product.thumbnail_complete_url}" alt="book" /></a>
</div>
<div class="cart-info">
<h5><a href="${item.product.detail_url}">${item.product.short_name}</a></h5>
<p>${item.quantity} x ${productPrice}</p>
</div>
<div class="cart-icon">
<a href="javascript:void(0)" class="floating_delete_cart" id="${item.id}"><i class="fa fa-remove"></i></a>
</div>
</div>
`;
});
$('#cart-product-content').html(reloadedItems);
reCalculateTotal(user_id);
},
error: function(res) {
}
});
}
$(document).ready(function() {
$(".myForm").on('submit', function(event) {
$(".formSubmitter").attr('disabled', true).addClass('onloading');
$(".myForm").attr('onsubmit', 'return false');
});
$(document).on('click', '.action-view', function() {
var productId = $(this).attr('id');
$.ajax({
url: "http://localhost/electroshop/public/api/v1/front/fetch_detail_product",
method: "POST",
type: "json",
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
data: {
product_id: productId
},
success: function(res) {
var productWeight
= formatRupiah
(trim(res
.data
.weight
.toString
()));
console
.log(productWeight
);
if (res.data.is_discount) {
var formattedPrice
= formatRupiah
(trim(res
.data
.price
));
var formattedStrikedPrice
= formatRupiah
(trim(res
.data
.price_striked
));
$('#productPrice').html(`
<span>Rp ${formattedStrikedPrice}</span>
<span class="old-price">Rp ${formattedPrice}</span>
`);
} else {
var formattedPrice
= formatRupiah
(trim(res
.data
.price
));
$('#productPrice').html(`
<span>Rp ${formattedPrice}</span>
`);
}
$('#formProductId').val(productId);
$('#productName').text(res.data.name);
$('#productWeight').text(productWeight);
$('#productDescription').text(res.data.description);
if (res.data.stock > 0) {
$('#stock_status').html(`<i class="fa fa-check"></i> Stok: ${res.data.stock}`);
} else {
$('#stock_status').html(`<i class="fa fa-close" style="color:red"></i> Stok: 0`);
}
var i = 1;
var productDetailImages = `<div class="tab-pane active" id="image-${i}">
<img src="${res.data.thumbnail_complete_url}" alt="" />
</div>
`;
var productDetailCarouselImages = `<a class="active" href="#image-${i}">
<img src="${res.data.thumbnail_complete_url}" alt="" /></a>
`;
for (var j = 0; j < res.data.product_galleries.length; j++) {
i++;
productDetailImages += `<div class="tab-pane" id="image-${i}">
<img src="${res.data.product_galleries[j].thumbnail_complete_url}" alt="" />
</div>
`;
productDetailCarouselImages +=
`<a href="#image-${i}">
<img src="${res.data.product_galleries[j].thumbnail_complete_url}" alt="" /></a>
`;
}
$('#productDetailImages').html(productDetailImages);
$('#productDetailCarouselImages').html("");
if (res.data.product_galleries.length > 0) {
$('#productDetailCarouselImages').html(productDetailCarouselImages);
var $owl = $('#productDetailCarouselImages');
$owl.trigger('destroy.owl.carousel');
$owl.html($owl.find('.owl-stage-outer').html()).removeClass(
'owl-loaded');
$owl.owlCarousel({
loop: true,
autoplay: false,
autoplayTimeout: 5000,
navText: ['<i class="fa fa-angle-left"></i>',
'<i class="fa fa-angle-right"></i>'
],
nav: true,
items: res.data.product_galleries.length,
margin: 12,
});
var ProductDetailsSmall = $('.product-details-small a');
ProductDetailsSmall.on('click', function(e) {
e.preventDefault();
var $href = $(this).attr('href');
ProductDetailsSmall.removeClass('active');
$(this).addClass('active');
$('.product-details-large .tab-pane').removeClass(
'active');
$('.product-details-large ' + $href).addClass('active');
})
}
$('#quantity').val(1);
$('#productModal').modal('show');
},
error: function(res) {
}
});
});
$(document).on('click', '.buttonTerimaPesanan', function(e) {
e.preventDefault();
let form = $(this).parents('form');
swal({
title: 'Apakah Anda yakin menerima pesanan ini?',
text: "Status pengiriman akan diubah menjadi Diterima",
icon: 'warning',
buttons: {
confirm: {
text: 'Ya!',
className: 'btn btn-success'
},
cancel: {
visible: true,
text: 'Batal',
className: 'btn btn-danger'
}
}
}).then((Delete) => {
if (Delete) {
form.submit()
swal({
title: 'Mohon tunggu proses!',
text: 'mohon tunggu.',
icon: 'info',
buttons: {
confirm: {
className: 'btn btn-success'
}
}
});
} else {
swal.close();
}
});
});
$(document).on('click', '.buttonLogout', function(e) {
e.preventDefault();
let form = $(this).parents('form');
swal({
title: 'Apakah Anda yakin ingin logout?',
text: "Sesi akan berakhir",
icon: 'warning',
buttons: {
confirm: {
text: 'Ya!',
className: 'btn btn-success'
},
cancel: {
visible: true,
text: 'Batal',
className: 'btn btn-danger'
}
}
}).then((Delete) => {
if (Delete) {
form.submit()
swal({
title: 'Mohon tunggu proses!',
text: 'mohon tunggu.',
icon: 'info',
buttons: {
confirm: {
className: 'btn btn-success'
}
}
});
} else {
swal.close();
}
});
});
$("form#product_form").submit(function(event) {
event.preventDefault();
var product_id = $("#formProductId").val();
var quantity = $("#quantity").val();
var the_data = {
product_id: product_id,
quantity: quantity,
user_id: user_id,
}
$.ajax({
type: "POST",
url: "http://localhost/electroshop/public/api/v1/front/add_to_cart",
data: the_data,
dataType: "json",
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
success: function(res) {
if (res.data.is_success == true) {
if (res.data.stock_empty == true) {
const el = document.createElement('div')
el.innerHTML =
"Stok Tidak Tersedia"
swal({
title: 'Stok Tidak Tersedia',
content: el,
icon: 'warning',
buttons: {
confirm: {
className: 'btn btn-warning'
}
}
});
} else {
const el = document.createElement('div')
el.innerHTML =
"Berhasil ditambahkan ke Cart. <a href='http://localhost/electroshop/public/my_cart'>Lihat Cart</a>"
swal({
title: 'Berhasil',
content: el,
icon: 'success',
buttons: {
confirm: {
className: 'btn btn-success'
}
},
});
reloadCartItems(user_id);
}
} else if(res.data.is_success == false) {
const el = document.createElement('div')
el.innerHTML =
"Silahkan <a href='http://localhost/electroshop/public/register'>Registrasi</a> sebagai Member atau <a href='http://localhost/electroshop/public/login'>Login</a> dahulu untuk melanjutkan"
swal({
title: 'Registrasi Dahulu',
content: el,
icon: 'warning',
buttons: {
confirm: {
className: 'btn btn-warning'
}
}
});
} else if(res.data.is_success == 'only_member') {
swal({
title: 'Member account only',
text: res.meta.message,
icon: 'warning',
buttons: {
confirm: {
className: 'btn btn-warning'
}
}
});
}
},
error: function(res) {
// console.log(res);
swal({
title: 'Gagal',
text: res.meta.message,
icon: 'error',
buttons: {
confirm: {
className: 'btn btn-warning'
}
}
});
}
})
});
$("form#product_wishlist_form").submit(function(event) {
event.preventDefault();
var product_id = $("#formWishlistProductId").val();
var the_data = {
product_id: product_id,
user_id: user_id,
}
$.ajax({
type: "POST",
url: "http://localhost/electroshop/public/api/v1/front/add_to_wishlist",
data: the_data,
dataType: "json",
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
success: function(res) {
if (res.data.is_success == true) {
if (res.data.wishlist_existed == true) {
const el = document.createElement('div')
el.innerHTML =
res.meta.message
swal({
title: 'Sudah Ada di Wishlist',
content: el,
icon: 'warning',
buttons: {
confirm: {
className: 'btn btn-warning'
}
}
});
} else {
const el = document.createElement('div')
el.innerHTML =
"Berhasil ditambahkan ke Wishlist. <a href='http://localhost/electroshop/public/my_wishlist'>Lihat Wishlist</a>"
swal({
title: 'Berhasil',
content: el,
icon: 'success',
buttons: {
confirm: {
className: 'btn btn-success'
}
},
});
reloadCartItems(user_id);
}
} else if(res.data.is_success == false) {
const el = document.createElement('div')
el.innerHTML =
"Silahkan <a href='http://localhost/electroshop/public/register'>Registrasi</a> sebagai Member atau <a href='http://localhost/electroshop/public/login'>Login</a> dahulu untuk melanjutkan"
swal({
title: 'Registrasi Dahulu',
content: el,
icon: 'warning',
buttons: {
confirm: {
className: 'btn btn-warning'
}
}
});
} else if(res.data.is_success == 'only_member') {
swal({
title: 'Member account only',
text: res.meta.message,
icon: 'warning',
buttons: {
confirm: {
className: 'btn btn-warning'
}
}
});
}
},
error: function(res) {
// console.log(res);
swal({
title: 'Gagal',
text: res.meta.message,
icon: 'error',
buttons: {
confirm: {
className: 'btn btn-warning'
}
}
});
}
})
});
$(document).on('click', '.floating_delete_cart', function(e) {
var cart_id = $(this).attr('id');
var the_data = {
cart_id: cart_id,
user_id: user_id
};
e.preventDefault();
$.ajax({
type: "POST",
url: "http://localhost/electroshop/public/api/v1/front/delete_cart_item",
data: the_data,
dataType: "json",
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
success: function(res) {
if (res.data.is_success == true) {
var sessionMessage = res.meta.message;
toastr.options = {
"closeButton": true,
"debug": false,
"newestOnTop": false,
"progressBar": true,
"positionClass": "toast-bottom-right",
"preventDuplicates": false,
"onclick": null,
"showDuration": "300",
"hideDuration": "1000",
"timeOut": "5000",
"extendedTimeOut": "1000",
"showEasing": "swing",
"hideEasing": "linear",
"showMethod": "fadeIn",
"hideMethod": "fadeOut"
}
$(document).ready(function onDocumentReady() {
toastr.success(sessionMessage);
});
$('.floating-cart-item#' + cart_id).fadeOut();
reCalculateTotal(user_id)
reloadCartItems(user_id);
} else {
const el = document.createElement('div')
el.innerHTML =
"Silahkan <a href='http://localhost/electroshop/public/register'>Registrasi</a> dahulu untuk melanjutkan"
swal({
title: 'Registrasi Dahulu',
content: el,
icon: 'warning',
buttons: {
confirm: {
className: 'btn btn-warning'
}
}
});
}
},
error: function(res) {
swal({
title: 'Gagal',
text: res.metamessage,
icon: 'error',
buttons: {
confirm: {
className: 'btn btn-warning'
}
}
});
}
})
})
})
</script>
</body>
</html>