현재 위치
  1. 게시판
  2. 유용한 웹 팁

유용한 웹 팁

쇼핑몰 운영에 도움이 되는 정보들입니다.

게시판 상세
제목 무료 이모티콘으로 쇼핑몰 꾸미기
작성자 별모아디자인 (ip:)
  • 평점 0점  
  • 작성일 2021-11-22
  • 추천 추천하기
  • 조회수 22

 

< 무료 이모티콘으로 쇼핑몰 꾸미기 >


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

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;  }





첨부파일
비밀번호 수정 및 삭제하려면 비밀번호를 입력하세요.
댓글 수정

비밀번호 :

/ byte

비밀번호 : 확인 취소

댓글 입력
댓글달기 이름 : 비밀번호 : 관리자답변보기

영문 대소문자/숫자/특수문자 중 2가지 이상 조합, 10자~16자

/ byte

왼쪽의 문자를 공백없이 입력하세요.(대소문자구분)

관리자에게만 댓글 작성 권한이 있습니다.