shoppingmallv2 init...
This commit is contained in:
최준흠git config git config --helpgit config --global user.name 최준흠
parent
15d3489893
commit
04fa6b7822
@ -24,7 +24,7 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/top_menu'); ?>
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/top_navigator'); ?>
|
||||
<table id="layout">
|
||||
<tr>
|
||||
<td id="left" valign="top" width="180">
|
||||
|
||||
@ -5,15 +5,15 @@
|
||||
</nav>
|
||||
<ul class="nav justify-content-center">
|
||||
<li class="nav-item">
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/top_menu/make_password'); ?>
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/top_navigator/make_password'); ?>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/top_menu/search'); ?>
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/top_navigator/search'); ?>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="nav justify-content-end">
|
||||
<li class="nav-item">
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/top_menu/member_link'); ?>
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/top_navigator/member_link'); ?>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
20
app/Views/layouts/admin/top_navigator.php
Normal file
20
app/Views/layouts/admin/top_navigator.php
Normal file
@ -0,0 +1,20 @@
|
||||
<nav class="navbar navbar-expand-lg navbar-light" style="background-color: #e3f2fd;">
|
||||
<div id="head" class="container-fluid">
|
||||
<nav class="nav">
|
||||
<a class="navbar-brand" href="#">관리페이지</a>
|
||||
</nav>
|
||||
<ul class="nav justify-content-center">
|
||||
<li class="nav-item">
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/top_navigator/make_password'); ?>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/top_navigator/search'); ?>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="nav justify-content-end">
|
||||
<li class="nav-item">
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/top_navigator/member_link'); ?>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
@ -30,6 +30,7 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/top_navigator'); ?>
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/top_menu'); ?>
|
||||
<table id="layout">
|
||||
<tr>
|
||||
@ -43,7 +44,9 @@
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/copyright'); ?> </li>
|
||||
<div style="text-align:center;">
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/copyright'); ?> </li>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -1,18 +1,59 @@
|
||||
<nav class="navbar navbar-expand-lg navbar-light" style="background-color: #e3f2fd;">
|
||||
<div id="head" class="container-fluid">
|
||||
<nav class="nav">
|
||||
<a class="navbar-brand" href="#">Logo</a>
|
||||
</nav>
|
||||
<ul class="nav justify-content-center">
|
||||
<li class="nav-item">
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/top_menu/top_center'); ?>
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/top_menu/search'); ?>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="nav justify-content-end">
|
||||
<li class="nav-item">
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/top_menu/member_link'); ?>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<link href="/css/front/top_menu.css" media="screen" rel="stylesheet" type="text/css" />
|
||||
<div id="top_menu" class="container-fluid">
|
||||
<a class="navbar-brand" href="#">Navbar</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDarkDropdown" aria-controls="navbarNavDarkDropdown" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNavDarkDropdown">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDarkDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
About US
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbarDarkDropdownMenuLink">
|
||||
<li><a class="dropdown-item" href="#">인사말</a></li>
|
||||
<li><a class="dropdown-item" href="#">회사소개</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse" id="navbarNavDarkDropdown">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDarkDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
생활*건강
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbarDarkDropdownMenuLink">
|
||||
<li><a class="dropdown-item" href="front/product?category=5">가구</a></li>
|
||||
<li><a class="dropdown-item" href="front/product?category=6">애완동물</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse" id="navbarNavDarkDropdown">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDarkDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
컴퓨터*가전
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbarDarkDropdownMenuLink">
|
||||
<li><a class="dropdown-item" href="front/product?category=8">서버장비</a></li>
|
||||
<li><a class="dropdown-item" href="front/product?category=9">네트워크장비</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse" id="navbarNavDarkDropdown">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDarkDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
Support
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbarDarkDropdownMenuLink">
|
||||
<li><a class="dropdown-item" href="front/board?category=2">공지사항</a></li>
|
||||
<li><a class="dropdown-item" href="front/board?category=3">FAQ</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
18
app/Views/layouts/front/top_navigator.php
Normal file
18
app/Views/layouts/front/top_navigator.php
Normal file
@ -0,0 +1,18 @@
|
||||
<nav class="navbar navbar-expand-lg navbar-light" style="background-color: #e3f2fd;">
|
||||
<div id="head" class="container-fluid">
|
||||
<nav class="nav">
|
||||
<a class="navbar-brand" href="#">Logo</a>
|
||||
</nav>
|
||||
<ul class="nav justify-content-center">
|
||||
<li class="nav-item">
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/top_navigator/top_center'); ?>
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/top_navigator/search'); ?>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="nav justify-content-end">
|
||||
<li class="nav-item">
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/top_navigator/member_link'); ?>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
3
public/css/front/top_menu.css
Normal file
3
public/css/front/top_menu.css
Normal file
@ -0,0 +1,3 @@
|
||||
#id li.dropdown:hover ul.dropdown-menu {
|
||||
display: block;
|
||||
}
|
||||
@ -1,12 +0,0 @@
|
||||
/**
|
||||
* Left Banner
|
||||
*/
|
||||
$(document).ready(function() {
|
||||
$('#subpage_fixed_left_banner').scrollToFixed({
|
||||
marginTop: function() {
|
||||
var marginTop = $(window).height() - $('#subpage_fixed_left_banner').outerHeight(true) - 20;
|
||||
if (marginTop >= 0) return 20;
|
||||
return marginTop;
|
||||
}
|
||||
});
|
||||
});
|
||||
@ -1,47 +0,0 @@
|
||||
/**
|
||||
* Top_banner
|
||||
*/
|
||||
jQuery(document).ready(function ($) {
|
||||
var jssor_1_SlideoTransitions = [
|
||||
[{b:-1,d:1,o:-1},{b:0,d:1000,o:1}],
|
||||
[{b:1900,d:2000,x:-379,e:{x:7}}],
|
||||
[{b:1900,d:2000,x:-379,e:{x:7}}],
|
||||
[{b:-1,d:1,o:-1,r:288,sX:9,sY:9},{b:1000,d:900,x:-1400,y:-660,o:1,r:-288,sX:-9,sY:-9,e:{r:6}},{b:1900,d:1600,x:-200,o:-1,e:{x:16}}]
|
||||
];
|
||||
|
||||
var jssor_1_options = {
|
||||
$AutoPlay: true,
|
||||
$SlideDuration: 800,
|
||||
$SlideEasing: $Jease$.$OutQuint,
|
||||
$CaptionSliderOptions: {
|
||||
$Class: $JssorCaptionSlideo$,
|
||||
$Transitions: jssor_1_SlideoTransitions
|
||||
},
|
||||
$ArrowNavigatorOptions: {
|
||||
$Class: $JssorArrowNavigator$
|
||||
},
|
||||
$BulletNavigatorOptions: {
|
||||
$Class: $JssorBulletNavigator$
|
||||
}
|
||||
};
|
||||
|
||||
var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);
|
||||
|
||||
/*responsive code begin*/
|
||||
/*you can remove responsive code if you don't want the slider scales while window resizing*/
|
||||
function ScaleSlider() {
|
||||
var refSize = jssor_1_slider.$Elmt.parentNode.clientWidth;
|
||||
if (refSize) {
|
||||
refSize = Math.min(refSize, 1920);
|
||||
jssor_1_slider.$ScaleWidth(refSize);
|
||||
}
|
||||
else {
|
||||
window.setTimeout(ScaleSlider, 30);
|
||||
}
|
||||
}
|
||||
ScaleSlider();
|
||||
$(window).bind("load", ScaleSlider);
|
||||
$(window).bind("resize", ScaleSlider);
|
||||
$(window).bind("orientationchange", ScaleSlider);
|
||||
/*responsive code end*/
|
||||
});
|
||||
@ -1,14 +0,0 @@
|
||||
/**
|
||||
* Welcome_left_banner
|
||||
*/
|
||||
$("#left_menu_slideshow > div:gt(0)").hide();
|
||||
|
||||
setInterval(function() {
|
||||
$('#left_menu_slideshow > div:first')
|
||||
.fadeOut(1000)
|
||||
.next()
|
||||
.fadeIn(1000)
|
||||
.end()
|
||||
.appendTo('#left_menu_slideshow');
|
||||
},10000);
|
||||
|
||||
@ -1,86 +0,0 @@
|
||||
/**
|
||||
* Partner
|
||||
*/
|
||||
//moveType (0:left / 1:right)
|
||||
var moveType = 1;
|
||||
// 이동시간간격 3초
|
||||
var moveSpeed = 3000;
|
||||
// 움직이는 작업중 다시 명령 받지 않음
|
||||
var moveWork = false;
|
||||
// 일시정지 flag
|
||||
var movePause = false;
|
||||
function imgMove(){
|
||||
if(moveWork==false){
|
||||
// 0d\일경우 left방향
|
||||
if(moveType==0){
|
||||
// 맨처음 이미지의 폭
|
||||
var aWidth = $(".RollDiv > div > a:first").width();
|
||||
// 롤링마지막에 맨처음의 a태그 추가
|
||||
$(".RollDiv > div").append("<a href=\""+$(".RollDiv > div > a:first").attr("href")+"\">" + $(".RollDiv > div > a:first").html()+ "</a>");
|
||||
// 맨처음이미지를 왼쪽으로 이동시킨다.
|
||||
$(".RollDiv > div > a:first").animate({marginLeft:-aWidth},{
|
||||
duration:moveSpeed,
|
||||
step:function(){
|
||||
// 이동중 만약 일시정지 flag가 true라면
|
||||
if(movePause==true){// 이동을 멈춘다
|
||||
$(this).stop();
|
||||
}
|
||||
},
|
||||
complete:function(){
|
||||
// 이동을 마친후 첫번째 a태그를 지워버린다
|
||||
$(this).remove();
|
||||
// 이미지 움직이는것을 다시 실행
|
||||
imgMove();
|
||||
}
|
||||
});
|
||||
}else{
|
||||
// 마지막 a태그의 폭
|
||||
var aWidth = $(".RollDiv > div > a:last").width();
|
||||
// a태그 앞에 마지막의 a태그를 생성한다 단 스타일은 마지막 a태그의 폭만큼 빼준다
|
||||
$("<a href=\"" + $(".RollDiv > div > a:last").attr("href")+ "\" style=\"margin-left:-" + aWidth + "px\">" + $(".RollDiv > div > a:last").html()+ "</a>").insertBefore(".RollDiv > div > a:first")
|
||||
// 맨처음 a태그의 margin-left를 다시 0으로 맞춰준다.
|
||||
$(".RollDiv > div > a:first").animate({marginLeft:0},{
|
||||
duration:moveSpeed,step:function(){
|
||||
// 이동중 만약 일시정지 flag가 true라면
|
||||
if(movePause==true){
|
||||
// 이동을 멈춘다
|
||||
$(this).stop();
|
||||
}
|
||||
},
|
||||
complete:function(){
|
||||
// 이동을 마친후 마지막 a태그를 지워버린다
|
||||
$(".RollDiv > div > a:last").remove();
|
||||
// 이미지 움직이는것을 다시 실행
|
||||
imgMove();
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
function goMove(){
|
||||
// 일시정지가 풀려있을 경우를 대비하여 일시정지를 풀러준다
|
||||
movePause=false;
|
||||
// 0d\일경우 left방향
|
||||
if(moveType==0){
|
||||
imgMove();
|
||||
}else{
|
||||
$(".RollDiv > div > a:first").animate({marginLeft:0},{
|
||||
duration:moveSpeed,step:function(){
|
||||
// 이동중 만약 일시정지 flag가 true라면
|
||||
if(movePause==true){
|
||||
// 이동을 멈춘다
|
||||
$(this).stop();
|
||||
}
|
||||
},
|
||||
complete:function(){
|
||||
// 이동을 마친후 마지막 a태그를 지워버린다
|
||||
//$(".RollDiv > div > a:last").remove();
|
||||
// 이미지 움직이는것을 다시 실행
|
||||
imgMove();
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
imgMove();
|
||||
$('.btn_left').mouseover(function(){ moveType=0; });
|
||||
$('.btn_right').mouseover(function(){ moveType=1; });
|
||||
@ -1,15 +0,0 @@
|
||||
/**
|
||||
* Zeta-Menu width JQuery
|
||||
*/
|
||||
$(function(){
|
||||
$(".zeta-menu li").hover(
|
||||
function(){ $('ul:first',this).show(); },
|
||||
function(){ $('ul:first',this).hide(); }
|
||||
);
|
||||
$(".zeta-menu>li:has(ul)>a").each(
|
||||
function() { $(this).html( $(this).html()+' ∨' ); }
|
||||
);
|
||||
$(".zeta-menu ul li:has(ul)")
|
||||
.find("a:first")
|
||||
.append("<p style='float:right;margin:-3px'>▸</p>");
|
||||
});
|
||||
Loading…
Reference in New Issue
Block a user