사진 분할별 타켓링크 제공
페이지 정보
작성자 정성규 댓글 0건 조회 4,620회 작성일 17-06-08 10:27본문
<!-- //추천상품 -->
<div style="margin: 60px 0 20px; position:relative;"><img src="../../../SkinImg/mid_bn.jpg" alt="" />
<a href="/product/list.html?cate_no=25" style="width:30%; position:absolute; top:0; bottom:0; left:10%;"></a>
<a href="/product/list.html?cate_no=61" style="width:20%; position:absolute; top:0; bottom:0%; left:40%;"></a>
<a href="/product/list.html?cate_no=26" style="width:20%; position:absolute; top:0%; bottom:0; left:60%;"></a>
<a href="/product/list.html?cate_no=54" style="width:20%; position:absolute; top:0; bottom:0; left:80%;"></a>
</div>
오르가닉 소스 하단
<!--@layout(/layout/basic/layout.html)-->
<script src="/js/jquery.cycle2.js"></script>
<script src="/js/jquery.cycle2.carousel.js"></script>
<script>$.fn.cycle.defaults.autoSelector = '.cycle-slideshow';</script>
<style>
#wrap, #container, #contents { width: 100%;}
#sidebar {display: none;}
#wrap {margin-top: 0;}
.gnb-wrap{padding-bottom: 0;}
/* 메인 롤링배너 */
.main-slide{position: relative; overflow: hidden;height:444px;text-align:center;}
.main-slide .cycle-pager {position:absolute; bottom:15px; left:50%; margin-left: 480px; z-index:55; cursor: pointer; }
.main-slide .cycle-pager span {display:block; float:left; overflow:hidden; background:url(../../../SkinImg/img_page01.png) no-repeat 0 -12px; width:12px; height:12px; font-size:0; line-height:0; text-indent:-9999px;margin:0 2px 0 2px;}
.main-slide .cycle-pager .cycle-pager-active {background:url(../../../SkinImg/img_page01.png) no-repeat 0 0; width:12px; height:12px}
/* 메인 카테고리 */
.main-cate {position: absolute; top: 0; left: 50%; margin-left: -551px; z-index: 60;}
.main-cate .xans-layout-category {width: 230px; height: 444px; background: url(../../../SkinImg/main_cate_bg.png) no-repeat 0 0; }
.main-cate .xans-layout-category h2 {display: none;}
.main-cate .xans-layout-category .position > ul {padding: 30px 0; background: none; text-align: left;}
.main-cate .xans-layout-category .position > ul > li > a {padding-left: 28px;}
/* Organic's pick */
.mbn-wrap ul.ul-list {margin-left: -5px; *zoom:1;}
.mbn-wrap ul.ul-list:after {display: block; content: ''; clear: both;}
.mbn-wrap ul.ul-list li {margin: 0 0 5px 5px;}
.sale_rate {position: absolute; top: -1px; left: 5px; width: 52px; height: 52px; color: #fff; font-size: 16px; line-height: 43px; text-align: center; vertical-align: middle; font-weight: bold;}
h2.main-h2 {padding: 0 0 15px; font-size: 12px; text-align: left; font-weight:normal; color:#000000; letter-spacing:-1px;}
h2.main-h2 strong {margin-right: 13px; font-size: 30px;color: #363636;}
</style>
<!--- ★★★★★ 메인페이지입니다 ★★★★★ --->
<!--- ★★★★★ 이미지 업로드/변경/링크 수정은 보내드린 교육자료를 참고해주세요 ★★★★★ --->
<!--- ★★★★★ 직접 수정 시 페이지 오류가 생길 수 있습니다. 꼭 백업을 받아놓으시고 작업 진행하세요 ★★★★★ --->
<!-- 메인롤링배너 s -->
<!-- css 수정은 이 페이지에서 .main-slide로 검색하세요 -->
<div class="main-slide">
<div class="cycle-slideshow"
data-cycle-timeout="4000"
data-cycle-slides="> div"
data-cycle-pager="#mBpager"
style="position:absolute; left:50%; top:0; margin-left:-1000px;width:2000px;height:444px; overflow:hidden"
>
<div><a href="/product/list.html?cate_no=24"><img src="../../../SkinImg/main_image01.jpg" /></a></div>
<div><a href="/product/list.html?cate_no=24"><img src="../../../SkinImg/main_image02.jpg" /></a></div>
<div><a href="/product/list.html?cate_no=66"><img src="../../../SkinImg/main_image03.jpg" /></a></div>
</div>
<div class="cycle-pager" id="mBpager"></div>
</div>
<!-- //메인롤링배너 e -->
<!-- 메인 카테고리 -->
<div class="main-cate">
<!--@import(/layout/basic/navigation.html)--> <!-- 카테고리는 layout/basic/navigation.html -->
</div>
<div style="width: 1100px; margin: 0 auto;">
<!-- Organic's pick s -->
<h2 class="main-h2" style="margin-top: 20px;"><strong>Seednature's pick</strong> 매일아침 만나는 신선한 반찬은 오직 시드네이처! </h2><!-- main-h2 css 설정은 이 페이지에서 .main-h2을 검색하세요 -->
<div class="mbn-wrap">
<ul class="ul-list">
<li><a href="/product/list.html?cate_no=66"><img src="../../../SkinImg/main_mbn_01.jpg" alt="" /></a></li>
<li><a href="/"><img src="../../../SkinImg/main_mbn_02.jpg" alt="" /></a></li>
<li><a href="http://www.seednature.co.kr/product/detail.html?product_no=41&cate_no=66&display_group=2"><img src="../../../SkinImg/main_mbn_03.jpg" alt="" /></a></li>
<li><a href="http://www.seednature.co.kr/product/detail.html?product_no=41&cate_no=66&display_group=2"><img src="../../../SkinImg/main_mbn_04.jpg" alt="" /></a></li>
<li><a href="/"><img src="../../../SkinImg/main_mbn_05.jpg" alt="" /></a></li>
<li><a href="/"><img src="../../../SkinImg/main_mbn_06.jpg" alt="" /></a></li>
</ul>
</div>
<!-- //Organic's pick e -->
<div module="Layout_project">
2. <!--@css(/css/module/layout/project.css)-->
3. <!--@js(/js/rotate.js)-->
4. <!--@js(/js/module/layout/project.js)-->
5. <h2>쇼핑기획전</h2>
6. <ul>
7. <li><a href="/product/project.html{$param}"><img src="{$category_image}" alt="" /></a></li>
8. <li><a href="/product/project.html{$param}"><img src="{$category_image}" alt="" /></a></li>
9. </ul>
10. <div class="control">
11. <button type="button" class="prev" id="prevButton-project"><span>이전</span></button>
12. <button type="button" class="stop" id="stopButton-project"><span>멈춤</span></button>
13. <button type="button" class="play" id="playButton-project"><span>재생</span></button>
14. <button type="button" class="next" id="nextButton-project"><span>다음</span></button>
15. </div>
16.</div>
<!-- Best product (추천상품) -->
<div module="product_listmain_1">
<!--@css(/css/module/product/listmain_1.css)-->
<!--
$count = 8
-->
<h2 class="main-h2"><strong>Best product</strong> 제일 잘나가는 상품!</h2><!-- main-h2 css 설정은 이 페이지에서 .main-h2을 검색하세요 -->
<ul class="prdList column4" style="background: url(../../../SkinImg/main_prd4_bg.gif) repeat-y 0 0;">
<li class="item" id="anchorBoxId_{$product_no}">
<div class="inner">
<div class="box">
<a href="/product/detail.html{$param}" name="anchorBoxName_{$product_no}"><img src="{$image_medium}" alt="" class="thumb" /></a>
<div class="status">
<div class="icon">{$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons}</div>
</div>
<p class="name">
<a href="/product/detail.html{$param}" class="{$product_name_display|display}"><strong class="title {$product_name_title_display|display}">{$product_name_title} :</strong> {$product_name}</a>
</p>
<ul module="product_ListItem">
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
</ul>
</div>
</div>
</li>
<li class="item" id="anchorBoxId_{$product_no}">
<div class="inner">
<div class="box">
<a href="/product/detail.html{$param}" name="anchorBoxName_{$product_no}"><img src="{$image_medium}" alt="" class="thumb" /></a>
<div class="status">
<div class="icon">{$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons}</div>
</div>
<p class="name">
<a href="/product/detail.html{$param}" class="{$product_name_display|display}"><strong class="title {$product_name_title_display|display}">{$product_name_title} :</strong> {$product_name}</a>
</p>
<ul module="product_ListItem">
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
</ul>
</div>
</div>
</li>
</ul>
</div><!-- //추천상품 -->
<div style="margin: 60px 0 20px; position:relative;"><img src="../../../SkinImg/mid_bn.jpg" alt="" />
<a href="/product/list.html?cate_no=25" style="width:30%; position:absolute; top:0; bottom:0; left:10%;"></a>
<a href="/product/list.html?cate_no=61" style="width:20%; position:absolute; top:0; bottom:0%; left:40%;"></a>
<a href="/product/list.html?cate_no=26" style="width:20%; position:absolute; top:0%; bottom:0; left:60%;"></a>
<a href="/product/list.html?cate_no=54" style="width:20%; position:absolute; top:0; bottom:0; left:80%;"></a>
</div>
<!-- Hot product (신상품) -->
<div module="product_listmain_2">
<!--@css(/css/module/product/listmain_2.css)-->
<!--
$count = 20
-->
<h2 class="main-h2"><strong>Hot product</strong> 요즘 가장 주목받고있는 상품들만 모았습니다.</h2><!-- main-h2 css 설정은 이 페이지에서 .main-h2을 검색하세요 -->
<ul class="prdList column5" style="background: url(../../../SkinImg/main_prd5_bg.gif) repeat-y 0 0;">
<li class="item" id="anchorBoxId_{$product_no}">
<div class="inner">
<div class="box">
<a href="/product/detail.html{$param}" name="anchorBoxName_{$product_no}"><img src="{$image_medium}" alt="" class="thumb" /></a>
<div class="status">
<div class="icon">{$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons}</div>
</div>
<p class="name">
<a href="/product/detail.html{$param}" class="{$product_name_display|display}"><strong class="title {$product_name_title_display|display}">{$product_name_title} :</strong> {$product_name}</a>
</p>
<ul module="product_ListItem">
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
</ul>
</div>
<div class="sale_rate" data-custom="{$product_custom}" data-price="{$product_price}"></div>
</div>
</li>
<li class="item" id="anchorBoxId_{$product_no}">
<div class="inner">
<div class="box">
<a href="/product/detail.html{$param}" name="anchorBoxName_{$product_no}"><img src="{$image_medium}" alt="" class="thumb" /></a>
<div class="status">
<div class="icon">{$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons}</div>
</div>
<p class="name">
<a href="/product/detail.html{$param}" class="{$product_name_display|display}"><strong class="title {$product_name_title_display|display}">{$product_name_title} :</strong> {$product_name}</a>
</p>
<ul module="product_ListItem">
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
</ul>
</div>
<div class="sale_rate" data-custom="{$product_custom}" data-price="{$product_price}"></div>
</div>
</li>
</ul>
</div><!-- //신상품 -->
<!-- 추가카테고리1 -->
<div module="product_listmain_3">
<!--@css(/css/module/product/listmain_3.css)-->
<!--
$count = 8
-->
<h2>
<span style="display: {$category_title_text_display};">{$category_title_text}</span>
<span style="display: {$category_title_img_display};"><img src="{$category_title_img}" alt="{$category_title_text}" /></span>
</h2>
<ul class="prdList column4">
<li class="item" id="anchorBoxId_{$product_no}">
<div class="box">
<a href="/product/detail.html{$param}" name="anchorBoxName_{$product_no}"><img src="{$image_medium}" alt="" class="thumb" /></a>
<div class="status">
<div class="icon">{$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons}</div>
</div>
<p class="name">
<a href="/product/detail.html{$param}" class="{$product_name_display|display}"><strong class="title {$product_name_title_display|display}">{$product_name_title} :</strong> {$product_name}</a>
</p>
<ul module="product_ListItem">
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
</ul>
</div>
</li>
<li class="item" id="anchorBoxId_{$product_no}">
<div class="box">
<a href="/product/detail.html{$param}" name="anchorBoxName_{$product_no}"><img src="{$image_medium}" alt="" class="thumb" /></a>
<div class="status">
<div class="icon">{$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons}</div>
</div>
<p class="name">
<a href="/product/detail.html{$param}" class="{$product_name_display|display}"><strong class="title {$product_name_title_display|display}">{$product_name_title} :</strong> {$product_name}</a>
</p>
<ul module="product_ListItem">
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
</ul>
</div>
</li>
</ul>
</div><!-- //추가카테고리1 -->
<!-- 추가카테고리2 -->
<div module="product_listmain_4">
<!--@css(/css/module/product/listmain_4.css)-->
<!--
$count = 8
-->
<h2>
<span style="display: {$category_title_text_display};">{$category_title_text}</span>
<span style="display: {$category_title_img_display};"><img src="{$category_title_img}" alt="{$category_title_text}" /></span>
</h2>
<ul class="prdList column4">
<li class="item" id="anchorBoxId_{$product_no}">
<div class="box">
<a href="/product/detail.html{$param}" name="anchorBoxName_{$product_no}"><img src="{$image_medium}" alt="" class="thumb" /></a>
<div class="status">
<div class="icon">{$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons}</div>
</div>
<p class="name">
<a href="/product/detail.html{$param}" class="{$product_name_display|display}"><strong class="title {$product_name_title_display|display}">{$product_name_title} :</strong> {$product_name}</a>
</p>
<ul module="product_ListItem">
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
</ul>
</div>
</li>
<li class="item" id="anchorBoxId_{$product_no}">
<div class="box">
<a href="/product/detail.html{$param}" name="anchorBoxName_{$product_no}"><img src="{$image_medium}" alt="" class="thumb" /></a>
<div class="status">
<div class="icon">{$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons}</div>
</div>
<p class="name">
<a href="/product/detail.html{$param}" class="{$product_name_display|display}"><strong class="title {$product_name_title_display|display}">{$product_name_title} :</strong> {$product_name}</a>
</p>
<ul module="product_ListItem">
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
</ul>
</div>
</li>
</ul>
</div><!-- //추가카테고리2 -->
<!-- 추가분류관리(진열순서1) -->
<div module="product_listmain_5">
<!--@css(/css/module/product/listmain_5.css)-->
<!--
$count = 8
-->
<h2>
<span style="display: {$category_title_text_display};">{$category_title_text}</span>
<span style="display: {$category_title_img_display};"><img src="{$category_title_img}" alt="{$category_title_text}" /></span>
</h2>
<ul class="prdList column4">
<li class="item" id="anchorBoxId_{$product_no}">
<div class="box">
<a href="/product/detail.html{$param}" name="anchorBoxName_{$product_no}"><img src="{$image_medium}" alt="" class="thumb" /></a>
<div class="status">
<div class="icon">{$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons}</div>
</div>
<p class="name">
<a href="/product/detail.html{$param}" class="{$product_name_display|display}"><strong class="title {$product_name_title_display|display}">{$product_name_title} :</strong> {$product_name}</a>
</p>
<ul module="product_ListItem">
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
</ul>
</div>
</li>
<li class="item" id="anchorBoxId_{$product_no}">
<div class="box">
<a href="/product/detail.html{$param}" name="anchorBoxName_{$product_no}"><img src="{$image_medium}" alt="" class="thumb" /></a>
<div class="status">
<div class="icon">{$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons}</div>
</div>
<p class="name">
<a href="/product/detail.html{$param}" class="{$product_name_display|display}"><strong class="title {$product_name_title_display|display}">{$product_name_title} :</strong> {$product_name}</a>
</p>
<ul module="product_ListItem">
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
</ul>
</div>
</li>
</ul>
</div><!-- //추가분류관리(진열순서1) -->
<!-- 추가분류관리(진열순서2) -->
<div module="product_listmain_6">
<!--@css(/css/module/product/listmain_6.css)-->
<!--
$count = 8
-->
<h2>
<span style="display: {$category_title_text_display};">{$category_title_text}</span>
<span style="display: {$category_title_img_display};"><img src="{$category_title_img}" alt="{$category_title_text}" /></span>
</h2>
<ul class="prdList column4">
<li class="item" id="anchorBoxId_{$product_no}">
<div class="box">
<a href="/product/detail.html{$param}" name="anchorBoxName_{$product_no}"><img src="{$image_medium}" alt="" class="thumb" /></a>
<div class="status">
<div class="icon">{$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons}</div>
</div>
<p class="name">
<a href="/product/detail.html{$param}" class="{$product_name_display|display}"><strong class="title {$product_name_title_display|display}">{$product_name_title} :</strong> {$product_name}</a>
</p>
<ul module="product_ListItem">
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
</ul>
</div>
</li>
<li class="item" id="anchorBoxId_{$product_no}">
<div class="box">
<a href="/product/detail.html{$param}" name="anchorBoxName_{$product_no}"><img src="{$image_medium}" alt="" class="thumb" /></a>
<div class="status">
<div class="icon">{$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons}</div>
</div>
<p class="name">
<a href="/product/detail.html{$param}" class="{$product_name_display|display}"><strong class="title {$product_name_title_display|display}">{$product_name_title} :</strong> {$product_name}</a>
</p>
<ul module="product_ListItem">
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
</ul>
</div>
</li>
</ul>
</div><!-- 추가분류관리(진열순서2) -->
<!-- 추가분류관리(진열순서3) -->
<div module="product_listmain_7">
<!--@css(/css/module/product/listmain_7.css)-->
<!--
$count = 8
-->
<h2>
<span style="display: {$category_title_text_display};">{$category_title_text}</span>
<span style="display: {$category_title_img_display};"><img src="{$category_title_img}" alt="{$category_title_text}" /></span>
</h2>
<ul class="prdList column4">
<li class="item" id="anchorBoxId_{$product_no}">
<div class="box">
<a href="/product/detail.html{$param}" name="anchorBoxName_{$product_no}"><img src="{$image_medium}" alt="" class="thumb" /></a>
<div class="status">
<div class="icon">{$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons}</div>
</div>
<p class="name">
<a href="/product/detail.html{$param}" class="{$product_name_display|display}"><strong class="title {$product_name_title_display|display}">{$product_name_title} :</strong> {$product_name}</a>
</p>
<ul module="product_ListItem">
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
</ul>
</div>
</li>
<li class="item" id="anchorBoxId_{$product_no}">
<div class="box">
<a href="/product/detail.html{$param}" name="anchorBoxName_{$product_no}"><img src="{$image_medium}" alt="" class="thumb" /></a>
<div class="status">
<div class="icon">{$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons}</div>
</div>
<p class="name">
<a href="/product/detail.html{$param}" class="{$product_name_display|display}"><strong class="title {$product_name_title_display|display}">{$product_name_title} :</strong> {$product_name}</a>
</p>
<ul module="product_ListItem">
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
</ul>
</div>
</li>
</ul>
</div><!-- //추가분류관리(진열순서3) -->
</div>
<!--@define(cmc_log)-->
<!--@import(/apps/photoslide2/skin3/skin3_main.html)-->
댓글목록
등록된 댓글이 없습니다.