상단 로고

< 무료 아이콘 EMOJIALL 사용 방법 >

📝 쇼핑몰의 원하는 부분에 이모티콘을 넣고 싶으시면 💕

https://copy.emojiall.com/ko/ 에 접속하신 후 원하시는 이모티콘을 클릭하면 복사가 되며 🎀

원하시는 위치에 붙여넣기 해주시면 됩니다.  

복사한 상태에서 디자인관리 > 디자인 보관함 > 수정 버튼 클릭하여 스마트디자인 편집창에서 🧨

원하시는 페이지의 소스창에서 원하시는 위치에 붙여넣기 해주시면 됩니다. 🚗

📢 상품 등록창의 상품상세페이지 작성 칸에 붙여넣으셔도 되며, 💬 👑

게시판 글을 작성할 때도 제목이나 내용 입력칸에 붙여넣기 해주셔서 꾸며주셔도 됩니다. 💨 🌺

아래는 이모티콘 활용 예시입니다.

🔥 가장 핫한 아이템 🔥

🥇 오늘의 베스트 상품

👍 고객추천상품 

🏆 금주의 핫 아이템

📢 공지사항

💬 커뮤니티

💕 내가 찜한 상품

👑 베스트 상품

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

아래는 참고사항입니다.

유의사항 : 상품 등록창의 상품명 입력칸과 상품관리 > 상품분류관리 > 분류관리의 분류명 입력칸에

이모티콘을 붙여넣었을 때 이모티콘이 정상적으로 표현되지않고 검정 테두리로만 표현될 경우

상품명과 분류명의 텍스트에 굵기 설정을 빼주셔야 합니다.

- 상품명 : 상품관리 > 상품관리 > 상품정보표시설정에서 상품명 글자 스타일의 굵기 설정 (B) 을 선택하지않으셔야 합니다.

- 분류명 : 스마트디자인 편집창에서 nav.css 파일과 category.css 파일에서 font-weight:bold; 라고 된 소스들을 모두 삭제해주셔야 합니다. 

상품명과 분류명 텍스트에 굵기도 넣으면서 이모티콘을 표현하는 방법은 아래 설명대로 해주세요.

입력칸에서 직접 텍스트 바로 앞과 뒤에 아래 예시처럼 <b> 와 </b> 태그를 텍스트 제일 앞과 뒤에 넣어주세요.

1) 상품명은 상품관리 > 상품등록 > 상품등록창에서 상품명 입력칸에 넣어주세요.

2) 분류명은 상품관리 > 상품분류관리 > 분류관리의 분류명 입력칸에 넣어주세요.

</b> 태그는 반드시 이모티콘 바로 앞에 와야 합니다. 이모티콘 뒤에 넣어서는 안됩니다.

예시) <b>조리식품</b> 🥣

3) 상품분류 페이지 상단의 카테고리명은 스마트디자인 편집창에서 

상품분류 페이지 상단의 소스 중에서 {$title_text_or_image} 를 찾아서 아래와 같이 빨간 소스를 추가해주셔야 합니다.

 <span style="font-weight:normal;">{$title_text_or_image}</span>

4) 전체 카테고리 메뉴 팝업창에서 대분류는 스마트디자인 편집창에서 category_full.css 파일을 열어

아래 소스 중에서 빨강색으로 표시된 font-weight:700; 를 삭제해주셔야 합니다.

    #category-full .d1-wrap .d1 { position:relative; display:inline-block; *display:inline; *zoom:1; width:215px; margin:8px 11px 20px 0; vertical-align:top; font-size:12px; line-height:28px; text-align:left; letter-spacing:0; }

    #category-full .d1-wrap .d1 > a { color:#333333; font-weight:normal;  height:30px; margin-bottom:10px; padding-left:10px; background:none; border:1px solid #eee; background-color:#fafafa;  font-size:13px; line-height:28px; font-weight:700; transition:all .3s ease; -webkit-transition:all .3s ease; }

    #category-full .d1-wrap .d1 > a:hover,

    #category-full .d1-wrap .d1.on > a { background-color:#fff;  }