2016-06-09 2 views
1

내 제품 이미지가 표시되지만 제품 페이지를 클릭하면 이미지가 숨겨지고 내가 클릭 할 때만 이미지가 표시됩니다. 일부 제품은 다른 브라우저에 표시됩니다. 내 페이지의 제품 : https://www.tsigaradiko.com/product/istick-40w-mod/ 예 :이 제품은 https://www.tsigaradiko.com/product/red-star/에만 표시됩니다.제품 이미지가 표시되지 않음 (Woocomerce)

편집 : 실제 문제는 cloudflare 로켓 로더가 웹 사이트의 일부 자바 스크립트를 차단하는 것입니다. 이 옵션을 비활성화하면 문제가 해결되었습니다. 당신의 CSS는 woocommerce.css에서 enter image description here

+0

이것은 단순한 제품이 아닌 변수가있는 제품이있는 제품에서 발생합니다. – webaware

답변

2

.product.has-default-attributes.has-children > .images 클래스 0 변경에 opacity을 설정하거나에만 클릭에 표시됩니다

.product.has-default-attributes.has-children > .images{opacity: 0;} 

.product.has-default-attributes.has-children > .images{opacity:1;} 

이미지 CSS 당신의 테마에서이 클래스 또는 재정의 클래스를 제거있다 .image 클래스를 클릭 한 후에를 사용하여 opacity1에 추가하기 때문에

+0

대단히 감사합니다! 당신이 나를 구했어. – csandreas1

+0

@ csandreas1 당신이 가장 환영합니다. –

+0

불투명도가 0 인 이유를 알고 도움이 되었습니까? 나에게 아주 기괴한 것 같다. 내 모습이 보이지 않는 JS가 있지만 JS에 의존해서 이미지를 볼 수는 없다. –

3

CSS 문제가있다, woocommerce.css이 클래스 .product.has-default-attributes.has-children > .images는이 클래스 opacity:1 울부 짖는 소리가 조각입니다 설정해야 opacity:0있다

.product.has-default-attributes.has-children > .images {opacity :0} 

변경이 발견

.product.has-default-attributes.has-children > .images{opacity :1;} 
+0

귀하의 게시물을 보내 주셔서 감사합니다 – csandreas1

+0

항상 환영합니다! –

0

이 라인 CSS를 다른 지원 사이트에 올려 놓으면 나를 위해 문제가 해결되었습니다.

관련 문제