카페24 디자인뱅크에서 처럼 디자인을 팔고 싶습니다,
첨부파일처럼 하려면 어떻게 해야 하나요?
전 코스모스팜회원관리 무제한 라이센스를 구입했습니다.
안녕하세요~^^
첨부파일처럼이라면 어떤 것을 말씀하시는 건지요?
뭔가 커스텀이 필요하시다면 코드를 수정하셔야 할 듯합니다.
디자인 수정 시 HTML과 CSS 코드에 대해 알면 도움이 됩니다.
고맙습니다.
가격설정시 웹용, 인쇄용, 무제한사용권으로 가격을 차등을 두면서 다운받는 그림도 틀리게 할 수 있는 것으로 하고 싶습니다. 이것이 쇼핑몰처럼 팔 수 있는 디자인이 가능한 것인지도 알고 싶습니다.
카페 24에 있는 디자인뱅크 링크 알려드립니다.
사용 중이신 플러그인에 따라 적용 방법이 다릅니다.
올려주신 페이지와는 완전 동일하진 않지만
KBoard 퍼스트 콘텐츠몰 스킨을 사용하시면
워드프레스 사이트에서 디지털 콘텐츠 또는 홍보/마케팅 등 서비스 상품을 판매하실 수 있습니다.
코스모스팜 회원관리 플러그인을 사용하시면
정기결제, 일반결제 모두 활용하실 수 있습니다.
우커머스 플러그인을 사용하시면
상품을 판매할 수 있는 페이지를 만드실 수 있습니다.
원하시는 대로 적용하시려면 어느 정도 코딩에 대한 지식이 있으셔야 할 듯합니다.
고맙습니다.
제게 코딩지식은 없습니다.ㅠㅠ
해보는데까지 하려는데 대시보드에 회원가입관리만 뜨고 kboard는 안뜨네요?ㅠㅠ
컨텐츠몰스킨은 테마에 부분적으로 들어가게 하는 거 맞는건가요?
워드프레스 관리자 페이지에서 KBoard 메뉴가 표시되지 않는다면
KBoard 플러그인이 정상적으로 설치 및 활성화되어 있는지 확인해보셔야 할 듯합니다.
KBoard 퍼스트 콘텐츠몰 스킨은 KBoard 게시판 스킨 중 하나입니다.
KBoard 및 게시판 스킨 설치 관련해서는
KBoard(케이보드) 게시판 스킨과 플러그인 설치 방법을 참고해보세요.
고맙습니다.
자꾸 초보적인 질문을 해서 죄송합니다.
퍼스콘텐츠몰스킨에 기본설정을 한 후
'기본 설정을 저장한 다음 게시판 페이지로 이동해서 상품을 등록해주세요.'
와 같은 글이 있습니다. 게시판 페이지는 어디서 찾는건가요? ㅠㅠ
안녕하세요.
KBoard 게시판 페이지는 워드프레스 페이지를 생성 후
해당 페이지에 게시판을 설치해주시면 됩니다.
워드프레스 페이지에 게시판 삽입하기 방법을 참고해보시겠어요?
상품 등록은 게시글(상품) 목록 페이지에서 상품등록 버튼을 눌러보세요.
고맙습니다.
퍼스트 컨텐츠몰 스킨에서 페이지를 만든 후 카테고리를 만들어 상품을 하나 올리는데는 성공했습니다.ㅋㅋ
https://imgur.com/8L3Y3jT
그런데 예시에서 보여주시는 카테고리는 어디서 만드나요?
글구 소비자에게 보여지는 화면에서는 굳이 페이지 부분의 주문조회나 상품등록이 필요없을 것 같습니다.ㅠㅠ
어떻게 삭제하나요?
그리고 썸네일부분의 그림사이즈는 어떻게 되며, 이용약관은 어디에서 볼 수 있을까요?
아래 링크에 건 부분의 회색부분은 어디에서 업로드를 하는 것인지요?
https://imgur.com/aVmetPh
그리고 쇼핑몰처럼 옵션을 걸 수 있는 방법이 있는지요? 그 옵션마다 다른 이미지를 팔고 싶습니다.
참고로 제가 만드는 사이트는 http://joy25846.cafe24.com 입니다.
항상 좋은 답변으로 응답해주셔서 감사합니다.
KBoard 플러그인에서 카테고리는
워드프레스 관리자 -> KBoard -> 게시판 목록 -> 게시판 선택 -> 기본설정 탭에서 설정하실 수 있습니다.
데모 페이지처럼 카테고리1 기능을 활용하시려면
기본설정 탭에서 카테고리 사용 설정을 활성화로 설정해보세요.
카테고리1 입력 필드에 카테고리를 입력해보세요.
카테고리는 콤마(,)로 구분 됩니다.
상품등록 및 주문조회를 관리자에게만 표시되게 하시려면
워드프레스 관리자 -> KBoard -> 게시판 목록 -> 게시판 선택 -> 권한설정 탭에서
쓰기권한을 직접선택으로 선택한 후 관리자 체크박스에 체크하고 저장해보세요.
그 다음, FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/list-gallery-style.php 파일에
아래의 코드를 찾아서
<li class="kboard-page-history<?php if(kboard_mod() == 'history'):?> kboard-selected<?php endif?>"><a href="<?php echo $url->set('category1', '')->set('category2', '')->set('pageid', '1')->set('start_date', '')->set('end_date', '')->set('target', '')->set('keyword', '')->set('kboard_search_option', '')->set('mod', 'history')->tostring()?>"><?php echo __('My Orders', 'kboard')?></a></li>
<?php if($board->isWriter()):?>
<li class="kboard-page-sales<?php if(kboard_mod() == 'sales'):?> kboard-selected<?php endif?>"><a href="<?php echo $url->set('category1', '')->set('category2', '')->set('pageid', '1')->set('start_date', '')->set('end_date', '')->set('target', '')->set('keyword', '')->set('kboard_search_option', '')->set('mod', 'sales')->tostring()?>"><?php echo __('My Sales', 'kboard')?></a></li>
<?php if(is_user_logged_in()):?>
<li class="kboard-page-new"><a href="<?php echo $url->getContentEditor()?>"><?php echo __('New Product', 'kboard')?></a></li>
<?php else:?>
<li class="kboard-page-new"><a href="#" onclick="alert('<?php echo __('Please Log in to continue.', 'kboard')?>');top.window.location.href='<?php echo wp_login_url($_SERVER['REQUEST_URI'])?>';return false;"><?php echo __('New Product', 'kboard')?></a></li>
<?php endif?>
<?php endif?>
아래의 코드로 교체해보세요.
<?php if($board->isWriter()):?>
<li class="kboard-page-history<?php if(kboard_mod() == 'history'):?> kboard-selected<?php endif?>"><a href="<?php echo $url->set('category1', '')->set('category2', '')->set('pageid', '1')->set('start_date', '')->set('end_date', '')->set('target', '')->set('keyword', '')->set('kboard_search_option', '')->set('mod', 'history')->tostring()?>"><?php echo __('My Orders', 'kboard')?></a></li>
<li class="kboard-page-sales<?php if(kboard_mod() == 'sales'):?> kboard-selected<?php endif?>"><a href="<?php echo $url->set('category1', '')->set('category2', '')->set('pageid', '1')->set('start_date', '')->set('end_date', '')->set('target', '')->set('keyword', '')->set('kboard_search_option', '')->set('mod', 'sales')->tostring()?>"><?php echo __('My Sales', 'kboard')?></a></li>
<?php if(is_user_logged_in()):?>
<li class="kboard-page-new"><a href="<?php echo $url->getContentEditor()?>"><?php echo __('New Product', 'kboard')?></a></li>
<?php else:?>
<li class="kboard-page-new"><a href="#" onclick="alert('<?php echo __('Please Log in to continue.', 'kboard')?>');top.window.location.href='<?php echo wp_login_url($_SERVER['REQUEST_URI'])?>';return false;"><?php echo __('New Product', 'kboard')?></a></li>
<?php endif?>
<?php endif?>
썸네일 크기는 가로 500 픽셀이며 세로 281 픽셀입니다.
이용약관은 상품 상세 페이지에서 구매하기 버튼 클릭 후 결제 페이지에서 표시됩니다.
본문 페이지에서 이미지는 KBoard 미디어 추가로 업로드한 이미지가 표시됩니다.
한 상품에서 옵션을 선택하는 기능을 말씀하시는 건지요?
현재는 옵션 상품에 대한 기능을 지원하지 않고 있습니다.
추후 연구 개발하여 업데이트하도록 하겠습니다.
고맙습니다.
옵션에 따라 다운받는 그림이 달라질 수 있도록 해 주시면 감사하겠습니다.
썸네일크기는 제대로 올렸습니다. 그런데 구매하기 버튼이 나오는 이미지에 나오는 파일은 비례가 안 맞아서 그런지 그림이 제대로 보이지가 않습니다. ㅠㅠ
첨부파일 올립니다. 확인 부탁드립니다. 제가 만든 파일 사이즈는 참고로 1920*1080 입니다.
https://imgur.com/CLddwbC
KBoard 퍼스트 콘텐츠몰 스킨에서 옵션 상품 기능은 현재 지원하지 않고 있습니다.
추후 연구 개발하여 업데이트하도록 하겠습니다.
상품 상세 페이지에서
표시되는 이미지는 KBoard 플러그인의 kboard_resize 함수를 활용해서 표시하고 있습니다.
FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/document.php 파일에
아래의 코드들을 확인하실 수 있습니다.
kboard_resize($media_item->file_path, 600, 338)
위의 코드에서 600 부분은 페이지 로드 시 불러오는 이미지의 너비 크기이며
338 부분은 높이 크기입니다.
픽셀 크기를 늘려서 확인해보시겠어요?
고맙습니다.
감사합니다. 구매하기 버튼에 나타나는 그림을 비율대로 줄였더니, 전체그림이 나왔습니다.
그런데 제가 판매하고픈 그림이 비율이 다 달라서...
혹 카테고리별로 그림을 resize하는 방법은 없을까요?
제가 코딩지식을 배우다가 포기했습니다.ㅠㅠ
KBoard 플러그인 게시글 본문 페이지에서
게시글 카테고리1에 따라서
다른 코드가 실행되게 하시려면 document.php 파일에
아래의 코드를 활용해보시겠어요?
<?php
if($content->category1 == '공지사항'){
// 카테고리1이 공지사항일 때 실행됩니다.
}
else if($content->category1 == '자유게시판'){
// 카테고리1이 자유게시판일 때 실행됩니다.
}
?>
고맙습니다.
제가 질문을 잘 못드렸나보네요.ㅠㅠ
사이즈 조정을 알려주신 코드대로 비율에 맞게 조정을 했더니
https://imgur.com/29SnMfO
와 같이 그림이 잘 조절이 되었습니다.
위의 것은 카테고리를 무료바탕화면으로 만들었구요.
아래쪽은 핸드폰배경으로 카테고리를 만들었는데
그림파일이 세로로 길다보니 그림의 비율이 안 맞습니다.
https://imgur.com/pPpL6ah
그래서 각 카테고리마다 보여지는 파일 크기를 달리할 수 있는 방법을 여쭤본 것입니다.
게시글 본문 페이지에서 게시글 카테고리에 따라
이미지 크기를 다르게 하고 싶으신 건지요?
카테고리에 따라 다른 코드가 실행되게 해야 합니다.
그 방법은 이전 댓글의 코드를 참고해보세요.
고맙습니다.
네 이전 댓글의 코드대로 했는데도 변화가 없어서요.ㅠㅠ
카테고리는 제 명명한 대로 바꾸는 것이 맞지요?
그 이전 댓글에서는 resize를 바꾸라 하셔서 바꾸었잖아요.
그럼 다른 사이즈도 입력해야 되는 것은 아닌가요?
번거로운 질문을 드려 죄송합니다.^^
이전 댓글에 안내해드린 코드를 그대로 적용하시면
당연히 아무런 변화가 없습니다.
커뮤니티에서는 저희가 모든 코드를 만들어 드리는 건 현실적으로 불가능하기 때문에
예제 코드의 경우에는 직접 활용해주셔야 합니다.
콘텐츠몰 스킨에서 이미지 슬라이드는
FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/document.php 파일에
아래의 코드로 표시하고 있습니다.
<div class="kboard-first-contents-mall-image-gallery">
<?php foreach($media_list as $media_item):?>
<div data-thumb="<?php echo kboard_resize($media_item->file_path, 200, 200)?>" data-src="<?php echo site_url($media_item->file_path)?>">
<img src="<?php echo kboard_resize($media_item->file_path, 600, 338)?>" alt="<?php echo esc_attr(basename($media_item->file_name))?>">
</div>
<?php endforeach?>
</div>
아래처럼 교체해서 사이즈를 각각 다르게 설정하실 수 있습니다.
<?php if($content->category1 == '공지사항'): // 카테고리1이 공지사항일 때 실행됩니다.?>
<div class="kboard-first-contents-mall-image-gallery">
<?php foreach($media_list as $media_item):?>
<div data-thumb="<?php echo kboard_resize($media_item->file_path, 200, 200)?>" data-src="<?php echo site_url($media_item->file_path)?>">
<img src="<?php echo kboard_resize($media_item->file_path, 600, 338)?>" alt="<?php echo esc_attr(basename($media_item->file_name))?>">
</div>
<?php endforeach?>
</div>
<?php elseif($content->category1 == '자유게시판'): // 카테고리1이 자유게시판일 때 실행됩니다.?>
<div class="kboard-first-contents-mall-image-gallery">
<?php foreach($media_list as $media_item):?>
<div data-thumb="<?php echo kboard_resize($media_item->file_path, 200, 200)?>" data-src="<?php echo site_url($media_item->file_path)?>">
<img src="<?php echo kboard_resize($media_item->file_path, 600, 338)?>" alt="<?php echo esc_attr(basename($media_item->file_name))?>">
</div>
<?php endforeach?>
</div>
<?php else:?>
<div class="kboard-first-contents-mall-image-gallery">
<?php foreach($media_list as $media_item):?>
<div data-thumb="<?php echo kboard_resize($media_item->file_path, 200, 200)?>" data-src="<?php echo site_url($media_item->file_path)?>">
<img src="<?php echo kboard_resize($media_item->file_path, 600, 338)?>" alt="<?php echo esc_attr(basename($media_item->file_name))?>">
</div>
<?php endforeach?>
</div>
<?php endif?>
고맙습니다.