코스모스팜 스레드

콘텐츠몰 커스터마이징 관련하여 질문을 드립니다.

안녕하세요.
모든 글들에 정성스런 답변을 주시는 것 같아 감사드립니다.

퍼스트 콘텐츠몰을 커스터마이징하는 방법을 문의드립니다.

2가지 인데요,

#1
썸네일 사이즈는 이미지에 따라 자동으로 설정되나요? width 기준으로 조정이 되는지요?
별도 수정도 가능할까요?

#2
리스트를 클릭했을 때 나타나는 페이지에서,
썸네일 이미지 옆의 판매자, 사용기간, 업데이트 날짜를 지우고
별도의 텍스트를 삽입하고 싶습니다.
+ 구매하기 버튼의 위치와 색상도 수정하고 싶습니다.

#기타
콘텐츠몰 상품등록시의 에디터에서 페이지빌더를 사용하고 싶은데 나타나지 않네요.
WPBakery Page Builder를 사용하고 있습니다.

답변 기다리겠습니다. 감사합니다.
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
  • 안녕하세요~^^

    1. KBoard 퍼스트 콘텐츠몰 스킨의 썸네일 이미지 크기가 자동으로 조절되도록 만들어졌기 때문에

    사용하시는 테마에 따라서 이미지 크기가 다르게 표시됩니다.

     

    로딩되는 이미지 크기를 변경하시려면

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

    아래의 코드를 모두 찾아보시겠어요?

    $content->getThumbnail(500, 281)

    숫자는 가로 세로 픽셀 사이즈입니다.

    숫자를 적절히 수정해보시겠어요?

     

    2. 상품 상세 페이지에서 표시되는 판매자, 사용기간, 업데이트는

    /wp-content/plugins/kboard/skin/사용중인스킨/document.php 파일에

    아래의 코드를 찾아서

    <dt><?php echo __('Seller', 'kboard')?></dt>
    <dd><?php echo apply_filters('kboard_user_display', $content->member_display, $content->member_uid, $content->member_display, 'kboard', $boardBuilder)?></dd>
    
    <dt><?php echo __('Period of use', 'kboard')?></dt>
    <dd><?php echo kboard_first_contents_mall_period_display($content->option->download_expiry)?></dd>
    
    <dt><?php echo __('Last updated', 'kboard')?></dt>
    <dd><?php echo date('Y-m-d', strtotime($content->update))?></dd>

    아래의 코드처럼 교체해보시겠어요?

    <dt>이곳에 새로운 문구를</dt>
    <dd>추가해주세요.</dd>

    위의 문구는 적절히 수정해주세요.

     

    구매하기 버튼 색상을 변경하시려면

    워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

    아래의 코드를 추가해보시겠어요?

    #kboard-first-contents-mall-document .kboard-document-header .kboard-document-detail .kboard-document-detail-button button.kboard-first-contents-mall-button-order { background: black; box-shadow: 0 2px 0 gray; }

     

    KBoard(케이보드) 게시판 버튼 색상 변경 방법도 참고 부탁드립니다.

    위치는 어느 부분에 표시하고 싶으신지 알려주시겠어요?

     

    3. KBoard 플러그인에서 글 작성 시 에디터는

    textarea와 워드프레스 내장 에디터를 사용하고 있습니다.

    WPBakery Page Builder 플러그인과 연동할 수 있을지 연구해보겠습니다.

    고맙습니다.

  • 정확하고 정성스러운 답변 너무 감사드립니다 ^^

    버튼 위치는 가운데에 위치시키고 싶은데, margin:auto 로 조정하면 될까요?
  • 구매하기 버튼을 가운데에 표시하시려면

    아래의 코드도 추가해보시겠어요?

    #kboard-first-contents-mall-document .kboard-document-header .kboard-document-detail .kboard-document-detail-button { text-align: center; }

    고맙습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)