Help Center

카페24 소식

[상점관리]내 쇼핑몰에 멋진 화면효과를 넣어보자!

2009-11-04


안녕하세요. 카페24 운영도우미입니다.

다른 잘 나가는 사이트들을 보면 화려한 화면전환 효과를 이용하여 고객을 끌어모으는 경우가 있습니다.

하지만 그 방법을 적용하기기 쉽지 않았는데요.
그런 운영자분들의 고충을 해소하고자 카페24에서 몇 가지 기능을 추가하였습니다.

1. 메뉴 위치
① 어드민 > 상점관리 > 상점운영 관련 설정 > 쇼핑몰 화면효과 설정

2. 사용 방법
① 상품 이미지 효과 설정 : 상품 이미지에 아래와 같은 효과를 사용할 수 있습니다.
- 투명효과 사용 : 이미지에 마우스 오버 시 투명하게 보이는 효과를 사용할 수 있습니다. 숫자가 낮을 수록 투명해지고 높을 수록 불투명하게 됩니다.
- 흑백효과 사용 : 이미지에 마우스 오버 시 흑백 이미지로 보여집니다.
- 테두리 효과 사용 : 이미지에 마우스 오버 시 나타나는 테두리의 굵기나 색깔을 지정할 수 있습니다.

*아래와 같이 디자인을 수정해 주셔야 정상적으로 적용됩니다.
*디자인 > HTML디자인설정 > '메인화면'과 '상품분류'내에서 '목록형(1단~4단 ○○형 또는 사용자지정 ○○형)' 모듈내 '상품목록 또는 상품정보' 유닛에서 아래 부분을 수정하시면 됩니다.

[상품이미지 - 수정전] <img src="http://{{$image_server}}/web/product/tiny/ {{$image_tiny}}" width="100" height="100" style="border:1 solid {{$table_attr.td_fgcolor}}"> [상품이미지 - 수정후] <img src="http://{{$image_server}}/web/product/tiny/ {{$image_tiny}}" width="100" height="100" {{$product_effect}}> ※ width와 height 값은 고객님 쇼핑몰의 이미지 크기에 맞게 수정을 해주세요.

HTML디자인 설정 > 자바스크립트 & 스타일시트 > common.css 하단에 아래 내용 추가
a img.borderEffect {color:#fff;border:0pt none;}
② 페이지 전환효과 : 현재 페이지에서 다른 페이지로 이동 시 전환효과를 사용할 수 있습니다.
- 투명화 전환 : 페이지 이동 시 투명한 효과가 적용됩니다.
- 흩뿌리기 전환 : 페이지 이동 시 흩뿌리는듯한 효과가 적용됩니다.

* 페이지 전환효과는 시간을 설정할 수 있습니다.

카페24 쇼핑몰호스팅은 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록
기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다.
끊임없는 애정과 관심 부탁드립니다.
궁금하신 사항은 언제든지 고객지원센터(☎1588-3413)로 문의 바랍니다.
감사합니다.

카페24 드림
2009-11-04