|
Server : Apache/2.4.18 (Ubuntu) System : Linux canvaswebdesign 3.13.0-71-generic #114-Ubuntu SMP Tue Dec 1 02:34:22 UTC 2015 x86_64 User : oppastar ( 1041) PHP Version : 7.0.33-0ubuntu0.16.04.15 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, Directory : /var/www/laciasmara.com/public_html/shop/application/views/themes/3/ |
Upload File : |
<!doctype html>
<?php
$p_color = $this->session->userdata('p_color');
$p_rgbcolor = $this->session->userdata('p_rgbcolor');
?>
<style>
body {
overflow-x: hidden;
}
</style>
<style>
.snowflake {
position: fixed;
font-size: 20px;
color: #fff;
pointer-events: none;
animation: fall linear infinite;
z-index: 999;
}
@keyframes fall {
0% {
transform: translateY(-50vh);
}
100% {
transform: translateY(700vh);
}
}
</style>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="<?= $meta_description; ?>">
<meta name="google-site-verification" content="KOqNUyIns8nvVL8E5s_ode9dd813j5Fn4JRwMzHc4dI" />
<meta name="google-signin-client_id" content="702053800731-89m28vl02shl4jduc16s6p4eo0hvsg77.apps.googleusercontent.com">
<title><?= ucwords($browser_title); ?></title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="icon" href="<?= base_url() . 'uploads/' . $website_icon; ?>">
<link href="<?= base_url() . 'uploads/' . $website_icon; ?>" rel="apple-touch-icon" />
<link href="<?= base_url() . 'uploads/' . $website_icon; ?>" rel="apple-touch-icon" sizes="152x152" />
<link href="<?= base_url() . 'uploads/' . $website_icon; ?>" rel="apple-touch-icon" sizes="167x167" />
<link href="<?= base_url() . 'uploads/' . $website_icon; ?>" rel="apple-touch-icon" sizes="180x180" />
<link href="<?= base_url() . 'uploads/' . $website_icon; ?>" rel="icon" sizes="192x192" />
<link href="<?= base_url() . 'uploads/' . $website_icon; ?>" rel="icon" sizes="128x128" />
<link rel="stylesheet" type="text/css" href='<?= base_url("themes/$theme/css/style.css"); ?>'>
<link rel="stylesheet" type="text/css" href='<?= base_url("themes/$theme/css/flexslider.css"); ?>'>
<link rel="stylesheet" type="text/css" href='<?= base_url("themes/$theme/css/animate.css"); ?>'>
<link rel="stylesheet" type="text/css" href='<?= base_url("themes/$theme/css/custom.php"); ?>'>
<link rel="stylesheet" type="text/css" href='<?= base_url("themes/$theme/css/responsive.css"); ?>'>
<link rel="stylesheet" type="text/css" href='<?= base_url("themes/$theme/css/font-awesome.css"); ?>'>
<link href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.5.0/css/flag-icon.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href='<?= base_url("assets/frontend/css/tokoelit.css"); ?>'>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous">
<script src="https://apis.google.com/js/platform.js" async defer></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script defer src='<?= base_url("themes/$theme/js/vendor.min.js"); ?>'></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script defer src='<?= base_url("themes/$theme/js/jquery.flexslider.js"); ?>'></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-1R8X3R33S3">
<div id="snowfall-container"></div>
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-1R8X3R33S3');
</script>
<style>
.fix_header .logo a {
background-image: url("<?= base_url() . 'uploads/logo--laciasmara-small.png'; ?>");
}
.browse_product .logo a {
background-image: url("<?= base_url() . 'uploads/logo--laciasmara-small.png'; ?>");
}
.top_right_menu ul li.crt a {
padding-left: 30px !important;
}
@media (max-width: 768px) {
.wrapp4 {
padding: 0 30px 30px;
height: 100vh;
}
.wrapp_all>.top_alert {
display: none;
}
}
@media only screen and (max-width: 980px) {
.header {
position: static !important;
/*background: linear-gradient(to right, #7A4397, #7A4397, #7A4397, #7A4397, #7A4397, #7A4397, #7A4397, #7A4397, #7A4397, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #7A4397, #7A4397, #7A4397, #7A4397, #7A4397, #7A4397, #7A4397, #7A4397, #7A4397);*/
background: #7A4397;
font-family: Arial, Helvetica, sans-serif;
top: 0;
width: 100%;
height: 75px;
animation: rainbow 18s linear;
/* Ubah durasi animasi menjadi lebih panjang */
background-size: 300% auto;
/* Perbesar ukuran latar belakang untuk mengakomodasi pergerakan berkelanjutan */
}
@keyframes rainbow {
0% {
background-position: 0% 50%;
}
100% {
background-position: 100% 50%;
}
}
}
.fix_header {
position: fixed;
z-index: 99;
width: 100%;
left: 0;
top: 0;
height: 75px;
background: <?= $primary_colortheme; ?> !important;
/*background:url(../images/fix-header-bg.png) repeat-x top;*/
}
.browse_product .header {
/*background: linear-gradient(to right, #7A4397, #7A4397, #7A4397, #7A4397, #7A4397, #7A4397, #7A4397, #7A4397, #7A4397, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #7A4397, #7A4397, #7A4397, #7A4397, #7A4397, #7A4397, #7A4397, #7A4397, #7A4397);*/
background: #7A4397;
font-family: Arial, Helvetica, sans-serif;
position: static;
top: 0;
width: 100%;
height: 75px;
animation: rainbow 18s linear;
/* Ubah durasi animasi menjadi lebih panjang */
background-size: 300% auto;
/* Perbesar ukuran latar belakang untuk mengakomodasi pergerakan berkelanjutan */
}
@keyframes rainbow {
0% {
background-position: 0% 50%;
}
100% {
background-position: 100% 50%;
}
}
.browse_product .fix_header {
position: fixed;
z-index: 99;
width: 100%;
left: 0;
top: 0;
height: 75px;
background: <?= $primary_colortheme; ?> !important;
}
.top_right_menu ul li:hover a {
color: <?= $primary_colortheme; ?> !important;
}
.top_right_menu ul li:hover span {
color: <?= $primary_colortheme; ?> !important;
}
.bottom_left_menu ul li:hover a {
color: <?= $primary_colortheme; ?> !important;
}
.browse_product .bottom_left_menu ul li:hover a {
color: <?= $primary_colortheme; ?> !important;
}
.product_filter_box ul li a {
color: <?= $primary_colortheme; ?> !important;
}
.chat_dwn a:hover {
background: <?= $primary_colortheme; ?> !important;
}
.home_sec1 {
background: <?= $primary_colortheme; ?> !important;
position: relative;
}
.product_browse_intro {
height: 800px;
overflow: hidden;
background: #033;
margin-top: -190px;
background: <?= $primary_colortheme; ?> !important;
position: relative;
}
.spacer {
margin: 28px 0;
width: 100%;
height: 1px;
background: black !important;
}
.modal_right {
position: fixed;
right: -1px;
margin: 0;
left: auto;
top: -1px;
width: 500px;
background: <?= $primary_colortheme; ?> !important;
color: #fff;
}
.search_box {
background: <?= $primary_colortheme; ?> !important;
position: fixed;
width: 100%;
left: 0;
top: 0;
padding: 50px 0;
z-index: 999;
display: none;
}
.browse_product .bottom_left_menu ul li a {
color: <?= $primary_colortheme; ?> !important;
}
.tooltip {
font-size: 11px !important;
background: <?= $primary_colortheme; ?> !important;
}
.tooltip-inner {
font-size: 11px !important;
background: <?= $primary_colortheme; ?> !important;
}
.tooltip.show {
opacity: 1;
}
/*.tooltip-inner {
background-color: <?= $p_color; ?> !important;
color: #fff;
}
.tooltip.top .tooltip-arrow {
border-top-color: <?= $p_color; ?> !important;
}
.tooltip.right .tooltip-arrow {
border-right-color: <?= $p_color; ?> !important;
}
.tooltip.bottom .tooltip-arrow {
border-bottom-color: <?= $p_color; ?> !important;
}
.tooltip.left .tooltip-arrow {
border-left-color: <?= $p_color; ?> !important;
}
#testimonial {
min-height: 100px;
background: #dcdee0;
padding-top: 20px;
padding-bottom: 10px;
color: <?= $p_color; ?>;
}*/
</style>
<script>
jQuery(document).ready(function() {
jQuery('[data-toggle="tooltip"]').tooltip();
});
</script>
<?php if ($modules_setting->live_chat == "yes") : ?>
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API = Tawk_API || {},
Tawk_LoadStart = new Date();
(function() {
var s1 = document.createElement("script"),
s0 = document.getElementsByTagName("script")[0];
s1.async = true;
s1.src = 'https://embed.tawk.to/<?= $tawkto_id; ?>/default';
s1.charset = 'UTF-8';
s1.setAttribute('crossorigin', '*');
s0.parentNode.insertBefore(s1, s0);
})();
</script>
<!--End of Tawk.to Script-->
<?php endif; ?>
</head>
<script>
var current_loc = window.location.href + "";
let pathname = window.location.pathname + "";
let pathname_ar = pathname.split('/');
sessionStorage.setItem("ses_current_link_page", current_loc);
if (pathname_ar[1] != undefined && pathname_ar[1] == "category") {
let c_url_alias_en = "<?= $c_url_alias_en; ?>";
let c_url_alias_ind = "<?= $c_url_alias_ind; ?>";
let sub_category = pathname_ar[2];
sessionStorage.setItem("ses_c_url_alias_en", c_url_alias_en + "/" + sub_category);
sessionStorage.setItem("ses_c_url_alias_ind", c_url_alias_ind + "/" + sub_category);
sessionStorage.setItem("ses_current_link_page", "category");
}
if (pathname_ar[1] != undefined && pathname_ar[1] == "page") {
let c_url_alias_en = "<?= $c_url_alias_en; ?>";
let c_url_alias_ind = "<?= $c_url_alias_ind; ?>";
sessionStorage.setItem("ses_c_url_alias_en", c_url_alias_en);
sessionStorage.setItem("ses_c_url_alias_ind", c_url_alias_ind);
sessionStorage.setItem("ses_current_link_page", "page");
}
if (pathname_ar[1] != undefined && pathname_ar[1] == "blog") {
let c_url_alias_en = "<?= $c_url_alias_en; ?>";
let c_url_alias_ind = "<?= $c_url_alias_ind; ?>";
sessionStorage.setItem("ses_c_url_alias_en", c_url_alias_en);
sessionStorage.setItem("ses_c_url_alias_ind", c_url_alias_ind);
sessionStorage.setItem("ses_current_link_page", "blog");
}
</script>
<?php if ($this->uri->uri_string() == '' || $this->uri->uri_string() == 'welcome' || $this->uri->uri_string() == 'index.php') : ?>
<body class="home">
<?php elseif ($this->uri->segment(1) == 'product') : ?>
<body class="browse_product detail_product">
<?php elseif ($this->uri->segment(1) == 'category') : ?>
<body class="browse_product">
<?php elseif ($this->uri->segment(1) == 'brand') : ?>
<body class="browse_product">
<?php elseif ($this->uri->segment(1) == 'cart') : ?>
<body class="browse_product">
<?php elseif ($this->uri->segment(1) == 'search') : ?>
<body class="browse_product">
<?php elseif ($this->uri->segment(1) == 'blog') : ?>
<body class="blog browse_product">
<?php elseif ($this->uri->segment(1) == 'shipping') : ?>
<body class="browse_product detail_product">
<?php elseif ($this->uri->segment(1) == 'login') : ?>
<body class="browse_product detail_product">
<?php elseif ($this->uri->segment(1) == 'payment') : ?>
<body class="browse_product detail_product">
<?php elseif ($this->uri->segment(1) == 'midtrans') : ?>
<body class="browse_product detail_product">
<?php elseif ($this->uri->segment(1) == 'register') : ?>
<body class="browse_product detail_product">
<?php elseif ($this->uri->segment(1) == 'account') : ?>
<body class="browse_product detail_product">
<?php elseif ($this->uri->segment(1) == 'wishlist') : ?>
<body class="browse_product detail_product">
<?php elseif ($this->uri->segment(1) == 'verify_passwordreset') : ?>
<body class="browse_product detail_product">
<?php else : ?>
<body class="nrm">
<?php endif; ?>
<!-- <?php if ($this->uri->uri_string() == '' || $this->uri->uri_string() == 'welcome' || $this->uri->uri_string() == 'index.php') : ?><?= Modules::run('custom_info'); ?><?php endif; ?> -->
<div class="wrapp_all">
<style>
.navbar {
/*background: linear-gradient(to right, #7A4397, #7A4397, #7A4397, #7A4397, #7A4397, #7A4397, #7A4397, #7A4397, #7A4397, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #7A4397, #7A4397, #7A4397, #7A4397, #7A4397, #7A4397, #7A4397, #7A4397, #7A4397);*/
background: #7A4397;
font-family: Arial, Helvetica, sans-serif;
position: fixed;
top: 0;
width: 100%;
z-index: 100;
height: 120px;
animation: rainbow 18s linear;
/* Ubah durasi animasi menjadi lebih panjang */
background-size: 300% auto;
/* Perbesar ukuran latar belakang untuk mengakomodasi pergerakan berkelanjutan */
}
@keyframes rainbow {
0% {
background-position: 0% 50%;
}
100% {
background-position: 100% 50%;
}
}
.navbar:hover {
animation-play-state: paused;
/* Hentikan animasi saat mouse di atasnya */
}
.navbar a:hover,
.dp:hover .dropbtnnn,
.dropbtnnn:focus {
opacity: 0.5 !important;
color: #fff !important;
}
.dp-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 1;
}
.dp-content a {
float: none;
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.dp-content a:hover {
background-color: #ddd;
}
.show {
display: block;
}
@media only screen and (max-width: 968px) {
.navbar {
display: none;
}
}
.search-box-dekstop {
margin-left: 15px;
align-items: center;
width: 500px;
}
.search-input-dekstop {
flex: 1;
border: none;
outline: none;
padding: 5px;
}
.search-box-inner-dekstop {
border-radius: 8px;
outline: none;
padding: 8px;
background-color: #fff;
width: 500px;
}
.search-icon-dekstop {
margin-right: 5px;
color: #555;
}
.suggestbar2 {
border-radius: 10px;
outline: none;
padding: 10px;
background-color: #fff;
width: 500px;
position: absolute;
margin-left: 30px;
margin-top: 15px;
z-index: 999;
color: #000;
border: 3px solid #ccc;
}
</style>
<body>
<!-- Top Navigation Bar -->
<div class="navbar">
<a href="<?= base_url(); ?>"><img title="Logo Laciasmara" alt="Logo Laciasmara" style="max-width:150px; text-align:left; absolute; margin-top:5px; margin-left:35px;" src="<?= base_url() . 'uploads/' . $logo; ?>" alt=""></a>
<?php
$attributes = array(
'id' => 'search_form_desktop1',
'method' => 'get'
);
?>
<div> <?= form_open('search', $attributes); ?>
<div class="search-box-dekstop col-12">
<div class="search-box-inner-dekstop">
<i class="fas fa-search search-icon-dekstop"></i>
<input style="min-width: 80%;" id="searchBar2" onkeyup="ajaxSearch_dekstop();" autocomplete="off" type="text" name="search_product" class="search-input-dekstop" placeholder="Search...">
<input type="hidden" name="brand" class="brand">
<input type="hidden" name="designer" class="designer">
<input type="hidden" name="price" class="price">
<input type="hidden" name="category_title" class="category_title">
<input type="hidden" name="level1_alias" class="level1_alias">
<input type="hidden" name="level2_alias" class="level2_alias">
<input type="hidden" name="level3_alias" class="level3_alias">
</div>
</div>
<div id="suggestions2" class="suggestbar2">
<div id="autoSuggestionsList2"></div>
</div>
<script type="text/javascript">
jQuery('#suggestions2').hide();
function ajaxSearch_dekstop() {
var input_data = jQuery('#searchBar2').val();
if (input_data === '') {
jQuery('#suggestions2').hide();
} else {
var post_data = {
'search_data': input_data,
'<?= $this->security->get_csrf_token_name(); ?>': '<?= $this->security->get_csrf_hash(); ?>'
};
jQuery.ajax({
type: 'POST',
url: "<?= base_url() . 'ajax/ajax_get_suggest_product'; ?>",
data: post_data,
success: function(data) {
// return success
if (data.length > 0) {
jQuery('#suggestions2').show();
jQuery('#autoSuggestionsList2').addClass('auto_list');
jQuery('#autoSuggestionsList2').html(data);
//move the a list value to input text
jQuery('#autoSuggestionsList2 a').click(function() {
jQuery('#suggestions2').hide();
});
}
}
});
}
}
</script>
</form><br><?= Modules::run('custom_menu'); ?>
</div>
<div>
<div class="top_right_menu">
<style type="text/css">
.dropdown-toggle:after {
content: none
}
.dropdown-item:hover,
.dropdown-item:focus {
background-color: white;
}
</style>
<ul>
<div class="dropdown" style="margin-right: 30px;">
<a id="dropdownToggle" style="text-align: center; border: 2px solid #fff; color: #fff; cursor: pointer;" class="btn dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
<?php if ($this->session->userdata('site_lang') == 'english') : ?>
<span class="flag-icon flag-icon-gb"></span> English
<?php else : ?>
<span class="flag-icon flag-icon-id"></span> Indonesian
<?php endif; ?>
</a>
<div id="dropdownMenu" class="dropdown-menu">
<a class="dropdown-item" href="<?= base_url() . 'switch_language/switch_language/indonesian'; ?>">
<span class="flag-icon flag-icon-id"></span> Indonesian
</a>
<a class="dropdown-item" href="<?= base_url() . 'switch_language/switch_language/english'; ?>">
<span class="flag-icon flag-icon-gb"></span> English
</a>
</div>
<li class="crt"><a href="#" data-toggle="modal" data-target="#cart_madal"> (<b class="cartCount"></b>)</a></li>
</div>
<script>
document.getElementById('dropdownToggle').addEventListener('click', function(event) {
event.preventDefault();
var dropdownMenu = document.getElementById('dropdownMenu');
if (dropdownMenu.style.display === 'block') {
dropdownMenu.style.display = 'none';
} else {
dropdownMenu.style.display = 'block';
}
});
// Menutup dropdown jika klik di luar
window.addEventListener('click', function(event) {
var dropdownMenu = document.getElementById('dropdownMenu');
var dropdownToggle = document.getElementById('dropdownToggle');
if (!dropdownToggle.contains(event.target) && !dropdownMenu.contains(event.target)) {
dropdownMenu.style.display = 'none';
}
});
</script>
<div class="dropdown" style="margin-right: 30px; margin-top: 15px;">
<?php if (isset($this->session->userdata('customer')['customer_type'])) : ?>
<li class="nav-item dropdown">
<?php
function truncate_text($text, $max_length = 12)
{
if (strlen($text) > $max_length) {
return substr($text, 0, $max_length) . '...';
} else {
return $text;
}
}
?>
<a style="margin-left: 10px; text-align: center; font-size: 20px; color: #fff; cursor: pointer; min-width: 199px; max-width: 200px; text-decoration: underline;" class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
<i style="margin-left: -10px; margin-top: -4px; font-size: 30px;" class="fa fa-user-circle"> </i>
<?= truncate_text(ucwords($this->session->userdata('customer')['customer_name'])); ?>
<?php
$reseller_id = $this->db->select('reseller_id')->from('customers')->where('id_customers', $this->session->userdata('customer')['customer_id'])->get()->row()->reseller_id;
$reseller_tier_name = $this->db->select('reseller_name')->from('resellers')->where('id_resellers', $reseller_id)->get()->row()->reseller_name;
?>
</a>
<div class="dropdown-menu">
<!-- <div class="dropdown-divider"></div> -->
<a class="dropdown-item" style="color: <?= $primary_colortheme; ?>" href="<?= base_url('account/profile') ?>"><?= ucwords(lang('my_account')); ?></a>
<a class="dropdown-item" style="color: <?= $primary_colortheme; ?>" href="<?= base_url('register/logout') ?>"><?= ucwords(lang('logout')); ?></a>
</div>
</li>
<?php else : ?>
<li><a style="margin-left: 15px; text-align: center; font-size: 20px; color: #fff; cursor: pointer; min-width: 199px; max-width: 200px;" href="#" data-toggle="modal" data-target="#sigin_madal"><i style="margin-top: -4px; margin-left: -10px;font-size: 30px;" class="fa fa-user-circle"> </i> <?= ucwords(lang('login')); ?>/<?= ucwords(lang('register')); ?></a></li>
<?php endif; ?>
</div>
<!--<li class="src"><span><i class="fa fa-search"></i> <?= lang('search_product'); ?></span></li>-->
</ul>
</div>
</div>
</div>
</body>
</div>
<div class="wrapp_all">
<?php if ($this->uri->segment(1) == 'product') : ?>
<div class="header">
<?php else : ?>
<div class="header header_fx">
<?php endif; ?>
<div class="nav_masking"></div>
<!-- <div class="wrapp2"> -->
<?php if ($logo != '' && $logo != null) : ?>
<style>
@media only screen and (max-width: 968px) {
.logo a {
background-image: url("<?= base_url() . 'uploads/' . $logo; ?>");
}
}
</style>
<?php if ($this->uri->segment(1) == '' || $this->uri->segment(1) == 'index.php' || $this->uri->segment(1) == 'welcome' || $this->uri->segment(1) == 'page') : ?>
<div class="logo">
<a href="<?= base_url(); ?>">
<?= $website_name; ?>
</a>
</div>
<?php else : ?>
<div class="logo">
<a href="<?= base_url(); ?>" style="top:10px;"><?= $website_name; ?>
</a>
</div>
<?php endif; ?>
<?php else : ?>
<style>
.logo a {
font-size: 17px;
text-align: center;
border: 1px solid #fff;
padding-right: 3px;
padding-left: 3px;
border-radius: 4px;
/*font-weight: bold;*/
color: #fff;
position: absolute;
display: initial;
text-indent: initial;
top: 13px;
left: 13px !important;
height: auto;
width: 145px;
}
.logo a#a_logo_img div {}
@media only screen and (max-width: 980px) {
.logo a {
font-size: 15px;
width: 100px;
}
}
</style>
<div class="logo">
<a id="a_logo_img" href="<?= base_url(); ?>">
<div>
<?= $website_name; ?>
</div>
</a>
</div>
<?php endif ?>
<!-- -->
<div class="top_search">
<input type="text" placeholder="Search..." />
</div>
<!-- </div> -->
<div class="top_right_menu_res">
<ul>
<li class="crt"><a href="#" data-toggle="modal" data-target="#cart_madal"><span>(<b class="cartCount"></b>)</span></a></li>
</ul>
</div>
<div class="toggle_menu">
<span class="fa fa-close fa-bars"></span>
</div>
</div>
<!--<?php
$attributes = array(
'id' => 'search_form_desktop',
'method' => 'get'
);
?>
<?= form_open('search', $attributes); ?>
<div class="search_box">
<div class="close_search"><i class="fa fa-close"></i></div>
<div class="wrapp4">
<input id="searchBar" onkeyup="ajaxSearch_desktop();" autocomplete="off" type="text" placeholder="Please type here for what are you looking ..." name="search_product" class="search_product" />
<input type="hidden" name="brand" class="brand">
<input type="hidden" name="designer" class="designer">
<input type="hidden" name="price" class="price">
<input type="hidden" name="category_title" class="category_title">
<input type="hidden" name="level1_alias" class="level1_alias">
<input type="hidden" name="level2_alias" class="level2_alias">
<input type="hidden" name="level3_alias" class="level3_alias">
<input type="submit" value="Search" class="search_button" />
<div id="suggestions" class="suggestbar">
<div id="autoSuggestionsList">
</div>
</div>
<style>
div#autoSuggestionsList,
div#autoSuggestionsList li a {
color: white;
}
div#autoSuggestionsList li {
text-decoration: none;
list-style: none;
}
</style>
<script type="text/javascript">
jQuery('#suggestions').hide();
function ajaxSearch_desktop() {
var input_data = jQuery('#searchBar').val();
if (input_data === '') {
jQuery('#suggestions').hide();
} else {
var post_data = {
'search_data': input_data,
'<?= $this->security->get_csrf_token_name(); ?>': '<?= $this->security->get_csrf_hash(); ?>'
};
jQuery.ajax({
type: 'POST',
url: "<?= base_url() . 'ajax/ajax_get_suggest_product'; ?>",
data: post_data,
success: function(data) {
// return success
if (data.length > 0) {
jQuery('#suggestions').show();
jQuery('#autoSuggestionsList').addClass('auto_list');
jQuery('#autoSuggestionsList').html(data);
//move the a list value to input text
jQuery('#autoSuggestionsList a').click(function() {
jQuery('#suggestions').hide();
});
}
}
});
}
}
</script>
</div>
</div>-->
</form>
<style>
/* width */
::-webkit-scrollbar {
width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey;
border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #7A4397;
border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #b30000;
}
</style>
<div class="res_nav">
<?php if ($modules_setting->language == "yes") : ?>
<?php if ($this->session->userdata('site_lang') != 'english') : ?>
<a style="color:#fff;" href="<?= base_url() . 'switch_language/switch_language/indonesian'; ?>"><label style="cursor: pointer; font-weight: bold;color: white" class="name-icons"><?= ucwords('ID'); ?></label></a> <label style="color: white">|</label>
<a style="color:#fff; cursor: pointer;" href="<?= base_url() . 'switch_language/switch_language/english'; ?>"><label style="cursor: pointer;color:#fff" class="name-icons"><?= ucwords('EN'); ?></label></a>
<?php else : ?>
<a style="color:#fff;" href="<?= base_url() . 'switch_language/switch_language/indonesian'; ?>"><label style="cursor: pointer;color:#fff" class="name-icons"><?= ucwords('ID'); ?></label></a> <label style="color: white">|</label>
<a style="color:#fff; cursor: pointer;" href="<?= base_url() . 'switch_language/switch_language/english'; ?>"><label style="cursor: pointer;font-weight: bold;color: white" class="name-icons"><?= ucwords('EN'); ?></label></a>
<?php endif; ?>
<?php endif; ?>
<style>
/* Style for the third-level submenu */
/* Style for the third-level submenu */
.res_navi_sub_sub {
display: none;
/* Hide the sub-submenu by default */
list-style: none;
margin: 0;
padding: 0;
}
.res_navi_sub_sub li {
margin: 0;
padding: 0;
}
.res_navi_sub_sub li a {
display: block;
padding: 8px 0;
/* Adjust the padding as needed */
color: #000;
/* Text color */
text-decoration: none;
font-size: 14px;
/* Adjust the font size as needed */
}
/* Style for the sub-submenu when it's visible on hover (for desktop) */
.res_navi_sub:hover .res_navi_sub_sub {
display: block;
}
/* Style for the sub-submenu when it's visible on mobile (max-width: 768px) */
@media (max-width: 768px) {
.res_navi_sub .res_navi_sub_sub {
display: block;
}
}
</style>
<div class="u-vmenu">
<ul id="res_navi">
<?php foreach ($main_menus as $menu) : ?>
<?php $count_level2_menus = count_child_menus($menu->id_menus); ?>
<?php if ($count_level2_menus > 0) : ?>
<li class="have_sub">
<a href="#"><?= $menu->menu; ?></a>
<span class="accordion_toggle_nv fa fa-angle-down"></span>
<?php $level2_menus = get_child_menus($menu->id_menus); ?>
<ul class="res_navi_sub">
<?php foreach ($level2_menus as $level2) : ?>
<li class="have_sub">
<a href="<?= base_url() . $level2->menu_link; ?>"><?= $level2->menu; ?></a>
<?php $level3_menus = get_child_menus_level3($level2->id_menus); ?>
<?php if (!empty($level3_menus)) : ?>
<ul class="res_navi_sub_sub">
<?php foreach ($level3_menus as $level3) : ?>
<li>
<a href="<?= base_url() . $level3->menu_link; ?>">-<?= $level3->menu; ?></a>
</li>
<?php endforeach; ?>
</ul>
<?php endif; ?>
</li>
<?php endforeach; ?>
</ul>
</li>
<?php else : ?>
<li>
<a href="<?= base_url() . $menu->menu_link; ?>"><?= $menu->menu; ?></a>
</li>
<?php endif; ?>
<?php endforeach; ?>
</ul>
</div>
<?php if (isset($this->session->userdata('customer')['customer_type'])) : ?>
<a style="color:white;" href="<?= base_url('register/logout'); ?>">LOGOUT</a> <span style="color:white">
<?php else : ?>
<a style="color:white;" href="<?= base_url('login'); ?>">LOGIN</a> <span style="color:white">|</span> <a style="color:white;" href="<?= base_url('register'); ?>">REGISTER</a>
<?php endif; ?>
</div>
</div>
<?php
$v_wishlist = '';
if (isset($this->session->userdata('customer')['customer_type'])) :
$v_wishlist = 'add_wishlist_login_fs6';
?>
<script>
jQuery(document).ready(function() {
var myInterval_2 = setInterval(function() {
if (jQuery('.add_wishlist_login_fs6').length > 0) {
jQuery('.add_wishlist_login_fs6').off('click');
jQuery('.add_wishlist_login_fs6').click(function() {
var id_product = jQuery(this).parents("li#li_product_id").data("id");
ajax_add_wishlist_fs6(id_product);
// alert(id_product);
});
clearInterval(myInterval_2);
}
}, 200);
});
</script>
<?php else :
$v_wishlist = 'add_wishlist_nonlogin_fs6';
?>
<script>
jQuery(document).ready(function() {
var myInterval_1 = setInterval(function() {
if (jQuery('.add_wishlist_nonlogin_fs6').length > 0) {
jQuery('.add_wishlist_nonlogin_fs6').off('click');
jQuery('.add_wishlist_nonlogin_fs6').click(function() {
window.location = "<?= base_url() . 'login'; ?>";
});
clearInterval(myInterval_1);
}
}, 200);
});
</script>
<?php endif ?>
<style>
.red-heart {
color: red;
}
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
<script>
jQuery(document).ready(function() {
jQuery('<div class="<?= $v_wishlist; ?> medicine-love" style="cursor: pointer;position: absolute;float: left;z-index: 1;width: 40px; margin-top: 10px;margin-left: 10px;"' +
<?php if ($this->session->userdata('customer')['customer_id']) : ?> 'data-toast data-toast-type="success" data-toast-position="topRight" data-toast-icon="icon-circle-check" data-toast-title="Like Product" data-toast-message="The product has been liked"' +
<?php endif; ?> ' id="">' +
'<i class="far fa-heart fa-2x love-product"></i>' +
'</div>').insertBefore(
'div.product_browse ul.clearfix li div.product_browse_img'
);
});
function ajax_add_wishlist_fs6(id_product) {
jQuery.ajax({
'url': "<?= base_url() . 'wishlist/add_wishlist'; ?>",
'type': 'POST',
'data': {
'id_product': id_product,
'<?= $this->security->get_csrf_token_name(); ?>': '<?= $this->security->get_csrf_hash(); ?>'
},
'success': function(result) {
toastr.options = {
"closeButton": false,
"debug": false,
"newestOnTop": false,
"progressBar": false,
"positionClass": "toast-top-right",
"preventDuplicates": false,
"onclick": null,
"showDuration": "300",
"hideDuration": "1000",
"timeOut": "5000",
"extendedTimeOut": "1000",
"showEasing": "swing",
"hideEasing": "linear",
"showMethod": "fadeIn",
"hideMethod": "fadeOut"
}
toastr["success"]("The product has been liked", 'Like Product');
location.reload();
}
});
}
</script>
<!--<script> 1
document.addEventListener("DOMContentLoaded", function() {
const snowfallContainer = document.getElementById("snowfall-container");
// Function to create a snowflake element
function createSnowflake() {
const snowflake = document.createElement("div");
const altCodes = ["♀", "⚢", "⚤", "⚥"];
const randomAltCode = altCodes[Math.floor(Math.random() * altCodes.length)];
snowflake.className = "snowflake";
snowflake.innerHTML = randomAltCode;
snowflake.style.left = Math.random() * window.innerWidth + "px";
snowflake.style.animationDuration = Math.random() * 20 + 30 + "s";
snowfallContainer.appendChild(snowflake);
}
// Use a setInterval to create snowflakes at regular intervals
const intervalId = setInterval(createSnowflake, 250); // Adjust the interval (in milliseconds) as needed
setTimeout(function() {
clearInterval(intervalId);
}, 23000);
});
</script>-->
<!--<script> 2
document.addEventListener("DOMContentLoaded", function() {
const snowfallContainer = document.getElementById("snowfall-container");
// Function to create a snowflake element
function createSnowflake() {
const snowflake = document.createElement("div");
const altCodes = ["💖", "🌺", "🌹", "💐"];
const randomAltCode = altCodes[Math.floor(Math.random() * altCodes.length)];
snowflake.className = "snowflake";
snowflake.innerHTML = randomAltCode;
snowflake.style.left = Math.random() * window.innerWidth + "px";
snowflake.style.animationDuration = Math.random() * 20 + 30 + "s";
snowfallContainer.appendChild(snowflake);
}
// Use a setInterval to create snowflakes at regular intervals
const intervalId = setInterval(createSnowflake, 250); // Adjust the interval (in milliseconds) as needed
setTimeout(function() {
clearInterval(intervalId);
}, 23000);
});
</script>-->
<!--<script> 3
document.addEventListener("DOMContentLoaded", function() {
const snowfallContainer = document.getElementById("snowfall-container");
// Function to create a snowflake element
function createSnowflake() {
const snowflake = document.createElement("div");
const altCodes = ["🌻", "🌷", "🌹", "🌼"];
const randomAltCode = altCodes[Math.floor(Math.random() * altCodes.length)];
snowflake.className = "snowflake";
snowflake.innerHTML = randomAltCode;
snowflake.style.left = Math.random() * window.innerWidth + "px";
snowflake.style.animationDuration = Math.random() * 20 + 30 + "s";
snowfallContainer.appendChild(snowflake);
}
// Use a setInterval to create snowflakes at regular intervals
const intervalId = setInterval(createSnowflake, 250); // Adjust the interval (in milliseconds) as needed
setTimeout(function() {
clearInterval(intervalId);
}, 23000);
});
</script>-->
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API = Tawk_API || {},
Tawk_LoadStart = new Date();
(function() {
var s1 = document.createElement("script"),
s0 = document.getElementsByTagName("script")[0];
s1.async = true;
s1.src = 'https://embed.tawk.to/656eff20ff45ca7d4786fce8/1hgsp96gd';
s1.charset = 'UTF-8';
s1.setAttribute('crossorigin', '*');
s0.parentNode.insertBefore(s1, s0);
})();
</script>
<!--End of Tawk.to Script-->