쇼핑몰 메인배너의 좌우측 화살표를 없애고 싶습니다.
모바일에서 화살표가 배너의 상당부분을 가리기 때문입니다.
그냥 두면 자동으로 변환이 되고있고, 마우스로 끌어서 변경할수도 있으므로 기능상 문제가 생기지도 않을 것 같구요.
테마/js/owl.carousel.min.js 파일을 열어서 {var a=this,b=f('<div class="owl-buttons"/>.. 부분을 {var a=this,b=f('')으로 바꾸었습니다.
그랬더니 pc화면에서는 화살표가 사라졌는데, 모바일에서는 그대로 있습니다.
또 어디를 건드려야 할지 도움을 청해봅니다.
http://gemcraft.co.kr 의 초기화면에 나오는 배너입니다.
테마는 someday를 사용중입니다.
답변 2개 / 댓글 1개
owl.carousel.min.js은 수정하실 필요 없어 보입니다.
$(document).ready(function() {
$(".bn_img").owlCarousel({
autoPlay : true,
navigation : true, // Show next and prev buttons
slideSpeed : 300,
paginationSpeed : 400,
pagination:false,
singleItem:true,
// "singleItem:true" is a shortcut for:
// items : 1,
// itemsDesktop : false,
// itemsDesktopSmall : false,
// itemsTablet: false,
// itemsMobile : false
});
});
중에서 navigation : true, // Show next and prev buttons 이부분이 화살표 같은데 이걸
navigation : false, // Show next and prev buttons로 바꿔보세요
답변에 대한 댓글 1개
mainbanner.10.skin.php 파일이네요. 찾아서 수정하니 잘 됩니다.
감사합니다~ (_,._)
답변을 작성하려면 로그인이 필요합니다.
그런데, 어느 파일의 내용인지 좀 알려주실 수 있을까요? ㅡㅡㅋ