WooCommerce 탭에 슬라이더가 표시되지 않습니다.

그래서 WooCommerce 제품 페이지를 설정했습니다. 페이지 하단에는 "개요", "갤러리"등으로 레이블 된 기본 WooCommerce 탭이 있습니다.WooCommerce 탭에 슬라이더가 표시되지 않습니다.

갤러리 탭을 클릭하면 해당 페이지에 단축키가 있습니다. 우슬 라이더.

WooSlider (및 대부분의 슬라이더)는 페이지 너비/높이를 사용하여 자체를 표시하고 갤러리 탭이 해제되었으므로 (내용 숨김) 사용자가 슬라이더를 선택하지 않으면 문제가 발생합니다.

갤러리 탭을 선택한 상태에서 브라우저 창의 크기를 조정하면 이제 탭이 표시되고 올바르게 표시되기 때문에 자체적으로 표시 할 수 있습니다.

이 문제에 관해 Google에 수많은 게시물이 있지만 문제 해결에 어려움을 겪고 있습니다. 특히 jquery에 익숙하지 않기 때문에 (많은 솔루션에는 WooSlider jquery에 대한 수정이 필요합니다).

경험이 많은 사람이라면 도움이 될까요?

감사합니다.

출처

2014-09-11 Rich95

는

.wooslider.wooslider-type-posts img, body .wooslider.wooslider-type-attachments img

을 찾아이 스타일 추가 :

.wooslider.wooslider-type-posts img, 
body .wooslider.wooslider-type-attachments img{ 
height: auto; min-width: 100vw; 
}

기본적으로, 우리가 Imagem의 뷰포트의 최대 가능 너비를 취할 WooSlider에게 다음 자동으로

을 높이 확장을

출처

2014-09-11 04:04:45 Devin

안녕하세요 파비오 - 제안 해 주셔서 감사합니다. 그 스타일을 wooslider/assets/css/폴더의 style.css에 추가했지만 불행히도 그것을 고치지는 못합니다. 나는 당신이 그것을보고 싶으면 거기에두고 갔다. 다른 제안이 있으십니까? 차이가 있다면 Chrome 브라우저를 사용하고 있습니다. – Rich95

aaah, 맞아, 이제 뭔가를 클릭 할 때 크기가 조정될 필요가 없지만 클릭해야하며 클릭 상태로 테스트 한 이후부터 정상적으로 작동하는 것으로 나타났습니다. 내가 조금만 생각하면 내가 솔루션을 찾을 수 있는지 알게 될 것이다. – Devin

안녕하세요 파비오 - 그럴 것입니다. 나는 이걸 이해할 수 없으므로 당신의 도움에 감사드립니다. – Rich95

WooCommerce 탭에 슬라이더가 표시되지 않습니다.

답변

관련 문제