KBoard 원더풀 제품 소개 스킨사용중인데

iiko.com

여기에 이미지 슬라이더처럼

KBoard 원더풀 제품소개 게시판에 작성되어 있는 글들을 슬라이더처럼 보이게 하고 클릭 시 해당 제품으로 넘어가게 할 수 있나요?

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    올려주신 사이트 접속이 안되네요.

    KBoard 원더풀 제품소개 스킨에서 KBoard 미디어 추가로 업로드한 이미지를

    게시글 본문 페이지에서 슬라이드로 표시하고 있습니다.

    게시글 목록 페이지에서 게시글을 슬라이드로 표시하고 싶다는 건지요?

    다른 예시 페이지 주소 올려주시면 살펴보겠습니다.

    코드를 수정해야 될 부분이 많다면 저희 쪽에서 도움을 드리기 어려울 수도 있습니다.

    고맙습니다.

  • 아 주소가 잘못되었네요

    iiko.co.kr입니다

  • 안녕하세요.

    올려주신 페이지 확인해봤습니다.

    KBoard 플러그인 게시판 스킨의 게시글 목록 페이지에서

    해당 페이지처럼 적용하고 싶다는 말씀이신지요?

    아쉽게도 현재는 지원하지 않는 기능입니다.

    저희도 좋은 방법이 있을지 고민해보겠습니다.

    고맙습니다.

  • 혹시 비슷하게라도 적용할수있는 방법은 없나요?

  • 올려주신 페이지와 완전 똑같지는 않지만

    제품 소개 스킨의 본문 페이지처럼 게시글 목록을 표시하시려면 스킨 파일을 수정해주셔야 합니다.

     

    아래의 순서대로 적용해보시겠어요?

    1. FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/list.php 파일에

    아래의 코드를 찾아서

    <?php wp_enqueue_script('kboard-wonderful-product-list', "{$skin_path}/list.js", array(), KBOARD_VERSION, true);?>

    아래의 코드로 교체해보세요.

    <?php
    wp_enqueue_script('kboard-wonderful-product-lightslider', KBOARD_URL_PATH . '/assets/lightslider/js/lightslider.js', array('jquery'), '1.1.6');
    wp_enqueue_style('kboard-wonderful-product-lightslider', KBOARD_URL_PATH . '/assets/lightslider/css/lightslider.css', array(), '1.1.6');
    wp_enqueue_script('kboard-wonderful-product-list', "{$skin_path}/list.js", array(), KBOARD_VERSION, true);
    ?>

     

    2. /wp-content/plugins/kboard/skin/사용중인스킨/list.js파일에

    아래의 코드를 찾아서

    jQuery(document).ready(function(){
    	kboard_wonderful_product_list_layout();
    });

    아래의 코드로 교체해보세요.

    jQuery(document).ready(function(){
    	jQuery('.kboard-list').lightSlider({
    		loop: true,
    		slideMargin: 0,
    		adaptiveHeight: false,
    		enableDrag: true,
    		addClass: 'kboard-wonderful-product-lightslider',
    		enableTouch: true
    	});
    	kboard_wonderful_product_list_layout();
    });

    적용해보시고 테스트해보시겠어요?

     

    jQuery lightSlider에 대한 자세한 내용은

    아래의 링크를 참고해보세요.

    http://sachinchoolur.github.io/lightslider/examples.html

    고맙습니다.

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요