Storefront 2.2.4 + woocommerce 3.x 조합으로 쇼핑몰 만들기

storefront 로 테스트 데모 사이트를 만든 후 오랜만에 업데이트 테스트를 해 보니, 테마를 2.2.4 최신 버전으로 업데이트 하거나 woocommerce 버전을 2.6.14 버전 업데이트 시도하자 사이트가 다 깨지는 현상 발생. 비슷한 경우 업데이트보다는 사이트를 재 구성하여 데이터를 가져오는 것이 더 나은 선택일 수 있을 것 같다는 생각입니다. (기존 구성 : Storefront 1.5.3 +?woocommerce 2.5.5 ) Storefront […]

Woocommerce + product support(Ext) & 문의하기, 답변확인하기 추가

우커머스를 이용한 온라인 숍 구성 시, 상품 관련 문의 시스템을 구성하는 한가지 방법으로 ‘product support’라는 익스텐션을 이용하는 방법이 있어 소개해 드립니다. Product Support?ext. Key Features Automatically create new groups/forums? Associate products with any existing groups/forums Automatically add users to correct groups on completed purchase (BuddyPress only) Automatically create first post in each new forum Doesn’t […]

카테고리별 리스트 목록 디자인을 다르게 꾸미기

워드프레스 탬플릿 구조의 우선 순위 관계를 잘 활용하면, 각 카테고리 목록 뷰 디자인을 목록에 맞게 다르게 하여 표시할 수도 있습니다. 가령, 공지사항은 제목이 나열이 되는 게시판 형태로, 사진이 강조될 필요가 있는 주요 뉴스들은 대표 이미지가 강조된 리스트로, pdf 첨부 링크를 포함한 메거진 글은 링크를 수정하여 바로 문서로 연결되는 리스트형태로. ex) 테마의 category.php 파일을 복사하여 카테고리명이 […]

Korea SNS 플러그인을 통해 공유되는 카운트 기록 및 확인

SNS 공유 회수에 대한 트래킹을 확인할 수 있도록 어드민에 적용을 해 본 내용입니다. 이 중 어드민에 컬럼을 추가하는 부분, 그리고 Ajax(화면 전환 없이 이벤트 처리)는 상당히 유용한 부분인데 방법도 꽤 간단한 거 같아서 필요하실 경우 한 번 응용을 해 보시라 공유합니다.   크게 두가지 방법을 참고했습니다. 1. 어드민에 포스트 메타 정보 컬럼 추가하기 (sort 가능하도록) […]

슬라이더 레볼루션 에니메이션 만들기

슬라이더 레볼루션 업데이트(5.3 이후)로 그룹을 지정할 수 있는 기능이 추가되어, 그룹 내에서 요소간 포지션을 정하여 등장시킬 수 있게 됐습니다. 이 말은 위치를 정확히 지정을 할 수 있게 되었다는 것으로, 이 특징을 이용해서 바리스타룰스 홈페이지의 커피의 제작 과정을 만들어 적용했었습니다. 요소들은 에니메이션 기능을 활용하면, 등장 시 이동하면서 나타나게 할 수 있고, 원하는 시간에 마지막 동작을 발생시킬 […]

우커머스 탭 컨텐츠 모두 노출 + 탭메뉴를 스크롤 시 상단 고정 + 탭내용 바로가기 버튼으로 이용하기

우커머스를 이용한 쇼핑몰 제작 시 상품 상세 페이지에서 보여지는 각종 탭 정보들이 국내형 쇼핑몰처럼 보이길 원하는 경우가 있습니다. 뭐냐하면, 1. 정보탭이 스크롤 시 고정이 되고, 2. 탭의 내용이 화면에 한번에 모두 표시되고, 3. 탭을 클릭 시 탭과 연결된 정보가 화면 상단으로 고정이 되었으면 좋겠다! 구현할 수 있었던 내용을 토대로 정리된 내용은 아래와 같습니다. ● 우커머스의 […]

어드민 화면에 나의 자바스크립트, 스타일 적용하기

어드민 화면 정리를 위해 Adminimize, Admin Menu Editor로 메뉴들을 권한에 따라 노출하는 것을 컨트롤한 다음에도 화면에는 상당부분 불필요 요소들이 존재합니다. 이를 해결하기 위해 플러그인으로 어드민 화면에 CSS를 적용(Add Admin CSS 이용)해서 처리를 했었는데, IE에서는 CSS로 제어 불가한 요소가 일부 있어서 아쉬움이 있었습니다. 이번에 이 부분도 해결하고자 찾아보니… 자바스크립트를 살짝 사용을 해 주면 이 부분도 컨트롤이 […]

우커머스 각종 페이지를 functions.php를 가지고 간단히 커스텀 하는 방법

소개해 드릴 내용 중 제일 주는 이 사이트네요. ?>?https://businessbloomer.com/category/woocommerce-tips/visual-hook-series/??   우커머스의 각종 페이지에 대한 비주얼 훅을 잘 정리해 준 사이트입니다. (주로 컨텐츠 표시와 관련된 것들) 이걸 알기 전에는 매번 연관되는 훅 이름을 떠올려서 찾아보고 검색하고 하는 번거로움이 있었는데, 그런 번거로움을 한방에 날려준 사이트였습니다. 뭔가 컨텐츠를 추가하거나, 기존의 컨텐츠를 바꾸거나 할 때 참고해 보세요.   어떨 […]

테마 데모 디자인 요소들을 활용하여 사이트를 구성하는 방법

유료 테마를 처음 접했을 당시 가장 좋았던 점이라면, ‘전체적으로 디자인이나 기능상의 구조를 꽤 멋지게 갖추고 시작을 한다!’ 라는 점이었습니다. 마음에 드는 것을 그냥 고르기만 하면 잘만하면 그냥 써도 될 정도라고 생각될 정도!? 이전까지는 테마를 찾아놓고, 이 디자인은 이러이러한 플러그인, 이 기능은 이러이러한 플러그인… 각종 목록을 준비해 놓는 게 일이었습니다. 게다가 조합이 갖춰진들 실제로 뭔가 컨텐츠 […]

어드민에 컬럼을 추가, Ajax(화면 전환 없이 이벤트 처리) 활용

koreaSNS플러그인 설치 후 SNS 공유 회수에 대한 트래킹을 확인할 수 있도록 어드민에 적용을 해 본 내용입니다. 이 중 어드민에 컬럼을 추가하는 부분, 그리고 Ajax(화면 전환 없이 이벤트 처리)는 상당히 유용한 부분인데 방법도 꽤 간단한 거 같아서 필요하실 경우 한 번 응용을 해 보시라 공유합니다. 크게 두가지 방법을 참고했습니다. 1. 어드민에 포스트 메타 정보 컬럼 추가하기 […]