본문 바로가기

css10

영카트 필수 입력폼 input 강조 배경색 변경 필수 입력폼 배경색 입력 input이 있는 페이지에서 필수 항목을 채우지 않고 버튼을 눌렀을 때 빈 입력폼의 배경색이 바뀌면서 강조되어 보이죠. 강조된 input의 배경색을 수정하고 싶을 때 어떤 파일을 열어야 할까요? 영카트 주문서 작성 페이지에서 필수 항목을 입력하지 않고 입력 버튼을 눌렀을 때 빈 입력폼을 강조하는 input의 background color 수정 방법을 알려 드립니다. js/common.js js 폴더에서 common.js 파일을 열어 필드 오류 항목을 찾아 색상코드를 수정하면 됩니다. #BDDEF7를 #FFCCCC로 수정해 볼까요? 그럼 아래와 같이 필수 항목 입력폼의 배경색이 변경됩니다. 영카트 활용팁 영카트 상품 목록 리스트에 네이버처럼 구매 리뷰 건수 출력 영카트 상품 목록 .. 2022. 1. 5.
영카트 포인트결제 가능한 최소주문금액 설정 포인트 사용 가능한 최소주문금액 설정 영카트 쇼핑몰 설정에서 포인트 관련 설정을 보면 결제 가능한 최소 ~ 최대 포인트 즉, 포인트 사용 범위는 설정할 수 있지만 포인트 결제 가능한 주문금액을 설정할 수는 없어요. 운영자는 주문금액이 3만원 이상일 때만 포인트 결제를 허용하고 싶지만 할 수 없다는거죠. 영카트에서 포인트결제가 가능한 최소 주문금액을 설정하는 방법을 알려드릴게요. orderform.sub.php PC : shop/orderform.sub.php 모바일 : mobile/shop/orderform.sub.php 위 2개 파일을 열어서 Ctrl+F 를 눌러 [포인트결제]로 검색을 하면 이런 소스가 있을거예요. 하단에 아래 소스를 복사+붙여넣기 해줍니다. 30000으로 설정된 2군데의 숫자를 변경.. 2021. 12. 24.
그누보드 5.4.6 이후 통합버전 영카트 쇼핑몰 기능 비활성화 그누보드 5.4.6 버전 부터는 그누보드에 영카트가 포함(통합)되어 배포되고 있습니다. sir 사이트에서 그누보드를 다운로드 하던, 영카트를 다운로드 하던 동일한 통합버전을 다운받게 됩니다. 일반사이트를 제작하기 때문에 쇼핑몰이 필요없을 때 쇼핑몰 기능을 비활성화 하는 방법을 알려드립니다. dada/dbconfig.php line 44에서 define('G5_USE_SHOP', true); 를 false 로 수정합니다. true 를 false 로 변경하면 관리자 페이지에서 쇼핑몰 메뉴들도 비활성화 됩니다. 그 외 그누보드 활용팁 그누보드 뉴스 게시판 제목 클릭시 링크1로 이동 그누보드 뉴스 게시판 제목 클릭시 링크1로 이동 언론보도나 뉴스 기사를 업로드 하는 게시판을 운영할 때가 있죠. 뉴스게시판의 경우.. 2021. 12. 24.
쇼핑몰 영카트 사업자정보조회 확인 새창 팝업 링크 버튼 넣기 쇼핑몰을 운영하기 위해서는 사업자등록과 통신판매업신고가 필수죠. 그리고 고객이 사업자의 정보를 확인 할 수 있도록 쇼핑몰에 링크도 걸어 놓아야 합니다. 영카트를 이용한 쇼핑몰 하단, 푸터의 카피라이트 부분에 그대로 복사+붙여넣기 하면 되는 사업자정보조회 소스를 알려드립니다. 사업자정보조회 팝업 버튼 요즘 핫하다는 국립중앙박물관의 정보를 예로 설명 드릴게요. 영카트 관리자 > 쇼핑몰 설정에 입력한 사업자등록번호가 아래와 같이 쇼핑몰 하단에 자동으로 노출되고 오른쪽 버튼을 누르면 새창으로 뜨는 소스입니다. 영카트 shop.tail.php 푸터의 카피라이트 부분, 사업자등록번호가 들어가야 할 곳에 복사+붙여넣기로 넣어줍니다. 사업자등록번호 : 2021. 12. 24.
영카트 상품유형 아이콘 글자 변경 영카트에서 기본적으로 히트, 추천, 최신, 인기, 할인으로 적용되어 있는 상품유형 아이콘의 문구를 수정하는 방법을 알려드립니다. 히트 → best 추천 → MD's pick 등 다양하게 문구를 수정하여 활용할 수 있습니다. 파일을 열어 해당 글자만 수정 아래 파일을 열어 Ctrl+F 를 눌러 검색 후 해당되는 문구만 수정해 주세요. 파일을 모두 열어 [열려진 파일에서 모두 바꾸기]를 하면 한번에 수정할 수 있습니다. lib/shop.lib.php (상품 스킨) adm/shop_admin/itemform.php (관리자페이지 > 상품관리) adm/shop_admin/itemtypelist.php (관리자페이지 > 쇼핑몰관리 > 상품유형관리) theme/basic/shop/shop.head.php (쇼핑몰 .. 2021. 12. 23.
그누보드 영카트 갤러리 최신글 스킨 본문 내용 불러오기 그누보드나 영카트의 사진 갤러리 게시판을 사용할 때 메인페이지 최신글 영역에 사진과 제목만 출력되는데요. 사진과 제목 외에 게시물의 본문 내용을 추가로 불러오는 방법을 알려드립니다. 갤러리 최신글 내용 출력 먼저, 사용중인 최신글 스킨 파일을 열어서 적당한 위치에 아래 소스를 추가해 주세요. 예 : skin/latest/gallery/latest.skin.php 소스 내용 중 숫자(지금 100)를 수정하는 만큼 불러오는 내용의 글자수를 조정할 수 있습니다. 2021. 12. 23.
영카트 상품 목록 리스트에 네이버처럼 구매 리뷰 건수 출력 네이버 쇼핑에서 상품을 검색하면 목록(리스트) 페이지에 해당 상품의 구매 및 리뷰 건수가 노출됩니다. 판매율이 저조하다면 안 보이는게 나을지 모르지만 판매가 많이 일어나는 상품일수록 노출되는게 상품 구매에 유리하게 작용하죠. 네이버처럼 영카트 상품 목록에 구매 & 리뷰수를 출력하는 방법에 대해 알려드릴게요. 상품 목록 스킨 list.10.skin.php 영카트에서 상품 목록으로 사용중인 list 스킨을 열어주세요. 기본은 list.10.skin.php 입니다. 다른 스킨을 사용중이라면 해당되는 스킨 파일을 열면 됩니다. 소스 추가 아래 소스를 적당한 위치에 추가합니다. 만약 상품 가격 아래에 추가하고 싶다면 view_it_cust_price 또는 view_it_price 의 괄호 } 가 닫히는 아랫줄에 .. 2021. 12. 22.
다음지도 카카오맵 가로 사이즈 100% 맞추기 찾아오시는길이나 약도를 표시할 때 다음지도(카카오맵)에서 지도퍼가기를 이용하는 경우가 있습니다. 반응형 사이트를 제작할 때 아주 유용한 다음 지도 가로 사이즈를 항상 100%가 되게 수정하는 방법에 대해 알아봅니다. 서울시청 지도를 예로 들어볼게요. 지도 퍼가기로 소스 복사 다음 지도에서 장소검색 후 공유하기 > html 태그 복사를 선택합니다. 원하는 지도 크기를 설정할 수 있는데 %는 안되고 px 절대값으로만 입력이 가능합니다. 기본 640 px * 360 px 입니다. 우선 소스 생성하기를 클릭해서 소스를 복사하세요. 복사한 지도 소스를 붙여넣으면 아래와 같이 보입니다. 이제 어디를 수정해야 할지 알려드릴게요. 가로 사이즈 주석처리 3번 실행 스크립트에서 가로 사이즈 설정 부분인 "mapWidth".. 2021. 12. 22.
그누보드 게시판 링크 입력 개수 2개 → 1개 그누보드의 글쓰기 폼에 링크 입력 input이 기본 2개로 되어 있습니다. 보통의 경우 첨부파일은 여러개 첨부 할 수 있지만 링크 입력을 2개 혹은 그 이상 사용하는 경우는 드물어요. 첨부파일 갯수는 게시판 관리화면에서 설정 가능하지만 링크 갯수는 관리자가 설정 할 수 없어요. 그래서 알아보는, 그누보드 게시판 링크 갯수 1개로 줄이는 법! 1. 모든 게시판 적용 config.php 파일 199~201 라인을 확인해 보세요. // 게시판에서 링크의 기본개수를 말합니다. // 필드를 추가하면 이 숫자를 필드수에 맞게 늘려주십시오. define('G5_LINK_COUNT', 2); define('G5_LINK_COUNT', 1); 2를 1로 수정하면 됩니다. 2. 특정 게시판만 적용 링크 입력 갯수를 2개로.. 2021. 12. 17.
[HTML] video 태그로 백그라운드 영상 삽입하기 요즘 홈페이지를 보면 메인 화면 배경에 동영상이 자동재생되는 디자인들이 자주 보이는데요. 메인 비주얼이나 배경에 영상을 넣는 것이 새로운 트랜드인것 같아 태그로 영상 삽입하는 방법을 알아보겠습니다. 비디오 파일을 웹페이지에 삽입할 때는 태그를 사용합니다. 태그의 기본적인 사용 방법 대체 텍스트 태그의 속성값 속성명 설명 src 비디오 파일 경로 type 비디오 타입 width, height 비디오 가로, 세로 크기 autoplay 자동 재생 loop 반복 재생 muted 음소거 controls 재생, 정지 등의 버튼 태그의 속성 사용 방법 대체 텍스트 원칙적으로는 autoplay="autoplay"라고 쓰는 것이 맞지만 속성과 값이 같을 경우 속성명만 써도 됩니다. 태그 사용시 알아두세요! - ie9 이.. 2020. 9. 15.