코스모스팜 스레드

워드프레스 우커머스 상위/하위 카테고리 질문

안녕하세요.

워드프레스 우커머스 카테고리 관련 질문 좀 드립니다. ^^

 

현재는 우커머스의 카테고리를 1depth로만 운영하고 있는데, depth를 늘려 상위 카테고리(부모)에 하위 카테고리를 설정하려고 합니다.

하위 카테고리도 설정을 했고 보여지는 방식이 계층구조로 설정을 하고자 합니다.

질문 드리고 싶은 것은, 계층구조로 설정하니 상위 카테고리를 클릭해야 하위 카테고리가 펼쳐지게 되더라고요.

혹시 shop페이지로 들어가면 좌측에 보여지는 상품 카테고리의 모든 카테고리 메뉴가 전부 펼쳐 보이게 할 수 있을까요? (상위와 하위 카테고리가 클릭없이 바로 보여지게)

혹시 글로 설명하는 것이 부족할 거 같아 아래 제가 설정 하고자 하는 예시 사이트 링크 전달 드립니다.

http://www.29cm.co.kr/shop/category_main.asp?disp=MEN

위 사이트는 29cm라는 쇼핑몰이며 좌측 메뉴 처럼,

상위 카테고리인 셔츠 카테고리와 하위 카테고리인 긴팔 카테고리/반팔 카테고리가 모두 펼쳐져 보이는 것처럼

모든 상위 및 하위 카테고리 메뉴가 한 눈에 다 보여지게 하고 싶습니다.

이것저것 만져봐도 찾지를 못해서 도움을 청하고자 질문 드립니다. ^^;

 

답변 기다리겠습니다.

감사합니다.

무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
  • 질문에 대한 답변입니다.

    사이드바와 관련해서는 대부분의 이슈를 위젯에서 찾아보시면 해결됩니다.

     

    (답변내용)

    (1)

    외모 --> 위젯으로 들어가시면,

    WooCommerce product categories 라는 우커머스 위젯이 있습니다.

    이 것을 해당 사이드바에 추가하세요

     

    (2) 

    사이드바에 추가된 해당 위젯을 열어보시면,

    하단에 5개의 체크박스 아이템이 있습니다.

    - 드롭다운으로 보이기

    - 상품수량 보여주기

    - 계층구조 보이기 (Show hierarchy)

    - 현재 카테고리의 하위만 보이기

    - 비어있는 카테고리 숨기기

     

    (3)

    상기 체크박스에서 '계층구조 보이기 (Show hierarchy)'에 체크하시면

    원하시는대로 서브메뉴도 기본으로 보여지게 됩니다.

    다른 체크박스는 취향에 따라서 선택여부를 결정하세요,

     

    ps. 상기 답변은 우커머스 최신 버전인 3.1.2 버전을 기준으로 했으며,

    오래된 우커머스 버전에서는 해당되지 않을 수도 있습니다^^;;

  • 아담슨님 답변 감사합니다. ^^

     

    말씀처럼 '계층구조 보이기' 로 설정은 되어 있으나

    SHOP 페이지를 클릭하고 들어오면 상위 카테고리만 보여지고 하위메뉴인 서브메뉴는 접혀있어

    상위 카테고리 메뉴를 클릭해야 펼쳐지고 있습니다. ㅠ

     

    제 우커머스 버전이 2.6.14인데 혹시 최신 버전이 아니라 안 되는 걸까요?

    예전에 2.x.x 에서 3.x.x 버전으로 넘어갈때 많은 것이 바뀌고 다른 플러그인과 호환도 안되는 문제가 있어서

    일부러 다시 다운그레이드하여 2.x.x 버전을 사용하고 있습니다.

    3버전을 쓰기엔 그 많은 것들을 제가 수정하기에 감당이 안 되서 그냥 2버전을 사용하고 있는데...

    이게 문제라면 다른 방법을 없을까요?? ㅠㅠ

    메뉴를 클릭해서 하위 메뉴를 보거나 하면 가독성도 너무 떨어지고 하위 메뉴를 인지하지 못하고 이탈하는 잠재고객도 있을 거 같아

    하려고 하는데... 

    바쁘실텐데 다시 한번 답변 기다리겠습니다. ㅠ

    감사합니다.

  • yangsazang 님

    제가 확인한 결과... 우커머스 버전과는 무관합니다.
    
    2015테마 + 우커머스 2.6.14 + 우커머스 Dummy Data 로 확인한 결과
    
    사이드바에서 서브 메뉴들은 기본적으로 펼쳐져 나옵니다!

     

    우커머스 버전과는 무관하기에... 오직 이 건으로 인해서 3.x 버전으로 업그레이드 할 필요는 없습니다.

    가장 단순하고 기본적인 기능인데 정상적인 처리가 안된다면, 오히려 이런 건이 해답을 찾기가 어려울 수 있습니다.

    특히나 사이트를 보지도 못한 상태에서는 더욱 그렇습니다.

     

    따라서 해결까지는 시간이 걸릴 수 있는 문제이기에... 이럴 경우에는 차선책을 찾아보시기를 권해드립니다.

    (1) 차선책 : 외모 --> 메뉴에서 : 원하는 상품카테고리 메뉴를 별도로 만들어서 사이드바에 추가하는 방법

    (2) 우커머스 위젯 관련 관련 솔루션들을 적용 :  참고 사례 중 한가지  https://wordpress.org/plugins/woocommerce-collapsing-categories/

  • 아담슨님 답변 감사합니다. ^^
     

    그렇다면 제 우커머스나 다른 무엇이 문제가 있을 수 있는거네요. 흑 ㅠ

    일단 알려주신,

    (1)번 차선책은 상위/하위 카테고리를 만들면 역시 서브 메뉴는 접힌 상태가 기본으로 나와 안 되고

    (2)번 플러그인은 설치해서 해 봤는데 작동이 안 되는거 같습니다. ㅠ

    쉽게 될 거라고 생각했는데 생각처럼 되지가 않네요...

    글로만 적다보니, 혹시 제 사이트가 어떻게 보이는지 보여드리는게 좋을 거 같아서

    아래 제 사이트 주소 남겨 드립니다.

    https://www.betterthan.co.kr/shop/

     

    상품 페이지 좌측 카테고리 메뉴가 이렇게 서브메뉴가 접힌 상태가 기본으로 나오고 있습니다...

    이렇게 보이니 메뉴가 2개밖에 없다고 보여질 수도 있어서....처음부터 펼쳐서 보이고 싶은데 힘드네요..^^;

    이걸 해결하기 위해서 시간이 오래걸리고 복잡하면 지금까지 도움주신 걸로 충분합니다. (해결하고 싶긴 하지만...ㅠ)

    그냥 어떻게 보이는지 보여드리고 싶었습니다.

    일단은 이렇게라도 운영해야 할 거 같네요. ㅎ

    친절하게 답변 주셔서 감사합니다. ^^

  • (1)

    지금 사용하시는 테마가 우커머스 쇼핑몰용 테마로 보입니다.

    지금 야기되는 문제의 원인을 테마로 까지는 연결시키고 싶지는 않았는데,

    테마 옵션에서 해결책을 찾아 보실수 도 있을 듯 합니다.

     

    (2) 제가 보아도 서브카테고리가 펼쳐지는 것이 100번 맞습니다.

    따라서 또 다른 대안으로 위젯 구성을 이런 방식으로 권장해 드립니다.

     

    (위젯구성)

    수제화 (텍스트로 구성)

    - 옥스포드

    - 로퍼

    - 몽크스트랩 ........

     

    기성화 (텍스트로 구성)

    - 기성화 / 옥스포드

    - 기성화 / 로퍼

    - 기성화 / 스니커즈

     

    * 즉 수제화와 기성화를 부모 카테고리고 하지 않고 텍스트 처리하고

    서브카테고리로 두었던 카테고리를 부모카테고리로 해서 위와 같이 배치하는 방법도

    대안 입니다.

     

    ps. 문제의 해결은 원천적인 원인을 찾아서 해결하는 것이 최선이지만,

    즉각 해결이 안되는 경우에는 위와 같은 차선책으로 유연하게 운영하는 것도 좋을 듯 합니다.

    제가 도와드릴 수 있는 것이 여기까지인 듯 합니다^^;;

  • 아담슨님 답변 감사합니다. ^^

     

    (1)

    네 우커머스 쇼핑몰 테마 맞습니다. 

    테마는 Flatsome 테마를 사용 중이며 테마 옵션을 이것저것 만져보고 해도... 제가 못찾는 것인지 안 됩니다. ㅠ

     

    (2)

    말씀하신 위젯 구성을 시도해 보았습니다.

    이 구성이 가능하다면 이렇게 하려고 만져보니...

    우선, [상품-카테고리] 에 옥스포드, 로퍼 등 각 카테고리가 있는데 

    이 카테고리가 전부 위젯의 'Woocommerce 상품 카테고리' 에 묶이다 보니

    수제화의 상품 카테고리들과 기성화의 상품 카테고리가 다 위의 위젯 하나에 보여지더라고요.

    말씀하신 구성이 가능하려면,

    수제화 (텍스트로 구성) >> 위젯 1

    - 옥스포드

    - 로퍼

    - 몽크스트랩 ....

    (위 옥스포드, 로퍼 등 상품 카테고리 위젯 2)

    기성화 (텍스트로 구성) >> 위젯 3

    - 기성화 / 옥스포드

    - 기성화 / 로퍼

    - 기성화 / 스니커즈

    (위 기성화 / 옥스포드, 로퍼 등 상품 카테고리 위젯 4)

    이렇게 각각의 위젯이 필요한데

    텍스트 위젯은 가능하나, 상품 카테고리 위젯은 이미 하나로 다 묶여서 보이는데 이걸 나눌수 있는지 모르겠습니다. ㅠ

    제 짧은 지식으로는 이렇게 저렇게 만져봐도 도저히 상품 카테고리를 위젯별로 어떻게 나눠야 되는지 모르겠는데

    혹시 마지막으로 어떻게 해야 되는지 한번만 더 질문을 드려도 될까요?

     

    마지막 ps.로 말씀하신 부분 공감합니다.

    아직 제 사이트에 부족한 부분이 있기도 하고요. ^^;

    그래서 알려주신 방법이 가능하다면 당장 적용하기에 최선이라고 생각하는데,

    여기서 또 막힙니다. ㅠ

     

    도와주셔서 정말 감사드립니다!!

  • 기본 컨셉만 설명해서, 답변이 부족했던 것 같습니다.

     

    (포인트)

    WooCommerce product categories 위젯을 사용하지 마시고

    메뉴 관련 위젯을 활용해 보세요^^

     

    (1)

    (위젯구성)

    수제화 (제목부분) --> 텍스트 위젯으로 처리 또는 ... 위젯의 타이틀로 지정할 수도 있을듯...

    - 옥스포드

    - 로퍼

    - 몽크스트랩 ........

     

    (2)

    수제화에 해당되는 카테고리만 (외모-->메뉴)에서 별도 메뉴를 만드신 다음에.....

    WooCommerce product categories 위젯을 사용하지 마시고

    메뉴 관련 위젯에서 상기 메뉴에서 생성한 메뉴를 추가하세요.

     

    (3)

    기성화 (텍스트로 구성)

    - 기성화 / 옥스포드

    - 기성화 / 로퍼

    - 기성화 / 스니커즈

     

    (4)

    기성화에 해당되는 카테고리만 (외모-->메뉴)에서 별도 메뉴를 만드신 다음에.....

    WooCommerce product categories 위젯을 사용하지 마시고

    메뉴 관련 위젯에서 상기 메뉴에서 생성한 메뉴를 추가하시면 됩니다.

     

    ps. 메뉴관련 위젯은 테마마다 다를 수 있지만 대부분 지원하는 기능이기에

    세부적인 내용은 생략했습니다.

  • 아담슨님~ 답변이 조금 늦었습니다. ^^;

     

    방금 확인하고 알려주신대로 적용했는데..... 드디어 했습니다. ^^

    전혀 생각 못한 방법인데 하나 배웠습니다.

    너무 감사합니다.

    제목 부분은 텍스트 위젯 사용하지 않고 메뉴 타이틀로 지정했습니다.

    앞으로도 메뉴 추가가 필요할 때 이 방법을 활용할 수 있을 거 같습니다.

    다시 한번 도와주셔서 진심으로 감사드립니다. ^^

    즐거운 금요일 되세요~ ^^

  • 잘 해결되셨다니 다행입니다^^

    제 설명이 부족해서 적용을 못하시는 것이 아닌가 우려했는데....

     

    한가지 추가로 조언을 드린다면,

    (1) 슈즈의 배열이 4칼럼으로 되어있어서 좀 작게 느껴지기에

    3칼럼으로 해보시는 것은 어떨까 하는 생각

     

    (2) 현재 카탈로그의 사진 해상도가 너무 낮아서 아쉬운데요,

    화질을 좀 더 뚜렸하고 깨끗하게 하면 더욱 좋겠다는 생각이 듭니다,

     

    ps, 특히나 화질 문제는 중요한 의견이니 고민하셔서 해결하시기를 바랍니다,

    저도 해결책을 지금 갖고 있다면 지금 알려드릴텐테 그렇지는  못하고

    판매증대를 위해서는 해결하셔야 할 사항으로 느껴져서 사족을 달았습니다^^

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)