온라인무역, 일본 법인 개설과 운영 Bizenjoy.com
  • 일본 임대형쇼핑몰 칼라미샵(color me shop) 디자인 커스텀
    2015년 03월 16일 04시 02분 28초에 업로드 된 글입니다.
    작성자: Glosens

    1. 칼라미샵 직접 핸들링하기

    일본 임대형 쇼핑몰 카라미샵은 사용자의 자유도가 높아 대부분의 디자인을 직접 혹은 웹2.0 디자인의 지식(블로그 디자인의 HTML /CSS의 이해)이 있으면 누구나 디자인 수정이 가능합니다.

    편집 할 수 없는 것은<head> 태그 내 정의 뿐입니다. 또한 smarty라는 구조를 사용하여 동적 페이지를 만들 수 있기 때문에 동일한 페이지에서도 조건에 따라 표시 내용을 변경하는 것도 가능합니다.

    <칼라미샵으로 만든 샵 디자인의 예>


    디자인 변경은 메뉴가게를 만든다(お店をつくる)에서 하위 메뉴 디자인을 설정(デザインを設定する)을 선택하는 곳에서 시작됩니다.

     



    HTML과 CSS를 아는 사람이라면 이를 편집하여 자신의 생각대로 레이아웃과 디자인을 만들 수 있습니다.


    HTML 편집 필드에 군데 군데 나오는 낯선 기술이 smarty구문입니다.
    if 문에서 "만약 ○○이 ××라면 △△를 표시한다"와 같은 표시 방법이나, 루프를 사용하여 "○○를 × 회 반복하여 표시한다" 라는 표시 방법이 가능합니다.

    또한 <{$ shop.shop_name}> 등과 같은 독자 태그도 곳곳에 확인할 수 있습니다.
    이 독자 태그는 칼라미숍 쇼핑몰 독자의 구조입니다.
    프로그램을 아시는 분이라면, 변수 같은 것라고 말한다면 쉽게 이해 될 것입니다.

    <{$ shop_name}>을 예로 들면,이 태그를 HTML 내에 기술하는 것으로 그 장소에 가게 이름이나 타이틀을 표시 할 수 있습니다.

    물론 문자열에서 쇼핑 제목을 그대로 넣어도 좋지만, 쇼핑 제목을 변경할 때마다 HTML을 다시 작성해야합니다. 그러나 <{$ shop_name}> 태그를 적어 놓으면, 쇼핑 정보 제목 설정을 변경했을 때 자동으로 표시도 바뀌게 될 것입니다. 몇 군데 뿐이라면 수동으로 다시해도 대단한 노력이 아닐지도 모릅니다 만, 상점에서 제목을 모두 수동으로 다시 쓰는 것은 힘듭니다.

    <{$ shop_name}> 태그로 통일 해두면, 모든 페이지가 한 번에 변경됩니다.


    이것이 효과를 발휘하는 것이 예를 들어 상품 상세 페이지입니다.
    상품 상세 페이지에 상품명과 가격 등 제품마다 다른 정보가 많이 있습니다.
    상품 수가 많을수록 수동으로 다시 작성하는 것은 힘들어 지지만 상품 상세 페이지 안을 독자 태그로 구성 해두면 후에는 제품 정보를 읽어 들여 끼워만으로 각 상품마다 페이지가 완성 합니다.
    따라서 상품 상세 페이지는 1 페이지 만 작성할 필요가 없습니다. 디자인을 변경하는 카스텀 작업을 할 때도 템플릿 페이지를 편집하면 모든 상품 상세 페이지에 변경이 반영됩니다.

     

    2. 칼라미샵 디자인을 전문업체에 의뢰하기

    샵의 안매문을 일목요연하게 표시되게 하거나, 상품 소개 페이지 커스텀은 물론, TOP에 움직이는 배너를 설치하거나 블로그와 SNS와 연동시키는 등의 다양한 커스텀을 할 수 있습니다.

    *디자인 이미지 제작:TOP 페이지 / 35,000 엔 ~ , 하층 페이지 / 15,000 엔 ~
    - 사이트의 기본이 되는 디자인 이미지를 포토샵으로 통 이미지 제작합니다. 간단한 로고를 포함합니다.

    제작 내용 유형 제작 기간 수정 횟수 요금 (세금 포함)
    TOP 페이지 디자인 임의 2 ~ 4 일 없음 1 안 : 35,000 엔 ~
    TOP 페이지 디자인 수정 가능 3 ~ 5 일 2 회 정도 1 안 : 45,000 엔 ~
    하층 페이지 디자인 임의 1 ~ 3 일 없음 1 안 : 15,000 엔 ~
    하층 페이지 디자인 수정 가능 3 ~ 5 일 2 회 정도 1 안 : 20,000 엔 ~

    ※ 1 페이지는 A4 용지 프린트 1 장 정도의 게재 내용입니다

    *코딩:메인디자인의 HTML(코딩)화/ 20,000 엔 ~ , 자체 제작된 메인탬플릿 코딩 / 6,000 엔 ~
    - 디자인 이미지와 텍스트 문서를 HTML로 WEB 페이지에 코딩하는 작업입니다.

    기획 · 구성:1 사이트 / 30,000 엔 ~

    *프로그램 설치:메일 폼 / 12,000 엔 ~ 움직이는 배너 설치 / 6,000 엔 ~
     - 이메일 양식(확인 화면 · 자동 회신 메일):CGI / Perl, 12,000 엔 ~
     - 움직이는 배너 설치 (슬라이드 타입이나 크로스 페이드 등)javascript, 6,000 엔 ~
     
    - 갤러리 기능의 설치 (사진이나 이미지를 확대 · 축소)javascript, 6,000 엔 ~
     
    - 블로그 기사를 사이트에 자동 표시 (블로그에 쓴 최근 기사를 자동으로 읽어 들여 표시)RSS, 4,000 엔 ~
     
    - 공지 사항 업데이트 도구 (간이 CMS)(블로그처럼 관리 화면에서 업데이트 · 사진 게재 기능)CGI / Perl, 30,000 엔 ~

    사이트 갱신 · 수정 작업:2,000 엔 ~

    도메인이나 서버 설정 대행:2,000 엔 ~

     

    정지 배너 만들기:배너 만들기 / 4,000 엔 ~ 제목 배너 만들기 / 8,000 엔 ~

    GIF 애니메이션 배너 만들기:6,000 엔 ~

    FLASH 배너 만들기:배너 만들기 / 20,000 엔 ~ 제목형 배너 만들기 / 35,000 엔 ~

    로고 디자인:20,000 엔 ~


    <외주 제작 칼라미샵 디자인>

    POPFAN(ポップファン)


    SOUPLISE(スープリス)



    レースウィッグダズル



    教育研修資材サポートサイト



    チアポン


    デコマルシェ


    Cedre(セドル)


    Find(ファインド)


    ケミカルエンターテインメント


    PK WAVE(PKウェーブ)


    AKON(アコン)


    Berceuse(ベルスーズ)


    mai Vert(メヴェール)


    AESOON(エースン)


    MariaBlue(マリアブルー)


    指貫の専門店 シンブルレレショップ


    無添加の基礎化粧品 fuwari


    和装髪飾り専門店・冠音



    사업자 정보 표시
    비즈인조이커머스 | 정경현 | 서울시 마포구 마포동 35-1 | 사업자 등록번호 : 105-11-82114 | TEL : 070-4300-6110 | Mail : bizenjoy@gmail.com | 통신판매신고번호 : 마포 제4976호호 | 사이버몰의 이용약관 바로가기
    댓글